diff --git a/src/api/bszx/bszxBm/index.ts b/src/api/bszx/bszxBm/index.ts
new file mode 100644
index 0000000..f643aa6
--- /dev/null
+++ b/src/api/bszx/bszxBm/index.ts
@@ -0,0 +1,106 @@
+import request from '@/utils/request';
+import type { ApiResult, PageResult } from '@/api';
+import type { BszxBm, BszxBmParam } from './model';
+import { MODULES_API_URL } from '@/config/setting';
+
+/**
+ * 分页查询百色中学-报名记录
+ */
+export async function pageBszxBm(params: BszxBmParam) {
+  const res = await request.get<ApiResult<PageResult<BszxBm>>>(
+    MODULES_API_URL + '/bszx/bszx-bm/page',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 查询百色中学-报名记录列表
+ */
+export async function listBszxBm(params?: BszxBmParam) {
+  const res = await request.get<ApiResult<BszxBm[]>>(
+    MODULES_API_URL + '/bszx/bszx-bm',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 添加百色中学-报名记录
+ */
+export async function addBszxBm(data: BszxBm) {
+  const res = await request.post<ApiResult<unknown>>(
+    MODULES_API_URL + '/bszx/bszx-bm',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 修改百色中学-报名记录
+ */
+export async function updateBszxBm(data: BszxBm) {
+  const res = await request.put<ApiResult<unknown>>(
+    MODULES_API_URL + '/bszx/bszx-bm',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 删除百色中学-报名记录
+ */
+export async function removeBszxBm(id?: number) {
+  const res = await request.delete<ApiResult<unknown>>(
+    MODULES_API_URL + '/bszx/bszx-bm/' + id
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 批量删除百色中学-报名记录
+ */
+export async function removeBatchBszxBm(data: (number | undefined)[]) {
+  const res = await request.delete<ApiResult<unknown>>(
+    MODULES_API_URL + '/bszx/bszx-bm/batch',
+    {
+      data
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 根据id查询百色中学-报名记录
+ */
+export async function getBszxBm(id: number) {
+  const res = await request.get<ApiResult<BszxBm>>(
+    MODULES_API_URL + '/bszx/bszx-bm/' + id
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
diff --git a/src/api/bszx/bszxBm/model/index.ts b/src/api/bszx/bszxBm/model/index.ts
new file mode 100644
index 0000000..e0d2d8c
--- /dev/null
+++ b/src/api/bszx/bszxBm/model/index.ts
@@ -0,0 +1,78 @@
+import type { PageParam } from '@/api';
+
+/**
+ * 百色中学-报名记录
+ */
+export interface BszxBm {
+  // 自增ID
+  id?: number;
+  // 订单编号
+  orderNo?: string;
+  // 姓名
+  name?: string;
+  // 性别 1男 2女
+  sex?: number;
+  sexName?: string;
+  // 手机号码
+  phone?: string;
+  // 手机号码(脱敏)
+  mobile?: string;
+  // 捐款金额
+  price?: string;
+  // 分部ID
+  branchId?: number;
+  // 班级ID
+  classId?: number;
+  // 班级
+  className?: string;
+  // 年级
+  gradeName?: string;
+  // 居住地址
+  address?: string;
+  // 工作单位
+  workUnit?: string;
+  // 职务
+  position?: string;
+  // 是否能到场
+  present?: string;
+  // 年龄
+  age?: number;
+  // 人数
+  number?: number;
+  // 额外信息
+  extra?: string;
+  // 生成的邀请函存放路径
+  certificate?: string;
+  // 预定日期
+  dateTime?: string;
+  // 表单数据
+  formData?: string;
+  // 表单ID
+  formId?: number;
+  // 用户ID
+  userId?: number;
+  // 排序(数字越小越靠前)
+  sortNumber?: number;
+  // 备注
+  comments?: string;
+  // 状态, 0正常, 1冻结
+  status?: number;
+  // 是否删除, 0否, 1是
+  deleted?: number;
+  // 租户id
+  tenantId?: number;
+  // 创建时间
+  createTime?: string;
+}
+
+/**
+ * 百色中学-报名记录搜索条件
+ */
+export interface BszxBmParam extends PageParam {
+  id?: number;
+  branchId?: number;
+  gradeName?: string;
+  className?: string;
+  classId?: number;
+  keywords?: string;
+}
diff --git a/src/api/bszx/bszxBranch/index.ts b/src/api/bszx/bszxBranch/index.ts
new file mode 100644
index 0000000..0f7955b
--- /dev/null
+++ b/src/api/bszx/bszxBranch/index.ts
@@ -0,0 +1,106 @@
+import request from '@/utils/request';
+import type { ApiResult, PageResult } from '@/api';
+import type { BszxBranch, BszxBranchParam } from './model';
+import { MODULES_API_URL } from '@/config/setting';
+
+/**
+ * 分页查询百色中学-分部
+ */
+export async function pageBszxBranch(params: BszxBranchParam) {
+  const res = await request.get<ApiResult<PageResult<BszxBranch>>>(
+    MODULES_API_URL + '/bszx/bszx-branch/page',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 查询百色中学-分部列表
+ */
+export async function listBszxBranch(params?: BszxBranchParam) {
+  const res = await request.get<ApiResult<BszxBranch[]>>(
+    MODULES_API_URL + '/bszx/bszx-branch',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 添加百色中学-分部
+ */
+export async function addBszxBranch(data: BszxBranch) {
+  const res = await request.post<ApiResult<unknown>>(
+    MODULES_API_URL + '/bszx/bszx-branch',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 修改百色中学-分部
+ */
+export async function updateBszxBranch(data: BszxBranch) {
+  const res = await request.put<ApiResult<unknown>>(
+    MODULES_API_URL + '/bszx/bszx-branch',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 删除百色中学-分部
+ */
+export async function removeBszxBranch(id?: number) {
+  const res = await request.delete<ApiResult<unknown>>(
+    MODULES_API_URL + '/bszx/bszx-branch/' + id
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 批量删除百色中学-分部
+ */
+export async function removeBatchBszxBranch(data: (number | undefined)[]) {
+  const res = await request.delete<ApiResult<unknown>>(
+    MODULES_API_URL + '/bszx/bszx-branch/batch',
+    {
+      data
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 根据id查询百色中学-分部
+ */
+export async function getBszxBranch(id: number) {
+  const res = await request.get<ApiResult<BszxBranch>>(
+    MODULES_API_URL + '/bszx/bszx-branch/' + id
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
diff --git a/src/api/bszx/bszxBranch/model/index.ts b/src/api/bszx/bszxBranch/model/index.ts
new file mode 100644
index 0000000..16866dd
--- /dev/null
+++ b/src/api/bszx/bszxBranch/model/index.ts
@@ -0,0 +1,23 @@
+import type { PageParam } from '@/api';
+
+/**
+ * 百色中学-分部
+ */
+export interface BszxBranch {
+  // ID
+  id?: number;
+  // 分部名称 
+  name?: string;
+  // 排序(数字越小越靠前)
+  sortNumber?: number;
+  // 租户id
+  tenantId?: number;
+}
+
+/**
+ * 百色中学-分部搜索条件
+ */
+export interface BszxBranchParam extends PageParam {
+  id?: number;
+  keywords?: string;
+}
diff --git a/src/api/bszx/bszxClass/index.ts b/src/api/bszx/bszxClass/index.ts
new file mode 100644
index 0000000..24eed7b
--- /dev/null
+++ b/src/api/bszx/bszxClass/index.ts
@@ -0,0 +1,106 @@
+import request from '@/utils/request';
+import type { ApiResult, PageResult } from '@/api';
+import type { BszxClass, BszxClassParam } from './model';
+import { MODULES_API_URL } from '@/config/setting';
+
+/**
+ * 分页查询百色中学-班级
+ */
+export async function pageBszxClass(params: BszxClassParam) {
+  const res = await request.get<ApiResult<PageResult<BszxClass>>>(
+    MODULES_API_URL + '/bszx/bszx-class/page',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 查询百色中学-班级列表
+ */
+export async function listBszxClass(params?: BszxClassParam) {
+  const res = await request.get<ApiResult<BszxClass[]>>(
+    MODULES_API_URL + '/bszx/bszx-class',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 添加百色中学-班级
+ */
+export async function addBszxClass(data: BszxClass) {
+  const res = await request.post<ApiResult<unknown>>(
+    MODULES_API_URL + '/bszx/bszx-class',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 修改百色中学-班级
+ */
+export async function updateBszxClass(data: BszxClass) {
+  const res = await request.put<ApiResult<unknown>>(
+    MODULES_API_URL + '/bszx/bszx-class',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 删除百色中学-班级
+ */
+export async function removeBszxClass(id?: number) {
+  const res = await request.delete<ApiResult<unknown>>(
+    MODULES_API_URL + '/bszx/bszx-class/' + id
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 批量删除百色中学-班级
+ */
+export async function removeBatchBszxClass(data: (number | undefined)[]) {
+  const res = await request.delete<ApiResult<unknown>>(
+    MODULES_API_URL + '/bszx/bszx-class/batch',
+    {
+      data
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 根据id查询百色中学-班级
+ */
+export async function getBszxClass(id: number) {
+  const res = await request.get<ApiResult<BszxClass>>(
+    MODULES_API_URL + '/bszx/bszx-class/' + id
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
diff --git a/src/api/bszx/bszxClass/model/index.ts b/src/api/bszx/bszxClass/model/index.ts
new file mode 100644
index 0000000..c25af05
--- /dev/null
+++ b/src/api/bszx/bszxClass/model/index.ts
@@ -0,0 +1,48 @@
+import type { PageParam } from '@/api';
+
+/**
+ * 百色中学-班级
+ */
+export interface BszxClass {
+  // ID
+  id?: number;
+  // 时代ID
+  eraId?: number;
+  // 年级ID
+  gradeId?: number;
+  // 年级
+  gradeName?: string;
+  // 班级
+  className?: string;
+  // 分部
+  branch?: number;
+  // 班级
+  name?: string;
+  // 累计捐款总金额
+  totalMoney?: string;
+  // 排序(数字越小越靠前)
+  sortNumber?: number;
+  // 备注
+  comments?: string;
+  // 状态, 0正常, 1冻结
+  status?: number;
+  // 租户id
+  tenantId?: number;
+  // 创建时间
+  createTime?: string;
+  value?: number;
+  label?: string;
+}
+
+/**
+ * 百色中学-班级搜索条件
+ */
+export interface BszxClassParam extends PageParam {
+  id?: number;
+  gradeId?: number;
+  eraId?: number;
+  branch?: number;
+  name?: string;
+  className?: string;
+  keywords?: string;
+}
diff --git a/src/api/bszx/bszxEra/index.ts b/src/api/bszx/bszxEra/index.ts
new file mode 100644
index 0000000..45747b5
--- /dev/null
+++ b/src/api/bszx/bszxEra/index.ts
@@ -0,0 +1,106 @@
+import request from '@/utils/request';
+import type { ApiResult, PageResult } from '@/api';
+import type { BszxEra, BszxEraParam } from './model';
+import { MODULES_API_URL } from '@/config/setting';
+
+/**
+ * 分页查询百色中学-年代
+ */
+export async function pageBszxEra(params: BszxEraParam) {
+  const res = await request.get<ApiResult<PageResult<BszxEra>>>(
+    MODULES_API_URL + '/bszx/bszx-era/page',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 查询百色中学-年代列表
+ */
+export async function listBszxEra(params?: BszxEraParam) {
+  const res = await request.get<ApiResult<BszxEra[]>>(
+    MODULES_API_URL + '/bszx/bszx-era',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 添加百色中学-年代
+ */
+export async function addBszxEra(data: BszxEra) {
+  const res = await request.post<ApiResult<unknown>>(
+    MODULES_API_URL + '/bszx/bszx-era',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 修改百色中学-年代
+ */
+export async function updateBszxEra(data: BszxEra) {
+  const res = await request.put<ApiResult<unknown>>(
+    MODULES_API_URL + '/bszx/bszx-era',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 删除百色中学-年代
+ */
+export async function removeBszxEra(id?: number) {
+  const res = await request.delete<ApiResult<unknown>>(
+    MODULES_API_URL + '/bszx/bszx-era/' + id
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 批量删除百色中学-年代
+ */
+export async function removeBatchBszxEra(data: (number | undefined)[]) {
+  const res = await request.delete<ApiResult<unknown>>(
+    MODULES_API_URL + '/bszx/bszx-era/batch',
+    {
+      data
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 根据id查询百色中学-年代
+ */
+export async function getBszxEra(id: number) {
+  const res = await request.get<ApiResult<BszxEra>>(
+    MODULES_API_URL + '/bszx/bszx-era/' + id
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
diff --git a/src/api/bszx/bszxEra/model/index.ts b/src/api/bszx/bszxEra/model/index.ts
new file mode 100644
index 0000000..910da64
--- /dev/null
+++ b/src/api/bszx/bszxEra/model/index.ts
@@ -0,0 +1,21 @@
+import type { PageParam } from '@/api';
+
+/**
+ * 百色中学-年代
+ */
+export interface BszxEra {
+  // ID
+  id?: number;
+  // 年代
+  name?: string;
+  // 租户id
+  tenantId?: number;
+}
+
+/**
+ * 百色中学-年代搜索条件
+ */
+export interface BszxEraParam extends PageParam {
+  id?: number;
+  keywords?: string;
+}
diff --git a/src/api/bszx/bszxGrade/index.ts b/src/api/bszx/bszxGrade/index.ts
new file mode 100644
index 0000000..294c03f
--- /dev/null
+++ b/src/api/bszx/bszxGrade/index.ts
@@ -0,0 +1,106 @@
+import request from '@/utils/request';
+import type { ApiResult, PageResult } from '@/api';
+import type { BszxGrade, BszxGradeParam } from './model';
+import { MODULES_API_URL } from '@/config/setting';
+
+/**
+ * 分页查询百色中学-年级
+ */
+export async function pageBszxGrade(params: BszxGradeParam) {
+  const res = await request.get<ApiResult<PageResult<BszxGrade>>>(
+    MODULES_API_URL + '/bszx/bszx-grade/page',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 查询百色中学-年级列表
+ */
+export async function listBszxGrade(params?: BszxGradeParam) {
+  const res = await request.get<ApiResult<BszxGrade[]>>(
+    MODULES_API_URL + '/bszx/bszx-grade',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 添加百色中学-年级
+ */
+export async function addBszxGrade(data: BszxGrade) {
+  const res = await request.post<ApiResult<unknown>>(
+    MODULES_API_URL + '/bszx/bszx-grade',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 修改百色中学-年级
+ */
+export async function updateBszxGrade(data: BszxGrade) {
+  const res = await request.put<ApiResult<unknown>>(
+    MODULES_API_URL + '/bszx/bszx-grade',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 删除百色中学-年级
+ */
+export async function removeBszxGrade(id?: number) {
+  const res = await request.delete<ApiResult<unknown>>(
+    MODULES_API_URL + '/bszx/bszx-grade/' + id
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 批量删除百色中学-年级
+ */
+export async function removeBatchBszxGrade(data: (number | undefined)[]) {
+  const res = await request.delete<ApiResult<unknown>>(
+    MODULES_API_URL + '/bszx/bszx-grade/batch',
+    {
+      data
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 根据id查询百色中学-年级
+ */
+export async function getBszxGrade(id: number) {
+  const res = await request.get<ApiResult<BszxGrade>>(
+    MODULES_API_URL + '/bszx/bszx-grade/' + id
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
diff --git a/src/api/bszx/bszxGrade/model/index.ts b/src/api/bszx/bszxGrade/model/index.ts
new file mode 100644
index 0000000..7df61ec
--- /dev/null
+++ b/src/api/bszx/bszxGrade/model/index.ts
@@ -0,0 +1,37 @@
+import type { PageParam } from '@/api';
+
+/**
+ * 百色中学-年级
+ */
+export interface BszxGrade {
+  // ID
+  id?: number;
+  // 年级
+  name?: string;
+  // 年代
+  eraId?: number;
+  // 分部
+  branch?: number;
+  // 排序(数字越小越靠前)
+  sortNumber?: number;
+  // 备注
+  comments?: string;
+  // 状态, 0正常, 1冻结
+  status?: number;
+  // 租户id
+  tenantId?: number;
+  // 创建时间
+  createTime?: string;
+  value?: number;
+  label?: string;
+}
+
+/**
+ * 百色中学-年级搜索条件
+ */
+export interface BszxGradeParam extends PageParam {
+  id?: number;
+  branch?: number;
+  gradeId?: number;
+  keywords?: string;
+}
diff --git a/src/api/bszx/bszxOrder/index.ts b/src/api/bszx/bszxOrder/index.ts
new file mode 100644
index 0000000..4c7faff
--- /dev/null
+++ b/src/api/bszx/bszxOrder/index.ts
@@ -0,0 +1,37 @@
+import request from '@/utils/request';
+import type { ApiResult, PageResult } from '@/api';
+import { MODULES_API_URL } from '@/config/setting';
+import {ShopOrder, ShopOrderParam} from "@/api/shop/shopOrder/model";
+
+/**
+ * 分页查询百色中学-捐款记录
+ */
+export async function pageBszxOrder(params: ShopOrderParam) {
+  const res = await request.get<ApiResult<PageResult<ShopOrder>>>(
+    MODULES_API_URL + '/bszx/bszx-order/page',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+
+/**
+ * 统计订单总金额(只统计有效订单)
+ */
+export async function bszxOrderTotal(params?: ShopOrderParam) {
+  const res = await request.get<ApiResult<ShopOrder[]>>(
+    MODULES_API_URL + '/bszx/bszx-order/total',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
diff --git a/src/api/bszx/bszxPay/index.ts b/src/api/bszx/bszxPay/index.ts
new file mode 100644
index 0000000..df20870
--- /dev/null
+++ b/src/api/bszx/bszxPay/index.ts
@@ -0,0 +1,121 @@
+import request from '@/utils/request';
+import type { ApiResult, PageResult } from '@/api';
+import type { BszxPay, BszxPayParam } from './model';
+import { MODULES_API_URL } from '@/config/setting';
+import {ShopOrder} from "@/api/shop/shopOrder/model";
+
+/**
+ * 分页查询百色中学-捐款记录
+ */
+export async function pageBszxPay(params: BszxPayParam) {
+  const res = await request.get<ApiResult<PageResult<BszxPay>>>(
+    MODULES_API_URL + '/bszx/bszx-pay/page',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 查询百色中学-捐款记录列表
+ */
+export async function listBszxPay(params?: BszxPayParam) {
+  const res = await request.get<ApiResult<BszxPay[]>>(
+    MODULES_API_URL + '/bszx/bszx-pay',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 添加百色中学-捐款记录
+ */
+export async function addBszxPay(data: BszxPay) {
+  const res = await request.post<ApiResult<unknown>>(
+    MODULES_API_URL + '/bszx/bszx-pay',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 修改百色中学-捐款记录
+ */
+export async function updateBszxPay(data: BszxPay) {
+  const res = await request.put<ApiResult<unknown>>(
+    MODULES_API_URL + '/bszx/bszx-pay',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 删除百色中学-捐款记录
+ */
+export async function removeBszxPay(id?: number) {
+  const res = await request.delete<ApiResult<unknown>>(
+    MODULES_API_URL + '/bszx/bszx-pay/' + id
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 批量删除百色中学-捐款记录
+ */
+export async function removeBatchBszxPay(data: (number | undefined)[]) {
+  const res = await request.delete<ApiResult<unknown>>(
+    MODULES_API_URL + '/bszx/bszx-pay/batch',
+    {
+      data
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 根据id查询百色中学-捐款记录
+ */
+export async function getBszxPay(id: number) {
+  const res = await request.get<ApiResult<BszxPay>>(
+    MODULES_API_URL + '/bszx/bszx-pay/' + id
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 修改订单
+ */
+export async function repairOrder(data: ShopOrder) {
+  const res = await request.put<ApiResult<unknown>>(
+    MODULES_API_URL + '/bszx/bszx-pay/repair',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
diff --git a/src/api/bszx/bszxPay/model/index.ts b/src/api/bszx/bszxPay/model/index.ts
new file mode 100644
index 0000000..016b733
--- /dev/null
+++ b/src/api/bszx/bszxPay/model/index.ts
@@ -0,0 +1,69 @@
+import type { PageParam } from '@/api';
+
+/**
+ * 百色中学-捐款记录
+ */
+export interface BszxPay {
+  // ID
+  id?: number;
+  // 年龄
+  age?: number;
+  // 姓名
+  name?: string;
+  // 性别 1男 2女
+  sex?: number;
+  // 手机号码
+  phone?: string;
+  // 班级
+  className?: string;
+  // 年级
+  gradeName?: string;
+  // 居住地址
+  address?: string;
+  // 工作单位
+  workUnit?: string;
+  // 职务
+  position?: string;
+  // 数量
+  number?: number;
+  // 付费金额
+  price?: string;
+  // 额外信息
+  extra?: string;
+  // 订单编号
+  orderNo?: string;
+  // 预定日期
+  dateTime?: string;
+  // 捐赠证书
+  certificate?: string;
+  // 表单数据
+  formData?: string;
+  // 来源表ID
+  formId?: number;
+  // 用户ID
+  userId?: number;
+  // 排序(数字越小越靠前)
+  sortNumber?: number;
+  // 备注
+  comments?: string;
+  // 状态, 0正常, 1冻结
+  status?: number;
+  // 是否删除, 0否, 1是
+  deleted?: number;
+  // 租户id
+  tenantId?: number;
+  // 创建时间
+  createTime?: string;
+}
+
+/**
+ * 百色中学-捐款记录搜索条件
+ */
+export interface BszxPayParam extends PageParam {
+  id?: number;
+  orderId?: number;
+  orderNo?: string;
+  gradeName?: string;
+  className?: string;
+  keywords?: string;
+}
diff --git a/src/api/bszx/bszxPayRanking/index.ts b/src/api/bszx/bszxPayRanking/index.ts
new file mode 100644
index 0000000..7a6dc99
--- /dev/null
+++ b/src/api/bszx/bszxPayRanking/index.ts
@@ -0,0 +1,135 @@
+import request from '@/utils/request';
+import type { ApiResult, PageResult } from '@/api';
+import type { BszxPayRanking, BszxPayRankingParam } from './model';
+import { MODULES_API_URL } from '@/config/setting';
+import {BszxClass, BszxClassParam} from "@/api/bszx/bszxClass/model";
+
+/**
+ * 分页查询百色中学-捐款排行
+ */
+export async function pageBszxPayRanking(params: BszxPayRankingParam) {
+  const res = await request.get<ApiResult<PageResult<BszxPayRanking>>>(
+    MODULES_API_URL + '/bszx/bszx-pay-ranking/page',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 查询百色中学-捐款排行列表
+ */
+export async function listBszxPayRanking(params?: BszxPayRankingParam) {
+  const res = await request.get<ApiResult<BszxPayRanking[]>>(
+    MODULES_API_URL + '/bszx/bszx-pay-ranking',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+export async function ranking(params?: BszxPayRankingParam) {
+  const res = await request.get<ApiResult<BszxPayRanking[]>>(
+    MODULES_API_URL + '/bszx/bszx-pay-ranking/ranking',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+export async function ranking2(params?: BszxClassParam) {
+  const res = await request.get<ApiResult<BszxClass[]>>(
+    MODULES_API_URL + '/bszx/bszx-pay-ranking/ranking2',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+
+
+/**
+ * 添加百色中学-捐款排行
+ */
+export async function addBszxPayRanking(data: BszxPayRanking) {
+  const res = await request.post<ApiResult<unknown>>(
+    MODULES_API_URL + '/bszx/bszx-pay-ranking',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 修改百色中学-捐款排行
+ */
+export async function updateBszxPayRanking(data: BszxPayRanking) {
+  const res = await request.put<ApiResult<unknown>>(
+    MODULES_API_URL + '/bszx/bszx-pay-ranking',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 删除百色中学-捐款排行
+ */
+export async function removeBszxPayRanking(id?: number) {
+  const res = await request.delete<ApiResult<unknown>>(
+    MODULES_API_URL + '/bszx/bszx-pay-ranking/' + id
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 批量删除百色中学-捐款排行
+ */
+export async function removeBatchBszxPayRanking(data: (number | undefined)[]) {
+  const res = await request.delete<ApiResult<unknown>>(
+    MODULES_API_URL + '/bszx/bszx-pay-ranking/batch',
+    {
+      data
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 根据id查询百色中学-捐款排行
+ */
+export async function getBszxPayRanking(id: number) {
+  const res = await request.get<ApiResult<BszxPayRanking>>(
+    MODULES_API_URL + '/bszx/bszx-pay-ranking/' + id
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
diff --git a/src/api/bszx/bszxPayRanking/model/index.ts b/src/api/bszx/bszxPayRanking/model/index.ts
new file mode 100644
index 0000000..aa46138
--- /dev/null
+++ b/src/api/bszx/bszxPayRanking/model/index.ts
@@ -0,0 +1,35 @@
+import type { PageParam } from '@/api';
+
+/**
+ * 百色中学-捐款排行
+ */
+export interface BszxPayRanking {
+  // ID
+  id?: number;
+  // 来源表ID（项目名称）
+  formId?: number;
+  // 数量
+  number?: number;
+  // 获得捐款总金额
+  totalPrice?: number;
+  // 排序(数字越小越靠前)
+  sortNumber?: number;
+  // 备注
+  comments?: string;
+  // 状态, 0正常, 1冻结
+  status?: number;
+  // 是否删除, 0否, 1是
+  deleted?: number;
+  // 租户id
+  tenantId?: number;
+  // 创建时间
+  createTime?: string;
+}
+
+/**
+ * 百色中学-捐款排行搜索条件
+ */
+export interface BszxPayRankingParam extends PageParam {
+  id?: number;
+  keywords?: string;
+}
diff --git a/src/api/clinic/clinicAppointment/index.ts b/src/api/clinic/clinicAppointment/index.ts
new file mode 100644
index 0000000..e3520a0
--- /dev/null
+++ b/src/api/clinic/clinicAppointment/index.ts
@@ -0,0 +1,105 @@
+import request from '@/utils/request';
+import type { ApiResult, PageResult } from '@/api';
+import type { ClinicAppointment, ClinicAppointmentParam } from './model';
+
+/**
+ * 分页查询挂号
+ */
+export async function pageClinicAppointment(params: ClinicAppointmentParam) {
+  const res = await request.get<ApiResult<PageResult<ClinicAppointment>>>(
+    '/clinic/clinic-appointment/page',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 查询挂号列表
+ */
+export async function listClinicAppointment(params?: ClinicAppointmentParam) {
+  const res = await request.get<ApiResult<ClinicAppointment[]>>(
+    '/clinic/clinic-appointment',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 添加挂号
+ */
+export async function addClinicAppointment(data: ClinicAppointment) {
+  const res = await request.post<ApiResult<unknown>>(
+    '/clinic/clinic-appointment',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 修改挂号
+ */
+export async function updateClinicAppointment(data: ClinicAppointment) {
+  const res = await request.put<ApiResult<unknown>>(
+    '/clinic/clinic-appointment',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 删除挂号
+ */
+export async function removeClinicAppointment(id?: number) {
+  const res = await request.delete<ApiResult<unknown>>(
+    '/clinic/clinic-appointment/' + id
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 批量删除挂号
+ */
+export async function removeBatchClinicAppointment(data: (number | undefined)[]) {
+  const res = await request.delete<ApiResult<unknown>>(
+    '/clinic/clinic-appointment/batch',
+    {
+      data
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 根据id查询挂号
+ */
+export async function getClinicAppointment(id: number) {
+  const res = await request.get<ApiResult<ClinicAppointment>>(
+    '/clinic/clinic-appointment/' + id
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
diff --git a/src/api/clinic/clinicAppointment/model/index.ts b/src/api/clinic/clinicAppointment/model/index.ts
new file mode 100644
index 0000000..035dfc9
--- /dev/null
+++ b/src/api/clinic/clinicAppointment/model/index.ts
@@ -0,0 +1,47 @@
+import type { PageParam } from '@/api';
+
+/**
+ * 挂号
+ */
+export interface ClinicAppointment {
+  // 主键ID
+  id?: number;
+  // 类型
+  type?: number;
+  // 就诊原因
+  reason?: string;
+  // 挂号时间
+  evaluateTime?: string;
+  // 医生
+  doctorId?: number;
+  // 医生名称
+  doctorName?: string;
+  // 医生职位
+  doctorPosition?: string;
+  // 患者
+  userId?: number;
+  // 患者名称
+  nickname?: string;
+  // 患者联系电话
+  phone?: string;
+  // 备注
+  comments?: string;
+  // 排序号
+  sortNumber?: number;
+  // 是否删除
+  isDelete?: number;
+  // 租户id
+  tenantId?: number;
+  // 创建时间
+  createTime?: string;
+  // 修改时间
+  updateTime?: string;
+}
+
+/**
+ * 挂号搜索条件
+ */
+export interface ClinicAppointmentParam extends PageParam {
+  id?: number;
+  keywords?: string;
+}
diff --git a/src/api/clinic/clinicDoctorApply/index.ts b/src/api/clinic/clinicDoctorApply/index.ts
new file mode 100644
index 0000000..eb2f45b
--- /dev/null
+++ b/src/api/clinic/clinicDoctorApply/index.ts
@@ -0,0 +1,105 @@
+import request from '@/utils/request';
+import type { ApiResult, PageResult } from '@/api';
+import type { ClinicDoctorApply, ClinicDoctorApplyParam } from './model';
+
+/**
+ * 分页查询医生入驻申请
+ */
+export async function pageClinicDoctorApply(params: ClinicDoctorApplyParam) {
+  const res = await request.get<ApiResult<PageResult<ClinicDoctorApply>>>(
+    '/clinic/clinic-doctor-apply/page',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 查询医生入驻申请列表
+ */
+export async function listClinicDoctorApply(params?: ClinicDoctorApplyParam) {
+  const res = await request.get<ApiResult<ClinicDoctorApply[]>>(
+    '/clinic/clinic-doctor-apply',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 添加医生入驻申请
+ */
+export async function addClinicDoctorApply(data: ClinicDoctorApply) {
+  const res = await request.post<ApiResult<unknown>>(
+    '/clinic/clinic-doctor-apply',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 修改医生入驻申请
+ */
+export async function updateClinicDoctorApply(data: ClinicDoctorApply) {
+  const res = await request.put<ApiResult<unknown>>(
+    '/clinic/clinic-doctor-apply',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 删除医生入驻申请
+ */
+export async function removeClinicDoctorApply(id?: number) {
+  const res = await request.delete<ApiResult<unknown>>(
+    '/clinic/clinic-doctor-apply/' + id
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 批量删除医生入驻申请
+ */
+export async function removeBatchClinicDoctorApply(data: (number | undefined)[]) {
+  const res = await request.delete<ApiResult<unknown>>(
+    '/clinic/clinic-doctor-apply/batch',
+    {
+      data
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 根据id查询医生入驻申请
+ */
+export async function getClinicDoctorApply(id: number) {
+  const res = await request.get<ApiResult<ClinicDoctorApply>>(
+    '/clinic/clinic-doctor-apply/' + id
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
diff --git a/src/api/clinic/clinicDoctorApply/model/index.ts b/src/api/clinic/clinicDoctorApply/model/index.ts
new file mode 100644
index 0000000..f0570a0
--- /dev/null
+++ b/src/api/clinic/clinicDoctorApply/model/index.ts
@@ -0,0 +1,75 @@
+import type { PageParam } from '@/api';
+
+/**
+ * 医生入驻申请
+ */
+export interface ClinicDoctorApply {
+  // 主键ID
+  applyId?: number;
+  // 类型 0医生
+  type?: number;
+  // 用户ID
+  userId?: number;
+  // 姓名
+  realName?: string;
+  // 性别 1男 2女
+  gender?: number;
+  // 手机号
+  mobile?: string;
+  // 客户名称
+  dealerName?: string;
+  // 证件号码
+  idCard?: string;
+  // 生日
+  birthDate?: string;
+  // 区分职称等级（如主治医师、副主任医师）
+  professionalTitle?: string;
+  // 工作单位
+  workUnit?: string;
+  // 执业资格核心凭证
+  practiceLicense?: string;
+  // 限定可执业科室或疾病类型
+  practiceScope?: string;
+  // 开始工作时间
+  startWorkDate?: string;
+  // 简历
+  resume?: string;
+  // 使用 JSON 存储多个证件文件路径（如执业证、学历证）
+  certificationFiles?: string;
+  // 详细地址
+  address?: string;
+  // 签约价格
+  money?: string;
+  // 推荐人用户ID
+  refereeId?: number;
+  // 申请方式(10需后台审核 20无需审核)
+  applyType?: number;
+  // 审核状态 (10待审核 20审核通过 30驳回)
+  applyStatus?: number;
+  // 申请时间
+  applyTime?: string;
+  // 审核时间
+  auditTime?: string;
+  // 合同时间
+  contractTime?: string;
+  // 过期时间
+  expirationTime?: string;
+  // 驳回原因
+  rejectReason?: string;
+  // 备注
+  comments?: string;
+  // 商城ID
+  tenantId?: number;
+  // 创建时间
+  createTime?: string;
+  // 修改时间
+  updateTime?: string;
+}
+
+/**
+ * 医生入驻申请搜索条件
+ */
+export interface ClinicDoctorApplyParam extends PageParam {
+  applyId?: number;
+  keywords?: string;
+}
diff --git a/src/api/clinic/clinicDoctorMedicalRecord/index.ts b/src/api/clinic/clinicDoctorMedicalRecord/index.ts
new file mode 100644
index 0000000..b857e8f
--- /dev/null
+++ b/src/api/clinic/clinicDoctorMedicalRecord/index.ts
@@ -0,0 +1,105 @@
+import request from '@/utils/request';
+import type { ApiResult, PageResult } from '@/api';
+import type { ClinicDoctorMedicalRecord, ClinicDoctorMedicalRecordParam } from './model';
+
+/**
+ * 分页查询医疗记录
+ */
+export async function pageClinicDoctorMedicalRecord(params: ClinicDoctorMedicalRecordParam) {
+  const res = await request.get<ApiResult<PageResult<ClinicDoctorMedicalRecord>>>(
+    '/clinic/clinic-doctor-medical-record/page',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 查询医疗记录列表
+ */
+export async function listClinicDoctorMedicalRecord(params?: ClinicDoctorMedicalRecordParam) {
+  const res = await request.get<ApiResult<ClinicDoctorMedicalRecord[]>>(
+    '/clinic/clinic-doctor-medical-record',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 添加医疗记录
+ */
+export async function addClinicDoctorMedicalRecord(data: ClinicDoctorMedicalRecord) {
+  const res = await request.post<ApiResult<unknown>>(
+    '/clinic/clinic-doctor-medical-record',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 修改医疗记录
+ */
+export async function updateClinicDoctorMedicalRecord(data: ClinicDoctorMedicalRecord) {
+  const res = await request.put<ApiResult<unknown>>(
+    '/clinic/clinic-doctor-medical-record',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 删除医疗记录
+ */
+export async function removeClinicDoctorMedicalRecord(id?: number) {
+  const res = await request.delete<ApiResult<unknown>>(
+    '/clinic/clinic-doctor-medical-record/' + id
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 批量删除医疗记录
+ */
+export async function removeBatchClinicDoctorMedicalRecord(data: (number | undefined)[]) {
+  const res = await request.delete<ApiResult<unknown>>(
+    '/clinic/clinic-doctor-medical-record/batch',
+    {
+      data
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 根据id查询医疗记录
+ */
+export async function getClinicDoctorMedicalRecord(id: number) {
+  const res = await request.get<ApiResult<ClinicDoctorMedicalRecord>>(
+    '/clinic/clinic-doctor-medical-record/' + id
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
diff --git a/src/api/clinic/clinicDoctorMedicalRecord/model/index.ts b/src/api/clinic/clinicDoctorMedicalRecord/model/index.ts
new file mode 100644
index 0000000..92d6ea4
--- /dev/null
+++ b/src/api/clinic/clinicDoctorMedicalRecord/model/index.ts
@@ -0,0 +1,61 @@
+import type { PageParam } from '@/api';
+
+/**
+ * 医疗记录
+ */
+export interface ClinicDoctorMedicalRecord {
+  // 主键ID
+  id?: number;
+  // 买家用户ID
+  userId?: number;
+  // 订单编号
+  orderNo?: string;
+  // 分销商用户id(一级)
+  firstUserId?: number;
+  // 分销商用户id(二级)
+  secondUserId?: number;
+  // 分销商用户id(三级)
+  thirdUserId?: number;
+  // 分销佣金(一级)
+  firstMoney?: string;
+  // 分销佣金(二级)
+  secondMoney?: string;
+  // 分销佣金(三级)
+  thirdMoney?: string;
+  // 单价
+  price?: string;
+  // 订单总金额
+  orderPrice?: string;
+  // 结算金额
+  settledPrice?: string;
+  // 换算成度
+  degreePrice?: string;
+  // 实发金额
+  payPrice?: string;
+  // 税率
+  rate?: string;
+  // 结算月份
+  month?: string;
+  // 订单是否失效(0未失效 1已失效)
+  isInvalid?: number;
+  // 佣金结算(0未结算 1已结算)
+  isSettled?: number;
+  // 结算时间
+  settleTime?: string;
+  // 备注
+  comments?: string;
+  // 商城ID
+  tenantId?: number;
+  // 创建时间
+  createTime?: string;
+  // 修改时间
+  updateTime?: string;
+}
+
+/**
+ * 医疗记录搜索条件
+ */
+export interface ClinicDoctorMedicalRecordParam extends PageParam {
+  id?: number;
+  keywords?: string;
+}
diff --git a/src/api/clinic/clinicDoctorUser/index.ts b/src/api/clinic/clinicDoctorUser/index.ts
new file mode 100644
index 0000000..275286f
--- /dev/null
+++ b/src/api/clinic/clinicDoctorUser/index.ts
@@ -0,0 +1,105 @@
+import request from '@/utils/request';
+import type { ApiResult, PageResult } from '@/api';
+import type { ClinicDoctorUser, ClinicDoctorUserParam } from './model';
+
+/**
+ * 分页查询分销商用户记录表
+ */
+export async function pageClinicDoctorUser(params: ClinicDoctorUserParam) {
+  const res = await request.get<ApiResult<PageResult<ClinicDoctorUser>>>(
+    '/clinic/clinic-doctor-user/page',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 查询分销商用户记录表列表
+ */
+export async function listClinicDoctorUser(params?: ClinicDoctorUserParam) {
+  const res = await request.get<ApiResult<ClinicDoctorUser[]>>(
+    '/clinic/clinic-doctor-user',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 添加分销商用户记录表
+ */
+export async function addClinicDoctorUser(data: ClinicDoctorUser) {
+  const res = await request.post<ApiResult<unknown>>(
+    '/clinic/clinic-doctor-user',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 修改分销商用户记录表
+ */
+export async function updateClinicDoctorUser(data: ClinicDoctorUser) {
+  const res = await request.put<ApiResult<unknown>>(
+    '/clinic/clinic-doctor-user',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 删除分销商用户记录表
+ */
+export async function removeClinicDoctorUser(id?: number) {
+  const res = await request.delete<ApiResult<unknown>>(
+    '/clinic/clinic-doctor-user/' + id
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 批量删除分销商用户记录表
+ */
+export async function removeBatchClinicDoctorUser(data: (number | undefined)[]) {
+  const res = await request.delete<ApiResult<unknown>>(
+    '/clinic/clinic-doctor-user/batch',
+    {
+      data
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 根据id查询分销商用户记录表
+ */
+export async function getClinicDoctorUser(id: number) {
+  const res = await request.get<ApiResult<ClinicDoctorUser>>(
+    '/clinic/clinic-doctor-user/' + id
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
diff --git a/src/api/clinic/clinicDoctorUser/model/index.ts b/src/api/clinic/clinicDoctorUser/model/index.ts
new file mode 100644
index 0000000..0579718
--- /dev/null
+++ b/src/api/clinic/clinicDoctorUser/model/index.ts
@@ -0,0 +1,55 @@
+import type { PageParam } from '@/api';
+
+/**
+ * 分销商用户记录表
+ */
+export interface ClinicDoctorUser {
+  // 主键ID
+  id?: number;
+  // 类型 0经销商 1企业 2集团
+  type?: number;
+  // 自增ID
+  userId?: number;
+  // 姓名
+  realName?: string;
+  // 手机号
+  phone?: string;
+  // 部门
+  departmentId?: number;
+  // 专业领域
+  specialty?: string;
+  // 职务级别
+  position?: string;
+  // 执业资格
+  qualification?: string;
+  // 医生简介
+  introduction?: string;
+  // 挂号费
+  consultationFee?: string;
+  // 工作年限
+  workYears?: number;
+  // 问诊人数
+  consultationCount?: number;
+  // 专属二维码
+  qrcode?: string;
+  // 备注
+  comments?: string;
+  // 排序号
+  sortNumber?: number;
+  // 是否删除
+  isDelete?: number;
+  // 租户id
+  tenantId?: number;
+  // 创建时间
+  createTime?: string;
+  // 修改时间
+  updateTime?: string;
+}
+
+/**
+ * 分销商用户记录表搜索条件
+ */
+export interface ClinicDoctorUserParam extends PageParam {
+  id?: number;
+  keywords?: string;
+}
diff --git a/src/api/clinic/clinicMedicalHistory/index.ts b/src/api/clinic/clinicMedicalHistory/index.ts
new file mode 100644
index 0000000..84fbd8b
--- /dev/null
+++ b/src/api/clinic/clinicMedicalHistory/index.ts
@@ -0,0 +1,105 @@
+import request from '@/utils/request';
+import type { ApiResult, PageResult } from '@/api';
+import type { ClinicMedicalHistory, ClinicMedicalHistoryParam } from './model';
+
+/**
+ * 分页查询病例
+ */
+export async function pageClinicMedicalHistory(params: ClinicMedicalHistoryParam) {
+  const res = await request.get<ApiResult<PageResult<ClinicMedicalHistory>>>(
+    '/clinic/clinic-medical-history/page',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 查询病例列表
+ */
+export async function listClinicMedicalHistory(params?: ClinicMedicalHistoryParam) {
+  const res = await request.get<ApiResult<ClinicMedicalHistory[]>>(
+    '/clinic/clinic-medical-history',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 添加病例
+ */
+export async function addClinicMedicalHistory(data: ClinicMedicalHistory) {
+  const res = await request.post<ApiResult<unknown>>(
+    '/clinic/clinic-medical-history',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 修改病例
+ */
+export async function updateClinicMedicalHistory(data: ClinicMedicalHistory) {
+  const res = await request.put<ApiResult<unknown>>(
+    '/clinic/clinic-medical-history',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 删除病例
+ */
+export async function removeClinicMedicalHistory(id?: number) {
+  const res = await request.delete<ApiResult<unknown>>(
+    '/clinic/clinic-medical-history/' + id
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 批量删除病例
+ */
+export async function removeBatchClinicMedicalHistory(data: (number | undefined)[]) {
+  const res = await request.delete<ApiResult<unknown>>(
+    '/clinic/clinic-medical-history/batch',
+    {
+      data
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 根据id查询病例
+ */
+export async function getClinicMedicalHistory(id: number) {
+  const res = await request.get<ApiResult<ClinicMedicalHistory>>(
+    '/clinic/clinic-medical-history/' + id
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
diff --git a/src/api/clinic/clinicMedicalHistory/model/index.ts b/src/api/clinic/clinicMedicalHistory/model/index.ts
new file mode 100644
index 0000000..2d603a4
--- /dev/null
+++ b/src/api/clinic/clinicMedicalHistory/model/index.ts
@@ -0,0 +1,61 @@
+import type { PageParam } from '@/api';
+
+/**
+ * 病例
+ */
+export interface ClinicMedicalHistory {
+  // 主键ID
+  id?: number;
+  // 买家用户ID
+  userId?: number;
+  // 订单编号
+  orderNo?: string;
+  // 分销商用户id(一级)
+  firstUserId?: number;
+  // 分销商用户id(二级)
+  secondUserId?: number;
+  // 分销商用户id(三级)
+  thirdUserId?: number;
+  // 分销佣金(一级)
+  firstMoney?: string;
+  // 分销佣金(二级)
+  secondMoney?: string;
+  // 分销佣金(三级)
+  thirdMoney?: string;
+  // 单价
+  price?: string;
+  // 订单总金额
+  orderPrice?: string;
+  // 结算金额
+  settledPrice?: string;
+  // 换算成度
+  degreePrice?: string;
+  // 实发金额
+  payPrice?: string;
+  // 税率
+  rate?: string;
+  // 结算月份
+  month?: string;
+  // 订单是否失效(0未失效 1已失效)
+  isInvalid?: number;
+  // 佣金结算(0未结算 1已结算)
+  isSettled?: number;
+  // 结算时间
+  settleTime?: string;
+  // 备注
+  comments?: string;
+  // 商城ID
+  tenantId?: number;
+  // 创建时间
+  createTime?: string;
+  // 修改时间
+  updateTime?: string;
+}
+
+/**
+ * 病例搜索条件
+ */
+export interface ClinicMedicalHistoryParam extends PageParam {
+  id?: number;
+  keywords?: string;
+}
diff --git a/src/api/clinic/clinicMedicine/index.ts b/src/api/clinic/clinicMedicine/index.ts
new file mode 100644
index 0000000..fbda8cf
--- /dev/null
+++ b/src/api/clinic/clinicMedicine/index.ts
@@ -0,0 +1,105 @@
+import request from '@/utils/request';
+import type { ApiResult, PageResult } from '@/api';
+import type { ClinicMedicine, ClinicMedicineParam } from './model';
+
+/**
+ * 分页查询药品库
+ */
+export async function pageClinicMedicine(params: ClinicMedicineParam) {
+  const res = await request.get<ApiResult<PageResult<ClinicMedicine>>>(
+    '/clinic/clinic-medicine/page',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 查询药品库列表
+ */
+export async function listClinicMedicine(params?: ClinicMedicineParam) {
+  const res = await request.get<ApiResult<ClinicMedicine[]>>(
+    '/clinic/clinic-medicine',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 添加药品库
+ */
+export async function addClinicMedicine(data: ClinicMedicine) {
+  const res = await request.post<ApiResult<unknown>>(
+    '/clinic/clinic-medicine',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 修改药品库
+ */
+export async function updateClinicMedicine(data: ClinicMedicine) {
+  const res = await request.put<ApiResult<unknown>>(
+    '/clinic/clinic-medicine',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 删除药品库
+ */
+export async function removeClinicMedicine(id?: number) {
+  const res = await request.delete<ApiResult<unknown>>(
+    '/clinic/clinic-medicine/' + id
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 批量删除药品库
+ */
+export async function removeBatchClinicMedicine(data: (number | undefined)[]) {
+  const res = await request.delete<ApiResult<unknown>>(
+    '/clinic/clinic-medicine/batch',
+    {
+      data
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 根据id查询药品库
+ */
+export async function getClinicMedicine(id: number) {
+  const res = await request.get<ApiResult<ClinicMedicine>>(
+    '/clinic/clinic-medicine/' + id
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
diff --git a/src/api/clinic/clinicMedicine/model/index.ts b/src/api/clinic/clinicMedicine/model/index.ts
new file mode 100644
index 0000000..e5e0858
--- /dev/null
+++ b/src/api/clinic/clinicMedicine/model/index.ts
@@ -0,0 +1,43 @@
+import type { PageParam } from '@/api';
+
+/**
+ * 药品库
+ */
+export interface ClinicMedicine {
+  // 主键ID
+  id?: number;
+  // 药名
+  name?: string;
+  // 拼音
+  pinyin?: string;
+  // 分类（如“清热解毒”、“补气养血”）
+  category?: string;
+  // 规格（如“饮片”、“颗粒”）
+  specification?: string;
+  // 单位（如“克”、“袋”）
+  unit?: string;
+  // 描述
+  content?: string;
+  // 单价
+  pricePerUnit?: string;
+  // 是否活跃
+  isActive?: number;
+  // 买家用户ID
+  userId?: number;
+  // 备注
+  comments?: string;
+  // 商城ID
+  tenantId?: number;
+  // 创建时间
+  createTime?: string;
+  // 修改时间
+  updateTime?: string;
+}
+
+/**
+ * 药品库搜索条件
+ */
+export interface ClinicMedicineParam extends PageParam {
+  id?: number;
+  keywords?: string;
+}
diff --git a/src/api/clinic/clinicMedicineInout/index.ts b/src/api/clinic/clinicMedicineInout/index.ts
new file mode 100644
index 0000000..222930b
--- /dev/null
+++ b/src/api/clinic/clinicMedicineInout/index.ts
@@ -0,0 +1,105 @@
+import request from '@/utils/request';
+import type { ApiResult, PageResult } from '@/api';
+import type { ClinicMedicineInout, ClinicMedicineInoutParam } from './model';
+
+/**
+ * 分页查询出入库
+ */
+export async function pageClinicMedicineInout(params: ClinicMedicineInoutParam) {
+  const res = await request.get<ApiResult<PageResult<ClinicMedicineInout>>>(
+    '/clinic/clinic-medicine-inout/page',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 查询出入库列表
+ */
+export async function listClinicMedicineInout(params?: ClinicMedicineInoutParam) {
+  const res = await request.get<ApiResult<ClinicMedicineInout[]>>(
+    '/clinic/clinic-medicine-inout',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 添加出入库
+ */
+export async function addClinicMedicineInout(data: ClinicMedicineInout) {
+  const res = await request.post<ApiResult<unknown>>(
+    '/clinic/clinic-medicine-inout',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 修改出入库
+ */
+export async function updateClinicMedicineInout(data: ClinicMedicineInout) {
+  const res = await request.put<ApiResult<unknown>>(
+    '/clinic/clinic-medicine-inout',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 删除出入库
+ */
+export async function removeClinicMedicineInout(id?: number) {
+  const res = await request.delete<ApiResult<unknown>>(
+    '/clinic/clinic-medicine-inout/' + id
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 批量删除出入库
+ */
+export async function removeBatchClinicMedicineInout(data: (number | undefined)[]) {
+  const res = await request.delete<ApiResult<unknown>>(
+    '/clinic/clinic-medicine-inout/batch',
+    {
+      data
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 根据id查询出入库
+ */
+export async function getClinicMedicineInout(id: number) {
+  const res = await request.get<ApiResult<ClinicMedicineInout>>(
+    '/clinic/clinic-medicine-inout/' + id
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
diff --git a/src/api/clinic/clinicMedicineInout/model/index.ts b/src/api/clinic/clinicMedicineInout/model/index.ts
new file mode 100644
index 0000000..6593539
--- /dev/null
+++ b/src/api/clinic/clinicMedicineInout/model/index.ts
@@ -0,0 +1,61 @@
+import type { PageParam } from '@/api';
+
+/**
+ * 出入库
+ */
+export interface ClinicMedicineInout {
+  // 主键ID
+  id?: number;
+  // 买家用户ID
+  userId?: number;
+  // 订单编号
+  orderNo?: string;
+  // 分销商用户id(一级)
+  firstUserId?: number;
+  // 分销商用户id(二级)
+  secondUserId?: number;
+  // 分销商用户id(三级)
+  thirdUserId?: number;
+  // 分销佣金(一级)
+  firstMoney?: string;
+  // 分销佣金(二级)
+  secondMoney?: string;
+  // 分销佣金(三级)
+  thirdMoney?: string;
+  // 单价
+  price?: string;
+  // 订单总金额
+  orderPrice?: string;
+  // 结算金额
+  settledPrice?: string;
+  // 换算成度
+  degreePrice?: string;
+  // 实发金额
+  payPrice?: string;
+  // 税率
+  rate?: string;
+  // 结算月份
+  month?: string;
+  // 订单是否失效(0未失效 1已失效)
+  isInvalid?: number;
+  // 佣金结算(0未结算 1已结算)
+  isSettled?: number;
+  // 结算时间
+  settleTime?: string;
+  // 备注
+  comments?: string;
+  // 商城ID
+  tenantId?: number;
+  // 创建时间
+  createTime?: string;
+  // 修改时间
+  updateTime?: string;
+}
+
+/**
+ * 出入库搜索条件
+ */
+export interface ClinicMedicineInoutParam extends PageParam {
+  id?: number;
+  keywords?: string;
+}
diff --git a/src/api/clinic/clinicMedicineStock/index.ts b/src/api/clinic/clinicMedicineStock/index.ts
new file mode 100644
index 0000000..ff60b0f
--- /dev/null
+++ b/src/api/clinic/clinicMedicineStock/index.ts
@@ -0,0 +1,105 @@
+import request from '@/utils/request';
+import type { ApiResult, PageResult } from '@/api';
+import type { ClinicMedicineStock, ClinicMedicineStockParam } from './model';
+
+/**
+ * 分页查询药品库存
+ */
+export async function pageClinicMedicineStock(params: ClinicMedicineStockParam) {
+  const res = await request.get<ApiResult<PageResult<ClinicMedicineStock>>>(
+    '/clinic/clinic-medicine-stock/page',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 查询药品库存列表
+ */
+export async function listClinicMedicineStock(params?: ClinicMedicineStockParam) {
+  const res = await request.get<ApiResult<ClinicMedicineStock[]>>(
+    '/clinic/clinic-medicine-stock',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 添加药品库存
+ */
+export async function addClinicMedicineStock(data: ClinicMedicineStock) {
+  const res = await request.post<ApiResult<unknown>>(
+    '/clinic/clinic-medicine-stock',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 修改药品库存
+ */
+export async function updateClinicMedicineStock(data: ClinicMedicineStock) {
+  const res = await request.put<ApiResult<unknown>>(
+    '/clinic/clinic-medicine-stock',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 删除药品库存
+ */
+export async function removeClinicMedicineStock(id?: number) {
+  const res = await request.delete<ApiResult<unknown>>(
+    '/clinic/clinic-medicine-stock/' + id
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 批量删除药品库存
+ */
+export async function removeBatchClinicMedicineStock(data: (number | undefined)[]) {
+  const res = await request.delete<ApiResult<unknown>>(
+    '/clinic/clinic-medicine-stock/batch',
+    {
+      data
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 根据id查询药品库存
+ */
+export async function getClinicMedicineStock(id: number) {
+  const res = await request.get<ApiResult<ClinicMedicineStock>>(
+    '/clinic/clinic-medicine-stock/' + id
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
diff --git a/src/api/clinic/clinicMedicineStock/model/index.ts b/src/api/clinic/clinicMedicineStock/model/index.ts
new file mode 100644
index 0000000..15719ac
--- /dev/null
+++ b/src/api/clinic/clinicMedicineStock/model/index.ts
@@ -0,0 +1,35 @@
+import type { PageParam } from '@/api';
+
+/**
+ * 药品库存
+ */
+export interface ClinicMedicineStock {
+  // 主键ID
+  id?: number;
+  // 药品
+  medicineId?: number;
+  // 库存数量
+  stockQuantity?: number;
+  // 最小库存预警
+  minStockLevel?: number;
+  // 上次更新时间
+  lastUpdated?: string;
+  // 买家用户ID
+  userId?: number;
+  // 备注
+  comments?: string;
+  // 商城ID
+  tenantId?: number;
+  // 创建时间
+  createTime?: string;
+  // 修改时间
+  updateTime?: string;
+}
+
+/**
+ * 药品库存搜索条件
+ */
+export interface ClinicMedicineStockParam extends PageParam {
+  id?: number;
+  keywords?: string;
+}
diff --git a/src/api/clinic/clinicOrder/index.ts b/src/api/clinic/clinicOrder/index.ts
new file mode 100644
index 0000000..0ef3d39
--- /dev/null
+++ b/src/api/clinic/clinicOrder/index.ts
@@ -0,0 +1,105 @@
+import request from '@/utils/request';
+import type { ApiResult, PageResult } from '@/api';
+import type { ClinicOrder, ClinicOrderParam } from './model';
+
+/**
+ * 分页查询处方订单
+ */
+export async function pageClinicOrder(params: ClinicOrderParam) {
+  const res = await request.get<ApiResult<PageResult<ClinicOrder>>>(
+    '/clinic/clinic-order/page',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 查询处方订单列表
+ */
+export async function listClinicOrder(params?: ClinicOrderParam) {
+  const res = await request.get<ApiResult<ClinicOrder[]>>(
+    '/clinic/clinic-order',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 添加处方订单
+ */
+export async function addClinicOrder(data: ClinicOrder) {
+  const res = await request.post<ApiResult<unknown>>(
+    '/clinic/clinic-order',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 修改处方订单
+ */
+export async function updateClinicOrder(data: ClinicOrder) {
+  const res = await request.put<ApiResult<unknown>>(
+    '/clinic/clinic-order',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 删除处方订单
+ */
+export async function removeClinicOrder(id?: number) {
+  const res = await request.delete<ApiResult<unknown>>(
+    '/clinic/clinic-order/' + id
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 批量删除处方订单
+ */
+export async function removeBatchClinicOrder(data: (number | undefined)[]) {
+  const res = await request.delete<ApiResult<unknown>>(
+    '/clinic/clinic-order/batch',
+    {
+      data
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 根据id查询处方订单
+ */
+export async function getClinicOrder(id: number) {
+  const res = await request.get<ApiResult<ClinicOrder>>(
+    '/clinic/clinic-order/' + id
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
diff --git a/src/api/clinic/clinicOrder/model/index.ts b/src/api/clinic/clinicOrder/model/index.ts
new file mode 100644
index 0000000..ddeb3cb
--- /dev/null
+++ b/src/api/clinic/clinicOrder/model/index.ts
@@ -0,0 +1,167 @@
+import type { PageParam } from '@/api';
+
+/**
+ * 处方订单
+ */
+export interface ClinicOrder {
+  // 订单号
+  orderId?: number;
+  // 订单编号
+  orderNo?: string;
+  // 订单类型，0商城订单 1预定订单/外卖 2会员卡
+  type?: number;
+  // 订单标题
+  title?: string;
+  // 快递/自提
+  deliveryType?: number;
+  // 下单渠道，0小程序预定 1俱乐部训练场 3活动订场
+  channel?: number;
+  // 微信支付交易号号
+  transactionId?: string;
+  // 微信退款订单号
+  refundOrder?: string;
+  // 商户ID
+  merchantId?: number;
+  // 商户名称
+  merchantName?: string;
+  // 商户编号
+  merchantCode?: string;
+  // 使用的优惠券id
+  couponId?: number;
+  // 使用的会员卡id
+  cardId?: string;
+  // 关联管理员id
+  adminId?: number;
+  // 核销管理员id
+  confirmId?: number;
+  // IC卡号
+  icCard?: string;
+  // 真实姓名
+  realName?: string;
+  // 关联收货地址
+  addressId?: number;
+  // 收货地址
+  address?: string;
+  // 
+  addressLat?: string;
+  // 
+  addressLng?: string;
+  // 买家留言
+  buyerRemarks?: string;
+  // 自提店铺id
+  selfTakeMerchantId?: number;
+  // 自提店铺
+  selfTakeMerchantName?: string;
+  // 配送开始时间
+  sendStartTime?: string;
+  // 配送结束时间
+  sendEndTime?: string;
+  // 发货店铺id
+  expressMerchantId?: number;
+  // 发货店铺
+  expressMerchantName?: string;
+  // 订单总额
+  totalPrice?: string;
+  // 减少的金额，使用VIP会员折扣、优惠券抵扣、优惠券折扣后减去的价格
+  reducePrice?: string;
+  // 实际付款
+  payPrice?: string;
+  // 用于统计
+  price?: string;
+  // 价钱，用于积分赠送
+  money?: string;
+  // 取消时间
+  cancelTime?: string;
+  // 取消原因
+  cancelReason?: string;
+  // 退款金额
+  refundMoney?: string;
+  // 教练价格
+  coachPrice?: string;
+  // 购买数量
+  totalNum?: number;
+  // 教练id
+  coachId?: number;
+  // 商品ID
+  formId?: number;
+  // 支付的用户id
+  payUserId?: number;
+  // 0余额支付，1微信支付，2支付宝支付，3银联支付，4现金支付，5POS机支付，6免费，7积分支付
+  payType?: number;
+  // 微信支付子类型：JSAPI小程序支付，NATIVE扫码支付
+  wechatPayType?: string;
+  // 0余额支付，1微信支付，2支付宝支付，3银联支付，4现金支付，5POS机支付，6免费，7积分支付
+  friendPayType?: number;
+  // 0未付款，1已付款
+  payStatus?: string;
+  // 0未使用，1已完成，2已取消，3取消中，4退款申请中，5退款被拒绝，6退款成功，7客户端申请退款
+  orderStatus?: number;
+  // 发货状态(10未发货 20已发货 30部分发货)
+  deliveryStatus?: number;
+  // 无需发货备注
+  deliveryNote?: string;
+  // 发货时间
+  deliveryTime?: string;
+  // 评价状态(0未评价 1已评价)
+  evaluateStatus?: number;
+  // 评价时间
+  evaluateTime?: string;
+  // 优惠类型：0无、1抵扣优惠券、2折扣优惠券、3、VIP月卡、4VIP年卡，5VIP次卡、6VIP会员卡、7IC月卡、8IC年卡、9IC次卡、10IC会员卡、11免费订单、12VIP充值卡、13IC充值卡、14VIP季卡、15IC季卡
+  couponType?: number;
+  // 优惠说明
+  couponDesc?: string;
+  // 二维码地址，保存订单号，支付成功后才生成
+  qrcode?: string;
+  // vip月卡年卡、ic月卡年卡回退次数
+  returnNum?: number;
+  // vip充值回退金额
+  returnMoney?: string;
+  // 预约详情开始时间数组
+  startTime?: string;
+  // 是否已开具发票：0未开发票，1已开发票，2不能开具发票
+  isInvoice?: string;
+  // 发票流水号
+  invoiceNo?: string;
+  // 商家留言
+  merchantRemarks?: string;
+  // 支付时间
+  payTime?: string;
+  // 退款时间
+  refundTime?: string;
+  // 申请退款时间
+  refundApplyTime?: string;
+  // 过期时间
+  expirationTime?: string;
+  // 自提码
+  selfTakeCode?: string;
+  // 是否已收到赠品
+  hasTakeGift?: string;
+  // 对账情况：0=未对账；1=已对账；3=已对账，金额对不上；4=未查询到该订单
+  checkBill?: number;
+  // 订单是否已结算(0未结算 1已结算)
+  isSettled?: number;
+  // 系统版本号 0当前版本 value=其他版本
+  version?: number;
+  // 用户id
+  userId?: number;
+  // 备注
+  comments?: string;
+  // 排序号
+  sortNumber?: number;
+  // 是否删除, 0否, 1是
+  deleted?: number;
+  // 租户id
+  tenantId?: number;
+  // 修改时间
+  updateTime?: string;
+  // 创建时间
+  createTime?: string;
+}
+
+/**
+ * 处方订单搜索条件
+ */
+export interface ClinicOrderParam extends PageParam {
+  orderId?: number;
+  keywords?: string;
+}
diff --git a/src/api/clinic/clinicPatientUser/index.ts b/src/api/clinic/clinicPatientUser/index.ts
new file mode 100644
index 0000000..1b40e28
--- /dev/null
+++ b/src/api/clinic/clinicPatientUser/index.ts
@@ -0,0 +1,105 @@
+import request from '@/utils/request';
+import type { ApiResult, PageResult } from '@/api';
+import type { ClinicPatientUser, ClinicPatientUserParam } from './model';
+
+/**
+ * 分页查询患者
+ */
+export async function pageClinicPatientUser(params: ClinicPatientUserParam) {
+  const res = await request.get<ApiResult<PageResult<ClinicPatientUser>>>(
+    '/clinic/clinic-patient-user/page',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 查询患者列表
+ */
+export async function listClinicPatientUser(params?: ClinicPatientUserParam) {
+  const res = await request.get<ApiResult<ClinicPatientUser[]>>(
+    '/clinic/clinic-patient-user',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 添加患者
+ */
+export async function addClinicPatientUser(data: ClinicPatientUser) {
+  const res = await request.post<ApiResult<unknown>>(
+    '/clinic/clinic-patient-user',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 修改患者
+ */
+export async function updateClinicPatientUser(data: ClinicPatientUser) {
+  const res = await request.put<ApiResult<unknown>>(
+    '/clinic/clinic-patient-user',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 删除患者
+ */
+export async function removeClinicPatientUser(id?: number) {
+  const res = await request.delete<ApiResult<unknown>>(
+    '/clinic/clinic-patient-user/' + id
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 批量删除患者
+ */
+export async function removeBatchClinicPatientUser(data: (number | undefined)[]) {
+  const res = await request.delete<ApiResult<unknown>>(
+    '/clinic/clinic-patient-user/batch',
+    {
+      data
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 根据id查询患者
+ */
+export async function getClinicPatientUser(id: number) {
+  const res = await request.get<ApiResult<ClinicPatientUser>>(
+    '/clinic/clinic-patient-user/' + id
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
diff --git a/src/api/clinic/clinicPatientUser/model/index.ts b/src/api/clinic/clinicPatientUser/model/index.ts
new file mode 100644
index 0000000..4f17cad
--- /dev/null
+++ b/src/api/clinic/clinicPatientUser/model/index.ts
@@ -0,0 +1,49 @@
+import type { PageParam } from '@/api';
+
+/**
+ * 患者
+ */
+export interface ClinicPatientUser {
+  // 主键ID
+  id?: number;
+  // 类型 0经销商 1企业 2集团
+  type?: number;
+  // 自增ID
+  userId?: number;
+  // 姓名
+  realName?: string;
+  // 性别
+  sex?: string;
+  // 手机号
+  phone?: string;
+  // 年龄
+  age?: number;
+  // 身高
+  height?: number;
+  // 体重
+  weight?: number;
+  // 过敏史
+  allergyHistory?: string;
+  // 专属二维码
+  qrcode?: string;
+  // 备注
+  comments?: string;
+  // 排序号
+  sortNumber?: number;
+  // 是否删除
+  isDelete?: number;
+  // 租户id
+  tenantId?: number;
+  // 创建时间
+  createTime?: string;
+  // 修改时间
+  updateTime?: string;
+}
+
+/**
+ * 患者搜索条件
+ */
+export interface ClinicPatientUserParam extends PageParam {
+  id?: number;
+  keywords?: string;
+}
diff --git a/src/api/clinic/clinicPrescription/index.ts b/src/api/clinic/clinicPrescription/index.ts
new file mode 100644
index 0000000..b5afe13
--- /dev/null
+++ b/src/api/clinic/clinicPrescription/index.ts
@@ -0,0 +1,112 @@
+import request from '@/utils/request';
+import type { ApiResult, PageResult } from '@/api';
+import type { ClinicPrescription, ClinicPrescriptionParam } from './model';
+
+/**
+ * 分页查询处方主表
+
+ */
+export async function pageClinicPrescription(params: ClinicPrescriptionParam) {
+  const res = await request.get<ApiResult<PageResult<ClinicPrescription>>>(
+    '/clinic/clinic-prescription/page',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 查询处方主表
+列表
+ */
+export async function listClinicPrescription(params?: ClinicPrescriptionParam) {
+  const res = await request.get<ApiResult<ClinicPrescription[]>>(
+    '/clinic/clinic-prescription',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 添加处方主表
+
+ */
+export async function addClinicPrescription(data: ClinicPrescription) {
+  const res = await request.post<ApiResult<unknown>>(
+    '/clinic/clinic-prescription',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 修改处方主表
+
+ */
+export async function updateClinicPrescription(data: ClinicPrescription) {
+  const res = await request.put<ApiResult<unknown>>(
+    '/clinic/clinic-prescription',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 删除处方主表
+
+ */
+export async function removeClinicPrescription(id?: number) {
+  const res = await request.delete<ApiResult<unknown>>(
+    '/clinic/clinic-prescription/' + id
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 批量删除处方主表
+
+ */
+export async function removeBatchClinicPrescription(data: (number | undefined)[]) {
+  const res = await request.delete<ApiResult<unknown>>(
+    '/clinic/clinic-prescription/batch',
+    {
+      data
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 根据id查询处方主表
+
+ */
+export async function getClinicPrescription(id: number) {
+  const res = await request.get<ApiResult<ClinicPrescription>>(
+    '/clinic/clinic-prescription/' + id
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
diff --git a/src/api/clinic/clinicPrescription/model/index.ts b/src/api/clinic/clinicPrescription/model/index.ts
new file mode 100644
index 0000000..4307d5d
--- /dev/null
+++ b/src/api/clinic/clinicPrescription/model/index.ts
@@ -0,0 +1,57 @@
+import type { PageParam } from '@/api';
+
+/**
+ * 处方主表
+
+ */
+export interface ClinicPrescription {
+  // 主键ID
+  id?: number;
+  // 患者
+  userId?: number;
+  // 医生
+  doctorId?: number;
+  // 订单编号
+  orderNo?: string;
+  // 关联就诊表
+  visitRecordId?: number;
+  // 处方类型 0中药 1西药
+  prescriptionType?: number;
+  // 诊断结果
+  diagnosis?: string;
+  // 治疗方案
+  treatmentPlan?: string;
+  // 煎药说明
+  decoctionInstructions?: string;
+  // 订单总金额
+  orderPrice?: string;
+  // 单价
+  price?: string;
+  // 实付金额
+  payPrice?: string;
+  // 订单是否失效(0未失效 1已失效)
+  isInvalid?: number;
+  // 结算(0未结算 1已结算)
+  isSettled?: number;
+  // 结算时间
+  settleTime?: string;
+  // 状态, 0正常, 1已完成，2已支付，3已取消
+  status?: number;
+  // 备注
+  comments?: string;
+  // 商城ID
+  tenantId?: number;
+  // 创建时间
+  createTime?: string;
+  // 修改时间
+  updateTime?: string;
+}
+
+/**
+ * 处方主表
+搜索条件
+ */
+export interface ClinicPrescriptionParam extends PageParam {
+  id?: number;
+  keywords?: string;
+}
diff --git a/src/api/clinic/clinicPrescriptionItem/index.ts b/src/api/clinic/clinicPrescriptionItem/index.ts
new file mode 100644
index 0000000..5be1bf9
--- /dev/null
+++ b/src/api/clinic/clinicPrescriptionItem/index.ts
@@ -0,0 +1,112 @@
+import request from '@/utils/request';
+import type { ApiResult, PageResult } from '@/api';
+import type { ClinicPrescriptionItem, ClinicPrescriptionItemParam } from './model';
+
+/**
+ * 分页查询处方明细表
+
+ */
+export async function pageClinicPrescriptionItem(params: ClinicPrescriptionItemParam) {
+  const res = await request.get<ApiResult<PageResult<ClinicPrescriptionItem>>>(
+    '/clinic/clinic-prescription-item/page',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 查询处方明细表
+列表
+ */
+export async function listClinicPrescriptionItem(params?: ClinicPrescriptionItemParam) {
+  const res = await request.get<ApiResult<ClinicPrescriptionItem[]>>(
+    '/clinic/clinic-prescription-item',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 添加处方明细表
+
+ */
+export async function addClinicPrescriptionItem(data: ClinicPrescriptionItem) {
+  const res = await request.post<ApiResult<unknown>>(
+    '/clinic/clinic-prescription-item',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 修改处方明细表
+
+ */
+export async function updateClinicPrescriptionItem(data: ClinicPrescriptionItem) {
+  const res = await request.put<ApiResult<unknown>>(
+    '/clinic/clinic-prescription-item',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 删除处方明细表
+
+ */
+export async function removeClinicPrescriptionItem(id?: number) {
+  const res = await request.delete<ApiResult<unknown>>(
+    '/clinic/clinic-prescription-item/' + id
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 批量删除处方明细表
+
+ */
+export async function removeBatchClinicPrescriptionItem(data: (number | undefined)[]) {
+  const res = await request.delete<ApiResult<unknown>>(
+    '/clinic/clinic-prescription-item/batch',
+    {
+      data
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 根据id查询处方明细表
+
+ */
+export async function getClinicPrescriptionItem(id: number) {
+  const res = await request.get<ApiResult<ClinicPrescriptionItem>>(
+    '/clinic/clinic-prescription-item/' + id
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
diff --git a/src/api/clinic/clinicPrescriptionItem/model/index.ts b/src/api/clinic/clinicPrescriptionItem/model/index.ts
new file mode 100644
index 0000000..95050fa
--- /dev/null
+++ b/src/api/clinic/clinicPrescriptionItem/model/index.ts
@@ -0,0 +1,49 @@
+import type { PageParam } from '@/api';
+
+/**
+ * 处方明细表
+
+ */
+export interface ClinicPrescriptionItem {
+  // 自增ID
+  id?: number;
+  // 关联处方
+  prescriptionId?: number;
+  // 订单编号
+  prescriptionNo?: string;
+  // 关联药品
+  medicineId?: number;
+  // 剂量（如“10g”）
+  dosage?: string;
+  // 用法频率（如“每日三次”）
+  usageFrequency?: string;
+  // 服用天数
+  days?: number;
+  // 购买数量
+  amount?: number;
+  // 单价
+  unitPrice?: string;
+  // 数量
+  quantity?: number;
+  // 排序号
+  sortNumber?: number;
+  // 备注
+  comments?: string;
+  // 用户id
+  userId?: number;
+  // 租户id
+  tenantId?: number;
+  // 更新时间
+  updateTime?: string;
+  // 创建时间
+  createTime?: string;
+}
+
+/**
+ * 处方明细表
+搜索条件
+ */
+export interface ClinicPrescriptionItemParam extends PageParam {
+  id?: number;
+  keywords?: string;
+}
diff --git a/src/api/clinic/clinicReport/index.ts b/src/api/clinic/clinicReport/index.ts
new file mode 100644
index 0000000..dbace8d
--- /dev/null
+++ b/src/api/clinic/clinicReport/index.ts
@@ -0,0 +1,105 @@
+import request from '@/utils/request';
+import type { ApiResult, PageResult } from '@/api';
+import type { ClinicReport, ClinicReportParam } from './model';
+
+/**
+ * 分页查询报告
+ */
+export async function pageClinicReport(params: ClinicReportParam) {
+  const res = await request.get<ApiResult<PageResult<ClinicReport>>>(
+    '/clinic/clinic-report/page',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 查询报告列表
+ */
+export async function listClinicReport(params?: ClinicReportParam) {
+  const res = await request.get<ApiResult<ClinicReport[]>>(
+    '/clinic/clinic-report',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 添加报告
+ */
+export async function addClinicReport(data: ClinicReport) {
+  const res = await request.post<ApiResult<unknown>>(
+    '/clinic/clinic-report',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 修改报告
+ */
+export async function updateClinicReport(data: ClinicReport) {
+  const res = await request.put<ApiResult<unknown>>(
+    '/clinic/clinic-report',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 删除报告
+ */
+export async function removeClinicReport(id?: number) {
+  const res = await request.delete<ApiResult<unknown>>(
+    '/clinic/clinic-report/' + id
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 批量删除报告
+ */
+export async function removeBatchClinicReport(data: (number | undefined)[]) {
+  const res = await request.delete<ApiResult<unknown>>(
+    '/clinic/clinic-report/batch',
+    {
+      data
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 根据id查询报告
+ */
+export async function getClinicReport(id: number) {
+  const res = await request.get<ApiResult<ClinicReport>>(
+    '/clinic/clinic-report/' + id
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
diff --git a/src/api/clinic/clinicReport/model/index.ts b/src/api/clinic/clinicReport/model/index.ts
new file mode 100644
index 0000000..866c365
--- /dev/null
+++ b/src/api/clinic/clinicReport/model/index.ts
@@ -0,0 +1,61 @@
+import type { PageParam } from '@/api';
+
+/**
+ * 报告
+ */
+export interface ClinicReport {
+  // 主键ID
+  id?: number;
+  // 买家用户ID
+  userId?: number;
+  // 订单编号
+  orderNo?: string;
+  // 分销商用户id(一级)
+  firstUserId?: number;
+  // 分销商用户id(二级)
+  secondUserId?: number;
+  // 分销商用户id(三级)
+  thirdUserId?: number;
+  // 分销佣金(一级)
+  firstMoney?: string;
+  // 分销佣金(二级)
+  secondMoney?: string;
+  // 分销佣金(三级)
+  thirdMoney?: string;
+  // 单价
+  price?: string;
+  // 订单总金额
+  orderPrice?: string;
+  // 结算金额
+  settledPrice?: string;
+  // 换算成度
+  degreePrice?: string;
+  // 实发金额
+  payPrice?: string;
+  // 税率
+  rate?: string;
+  // 结算月份
+  month?: string;
+  // 订单是否失效(0未失效 1已失效)
+  isInvalid?: number;
+  // 佣金结算(0未结算 1已结算)
+  isSettled?: number;
+  // 结算时间
+  settleTime?: string;
+  // 备注
+  comments?: string;
+  // 商城ID
+  tenantId?: number;
+  // 创建时间
+  createTime?: string;
+  // 修改时间
+  updateTime?: string;
+}
+
+/**
+ * 报告搜索条件
+ */
+export interface ClinicReportParam extends PageParam {
+  id?: number;
+  keywords?: string;
+}
diff --git a/src/api/clinic/clinicVisitRecord/index.ts b/src/api/clinic/clinicVisitRecord/index.ts
new file mode 100644
index 0000000..0d231df
--- /dev/null
+++ b/src/api/clinic/clinicVisitRecord/index.ts
@@ -0,0 +1,105 @@
+import request from '@/utils/request';
+import type { ApiResult, PageResult } from '@/api';
+import type { ClinicVisitRecord, ClinicVisitRecordParam } from './model';
+
+/**
+ * 分页查询病例
+ */
+export async function pageClinicVisitRecord(params: ClinicVisitRecordParam) {
+  const res = await request.get<ApiResult<PageResult<ClinicVisitRecord>>>(
+    '/clinic/clinic-visit-record/page',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 查询病例列表
+ */
+export async function listClinicVisitRecord(params?: ClinicVisitRecordParam) {
+  const res = await request.get<ApiResult<ClinicVisitRecord[]>>(
+    '/clinic/clinic-visit-record',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 添加病例
+ */
+export async function addClinicVisitRecord(data: ClinicVisitRecord) {
+  const res = await request.post<ApiResult<unknown>>(
+    '/clinic/clinic-visit-record',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 修改病例
+ */
+export async function updateClinicVisitRecord(data: ClinicVisitRecord) {
+  const res = await request.put<ApiResult<unknown>>(
+    '/clinic/clinic-visit-record',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 删除病例
+ */
+export async function removeClinicVisitRecord(id?: number) {
+  const res = await request.delete<ApiResult<unknown>>(
+    '/clinic/clinic-visit-record/' + id
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 批量删除病例
+ */
+export async function removeBatchClinicVisitRecord(data: (number | undefined)[]) {
+  const res = await request.delete<ApiResult<unknown>>(
+    '/clinic/clinic-visit-record/batch',
+    {
+      data
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 根据id查询病例
+ */
+export async function getClinicVisitRecord(id: number) {
+  const res = await request.get<ApiResult<ClinicVisitRecord>>(
+    '/clinic/clinic-visit-record/' + id
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
diff --git a/src/api/clinic/clinicVisitRecord/model/index.ts b/src/api/clinic/clinicVisitRecord/model/index.ts
new file mode 100644
index 0000000..cdb98c2
--- /dev/null
+++ b/src/api/clinic/clinicVisitRecord/model/index.ts
@@ -0,0 +1,61 @@
+import type { PageParam } from '@/api';
+
+/**
+ * 病例
+ */
+export interface ClinicVisitRecord {
+  // 主键ID
+  id?: number;
+  // 买家用户ID
+  userId?: number;
+  // 订单编号
+  orderNo?: string;
+  // 分销商用户id(一级)
+  firstUserId?: number;
+  // 分销商用户id(二级)
+  secondUserId?: number;
+  // 分销商用户id(三级)
+  thirdUserId?: number;
+  // 分销佣金(一级)
+  firstMoney?: string;
+  // 分销佣金(二级)
+  secondMoney?: string;
+  // 分销佣金(三级)
+  thirdMoney?: string;
+  // 单价
+  price?: string;
+  // 订单总金额
+  orderPrice?: string;
+  // 结算金额
+  settledPrice?: string;
+  // 换算成度
+  degreePrice?: string;
+  // 实发金额
+  payPrice?: string;
+  // 税率
+  rate?: string;
+  // 结算月份
+  month?: string;
+  // 订单是否失效(0未失效 1已失效)
+  isInvalid?: number;
+  // 佣金结算(0未结算 1已结算)
+  isSettled?: number;
+  // 结算时间
+  settleTime?: string;
+  // 备注
+  comments?: string;
+  // 商城ID
+  tenantId?: number;
+  // 创建时间
+  createTime?: string;
+  // 修改时间
+  updateTime?: string;
+}
+
+/**
+ * 病例搜索条件
+ */
+export interface ClinicVisitRecordParam extends PageParam {
+  id?: number;
+  keywords?: string;
+}
diff --git a/src/api/credit/creditAdministrativeLicense/index.ts b/src/api/credit/creditAdministrativeLicense/index.ts
new file mode 100644
index 0000000..f42003a
--- /dev/null
+++ b/src/api/credit/creditAdministrativeLicense/index.ts
@@ -0,0 +1,105 @@
+import request from '@/utils/request';
+import type { ApiResult, PageResult } from '@/api';
+import type { CreditAdministrativeLicense, CreditAdministrativeLicenseParam } from './model';
+
+/**
+ * 分页查询行政许可
+ */
+export async function pageCreditAdministrativeLicense(params: CreditAdministrativeLicenseParam) {
+  const res = await request.get<ApiResult<PageResult<CreditAdministrativeLicense>>>(
+    '/credit/credit-administrative-license/page',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 查询行政许可列表
+ */
+export async function listCreditAdministrativeLicense(params?: CreditAdministrativeLicenseParam) {
+  const res = await request.get<ApiResult<CreditAdministrativeLicense[]>>(
+    '/credit/credit-administrative-license',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 添加行政许可
+ */
+export async function addCreditAdministrativeLicense(data: CreditAdministrativeLicense) {
+  const res = await request.post<ApiResult<unknown>>(
+    '/credit/credit-administrative-license',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 修改行政许可
+ */
+export async function updateCreditAdministrativeLicense(data: CreditAdministrativeLicense) {
+  const res = await request.put<ApiResult<unknown>>(
+    '/credit/credit-administrative-license',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 删除行政许可
+ */
+export async function removeCreditAdministrativeLicense(id?: number) {
+  const res = await request.delete<ApiResult<unknown>>(
+    '/credit/credit-administrative-license/' + id
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 批量删除行政许可
+ */
+export async function removeBatchCreditAdministrativeLicense(data: (number | undefined)[]) {
+  const res = await request.delete<ApiResult<unknown>>(
+    '/credit/credit-administrative-license/batch',
+    {
+      data
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 根据id查询行政许可
+ */
+export async function getCreditAdministrativeLicense(id: number) {
+  const res = await request.get<ApiResult<CreditAdministrativeLicense>>(
+    '/credit/credit-administrative-license/' + id
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
diff --git a/src/api/credit/creditAdministrativeLicense/model/index.ts b/src/api/credit/creditAdministrativeLicense/model/index.ts
new file mode 100644
index 0000000..6e64bd1
--- /dev/null
+++ b/src/api/credit/creditAdministrativeLicense/model/index.ts
@@ -0,0 +1,58 @@
+import type { PageParam } from '@/api';
+
+/**
+ * 行政许可
+ */
+export interface CreditAdministrativeLicense {
+  // ID
+  id?: number;
+  // 决定文书/许可编号
+  code?: string;
+  // 决定文书/许可证名称
+  name?: string;
+  // 许可状态
+  statusText?: string;
+  // 许可类型
+  type?: string;
+  // 链接
+  url?: string;
+  // 有效期自
+  validityStart?: string;
+  // 有效期至
+  validityEnd?: string;
+  // 许可机关
+  licensingAuthority?: string;
+    @TableField("License_content")
+  // 许可内容
+  licenseContent?: string;
+  // 数据来源单位
+  dataSourceUnit?: string;
+  // 备注
+  comments?: string;
+  // 企业ID
+  companyId?: number;
+  // 是否推荐
+  recommend?: number;
+  // 排序(数字越小越靠前)
+  sortNumber?: number;
+  // 状态, 0正常, 1冻结
+  status?: number;
+  // 是否删除, 0否, 1是
+  deleted?: number;
+  // 用户ID
+  userId?: number;
+  // 租户id
+  tenantId?: number;
+  // 创建时间
+  createTime?: string;
+  // 修改时间
+  updateTime?: string;
+}
+
+/**
+ * 行政许可搜索条件
+ */
+export interface CreditAdministrativeLicenseParam extends PageParam {
+  id?: number;
+  keywords?: string;
+}
diff --git a/src/api/credit/creditBankruptcy/index.ts b/src/api/credit/creditBankruptcy/index.ts
new file mode 100644
index 0000000..d9b1ccc
--- /dev/null
+++ b/src/api/credit/creditBankruptcy/index.ts
@@ -0,0 +1,105 @@
+import request from '@/utils/request';
+import type { ApiResult, PageResult } from '@/api';
+import type { CreditBankruptcy, CreditBankruptcyParam } from './model';
+
+/**
+ * 分页查询破产重整
+ */
+export async function pageCreditBankruptcy(params: CreditBankruptcyParam) {
+  const res = await request.get<ApiResult<PageResult<CreditBankruptcy>>>(
+    '/credit/credit-bankruptcy/page',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 查询破产重整列表
+ */
+export async function listCreditBankruptcy(params?: CreditBankruptcyParam) {
+  const res = await request.get<ApiResult<CreditBankruptcy[]>>(
+    '/credit/credit-bankruptcy',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 添加破产重整
+ */
+export async function addCreditBankruptcy(data: CreditBankruptcy) {
+  const res = await request.post<ApiResult<unknown>>(
+    '/credit/credit-bankruptcy',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 修改破产重整
+ */
+export async function updateCreditBankruptcy(data: CreditBankruptcy) {
+  const res = await request.put<ApiResult<unknown>>(
+    '/credit/credit-bankruptcy',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 删除破产重整
+ */
+export async function removeCreditBankruptcy(id?: number) {
+  const res = await request.delete<ApiResult<unknown>>(
+    '/credit/credit-bankruptcy/' + id
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 批量删除破产重整
+ */
+export async function removeBatchCreditBankruptcy(data: (number | undefined)[]) {
+  const res = await request.delete<ApiResult<unknown>>(
+    '/credit/credit-bankruptcy/batch',
+    {
+      data
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 根据id查询破产重整
+ */
+export async function getCreditBankruptcy(id: number) {
+  const res = await request.get<ApiResult<CreditBankruptcy>>(
+    '/credit/credit-bankruptcy/' + id
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
diff --git a/src/api/credit/creditBankruptcy/model/index.ts b/src/api/credit/creditBankruptcy/model/index.ts
new file mode 100644
index 0000000..72aec1b
--- /dev/null
+++ b/src/api/credit/creditBankruptcy/model/index.ts
@@ -0,0 +1,49 @@
+import type { PageParam } from '@/api';
+
+/**
+ * 破产重整
+ */
+export interface CreditBankruptcy {
+  // ID
+  id?: number;
+  // 案号
+  code?: string;
+  // 案件类型
+  type?: string;
+  // 当事人
+  party?: string;
+  // 链接
+  url?: string;
+  // 经办法院
+  court?: string;
+  // 公开日期
+  publicDate?: string;
+  // 备注
+  comments?: string;
+  // 企业ID
+  companyId?: number;
+  // 是否推荐
+  recommend?: number;
+  // 排序(数字越小越靠前)
+  sortNumber?: number;
+  // 状态, 0正常, 1冻结
+  status?: number;
+  // 是否删除, 0否, 1是
+  deleted?: number;
+  // 用户ID
+  userId?: number;
+  // 租户id
+  tenantId?: number;
+  // 创建时间
+  createTime?: string;
+  // 修改时间
+  updateTime?: string;
+}
+
+/**
+ * 破产重整搜索条件
+ */
+export interface CreditBankruptcyParam extends PageParam {
+  id?: number;
+  keywords?: string;
+}
diff --git a/src/api/credit/creditBranch/index.ts b/src/api/credit/creditBranch/index.ts
new file mode 100644
index 0000000..69eb8f1
--- /dev/null
+++ b/src/api/credit/creditBranch/index.ts
@@ -0,0 +1,105 @@
+import request from '@/utils/request';
+import type { ApiResult, PageResult } from '@/api';
+import type { CreditBranch, CreditBranchParam } from './model';
+
+/**
+ * 分页查询分支机构
+ */
+export async function pageCreditBranch(params: CreditBranchParam) {
+  const res = await request.get<ApiResult<PageResult<CreditBranch>>>(
+    '/credit/credit-branch/page',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 查询分支机构列表
+ */
+export async function listCreditBranch(params?: CreditBranchParam) {
+  const res = await request.get<ApiResult<CreditBranch[]>>(
+    '/credit/credit-branch',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 添加分支机构
+ */
+export async function addCreditBranch(data: CreditBranch) {
+  const res = await request.post<ApiResult<unknown>>(
+    '/credit/credit-branch',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 修改分支机构
+ */
+export async function updateCreditBranch(data: CreditBranch) {
+  const res = await request.put<ApiResult<unknown>>(
+    '/credit/credit-branch',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 删除分支机构
+ */
+export async function removeCreditBranch(id?: number) {
+  const res = await request.delete<ApiResult<unknown>>(
+    '/credit/credit-branch/' + id
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 批量删除分支机构
+ */
+export async function removeBatchCreditBranch(data: (number | undefined)[]) {
+  const res = await request.delete<ApiResult<unknown>>(
+    '/credit/credit-branch/batch',
+    {
+      data
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 根据id查询分支机构
+ */
+export async function getCreditBranch(id: number) {
+  const res = await request.get<ApiResult<CreditBranch>>(
+    '/credit/credit-branch/' + id
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
diff --git a/src/api/credit/creditBranch/model/index.ts b/src/api/credit/creditBranch/model/index.ts
new file mode 100644
index 0000000..7ef31ae
--- /dev/null
+++ b/src/api/credit/creditBranch/model/index.ts
@@ -0,0 +1,49 @@
+import type { PageParam } from '@/api';
+
+/**
+ * 分支机构
+ */
+export interface CreditBranch {
+  // ID
+  id?: number;
+  // 分支机构名称
+  name?: string;
+  // 负责人
+  curator?: string;
+  // 地区
+  region?: string;
+  // 链接
+  url?: string;
+  // 成立日期
+  establishDate?: string;
+  // 状态
+  statusText?: string;
+  // 备注
+  comments?: string;
+  // 企业ID
+  companyId?: number;
+  // 是否推荐
+  recommend?: number;
+  // 排序(数字越小越靠前)
+  sortNumber?: number;
+  // 状态, 0正常, 1冻结
+  status?: number;
+  // 是否删除, 0否, 1是
+  deleted?: number;
+  // 用户ID
+  userId?: number;
+  // 租户id
+  tenantId?: number;
+  // 创建时间
+  createTime?: string;
+  // 修改时间
+  updateTime?: string;
+}
+
+/**
+ * 分支机构搜索条件
+ */
+export interface CreditBranchParam extends PageParam {
+  id?: number;
+  keywords?: string;
+}
diff --git a/src/api/credit/creditBreachOfTrust/index.ts b/src/api/credit/creditBreachOfTrust/index.ts
new file mode 100644
index 0000000..f48a391
--- /dev/null
+++ b/src/api/credit/creditBreachOfTrust/index.ts
@@ -0,0 +1,129 @@
+import request from '@/utils/request';
+import type { ApiResult, PageResult } from '@/api';
+import type { CreditBreachOfTrust, CreditBreachOfTrustParam } from './model';
+
+/**
+ * 分页查询失信被执行人
+ */
+export async function pageCreditBreachOfTrust(params: CreditBreachOfTrustParam) {
+  const res = await request.get<ApiResult<PageResult<CreditBreachOfTrust>>>(
+    '/credit/credit-breach-of-trust/page',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 查询失信被执行人列表
+ */
+export async function listCreditBreachOfTrust(params?: CreditBreachOfTrustParam) {
+  const res = await request.get<ApiResult<CreditBreachOfTrust[]>>(
+    '/credit/credit-breach-of-trust',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 添加失信被执行人
+ */
+export async function addCreditBreachOfTrust(data: CreditBreachOfTrust) {
+  const res = await request.post<ApiResult<unknown>>(
+    '/credit/credit-breach-of-trust',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 修改失信被执行人
+ */
+export async function updateCreditBreachOfTrust(data: CreditBreachOfTrust) {
+  const res = await request.put<ApiResult<unknown>>(
+    '/credit/credit-breach-of-trust',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 删除失信被执行人
+ */
+export async function removeCreditBreachOfTrust(id?: number) {
+  const res = await request.delete<ApiResult<unknown>>(
+    '/credit/credit-breach-of-trust/' + id
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 批量删除失信被执行人
+ */
+export async function removeBatchCreditBreachOfTrust(data: (number | undefined)[]) {
+  const res = await request.delete<ApiResult<unknown>>(
+    '/credit/credit-breach-of-trust/batch',
+    {
+      data
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 根据id查询失信被执行人
+ */
+export async function getCreditBreachOfTrust(id: number) {
+  const res = await request.get<ApiResult<CreditBreachOfTrust>>(
+    '/credit/credit-breach-of-trust/' + id
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 导入失信被执行人
+ */
+export async function importCreditBreachOfTrust(file: File, companyId?: number) {
+  const formData = new FormData();
+  formData.append('file', file);
+  if (companyId != null) {
+    formData.append('companyId', String(companyId));
+  }
+  const res = await request.post<ApiResult<unknown>>(
+    '/credit/credit-breach-of-trust/import',
+    formData,
+    {
+      headers: {
+        'Content-Type': 'multipart/form-data'
+      }
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
diff --git a/src/api/credit/creditBreachOfTrust/model/index.ts b/src/api/credit/creditBreachOfTrust/model/index.ts
new file mode 100644
index 0000000..84ed3a9
--- /dev/null
+++ b/src/api/credit/creditBreachOfTrust/model/index.ts
@@ -0,0 +1,57 @@
+import type { PageParam } from '@/api';
+
+/**
+ * 失信被执行人
+ */
+export interface CreditBreachOfTrust {
+  // ID
+  id?: number;
+  // 数据类型
+  dataType?: string;
+  // 原告/上诉人
+  plaintiffAppellant?: string;
+  // 被告/被上诉人
+  appellee?: string;
+  // 链接地址
+  url?: string;
+  // 其他当事人/第三人
+  otherPartiesThirdParty?: string;
+  // 发生时间
+  occurrenceTime?: string;
+  // 案号
+  caseNumber?: string;
+  // 案由
+  causeOfAction?: string;
+  // 涉案金额
+  involvedAmount?: string;
+  // 法院
+  courtName?: string;
+  // 数据状态
+  dataStatus?: string;
+  // 备注
+  comments?: string;
+  // 是否推荐
+  recommend?: number;
+  // 排序(数字越小越靠前)
+  sortNumber?: number;
+  // 状态, 0正常, 1冻结
+  status?: number;
+  // 是否删除, 0否, 1是
+  deleted?: number;
+  // 用户ID
+  userId?: number;
+  // 租户id
+  tenantId?: number;
+  // 创建时间
+  createTime?: string;
+  // 修改时间
+  updateTime?: string;
+}
+
+/**
+ * 失信被执行人搜索条件
+ */
+export interface CreditBreachOfTrustParam extends PageParam {
+  id?: number;
+  keywords?: string;
+}
diff --git a/src/api/credit/creditCaseFiling/index.ts b/src/api/credit/creditCaseFiling/index.ts
new file mode 100644
index 0000000..c4ce2d8
--- /dev/null
+++ b/src/api/credit/creditCaseFiling/index.ts
@@ -0,0 +1,129 @@
+import request from '@/utils/request';
+import type { ApiResult, PageResult } from '@/api';
+import type { CreditCaseFiling, CreditCaseFilingParam } from './model';
+
+/**
+ * 分页查询司法大数据
+ */
+export async function pageCreditCaseFiling(params: CreditCaseFilingParam) {
+  const res = await request.get<ApiResult<PageResult<CreditCaseFiling>>>(
+    '/credit/credit-case-filing/page',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 查询司法大数据列表
+ */
+export async function listCreditCaseFiling(params?: CreditCaseFilingParam) {
+  const res = await request.get<ApiResult<CreditCaseFiling[]>>(
+    '/credit/credit-case-filing',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 添加司法大数据
+ */
+export async function addCreditCaseFiling(data: CreditCaseFiling) {
+  const res = await request.post<ApiResult<unknown>>(
+    '/credit/credit-case-filing',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 修改司法大数据
+ */
+export async function updateCreditCaseFiling(data: CreditCaseFiling) {
+  const res = await request.put<ApiResult<unknown>>(
+    '/credit/credit-case-filing',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 删除司法大数据
+ */
+export async function removeCreditCaseFiling(id?: number) {
+  const res = await request.delete<ApiResult<unknown>>(
+    '/credit/credit-case-filing/' + id
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 批量删除司法大数据
+ */
+export async function removeBatchCreditCaseFiling(data: (number | undefined)[]) {
+  const res = await request.delete<ApiResult<unknown>>(
+    '/credit/credit-case-filing/batch',
+    {
+      data
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 根据id查询司法大数据
+ */
+export async function getCreditCaseFiling(id: number) {
+  const res = await request.get<ApiResult<CreditCaseFiling>>(
+    '/credit/credit-case-filing/' + id
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 导入司法大数据
+ */
+export async function importCreditCaseFiling(file: File, companyId?: number) {
+  const formData = new FormData();
+  formData.append('file', file);
+  if (companyId != null) {
+    formData.append('companyId', String(companyId));
+  }
+  const res = await request.post<ApiResult<unknown>>(
+    '/credit/credit-case-filing/import',
+    formData,
+    {
+      headers: {
+        'Content-Type': 'multipart/form-data'
+      }
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
diff --git a/src/api/credit/creditCaseFiling/model/index.ts b/src/api/credit/creditCaseFiling/model/index.ts
new file mode 100644
index 0000000..ea9b516
--- /dev/null
+++ b/src/api/credit/creditCaseFiling/model/index.ts
@@ -0,0 +1,57 @@
+import type { PageParam } from '@/api';
+
+/**
+ * 司法大数据
+ */
+export interface CreditCaseFiling {
+  // ID
+  id?: number;
+  // 数据类型
+  dataType?: string;
+  // 原告/上诉人
+  plaintiffAppellant?: string;
+  // 被告/被上诉人
+  appellee?: string;
+  // 链接地址
+  url?: string;
+  // 其他当事人/第三人
+  otherPartiesThirdParty?: string;
+  // 发生时间
+  occurrenceTime?: string;
+  // 案号
+  caseNumber?: string;
+  // 案由
+  causeOfAction?: string;
+  // 涉案金额
+  involvedAmount?: string;
+  // 法院
+  courtName?: string;
+  // 数据状态
+  dataStatus?: string;
+  // 备注
+  comments?: string;
+  // 是否推荐
+  recommend?: number;
+  // 排序(数字越小越靠前)
+  sortNumber?: number;
+  // 状态, 0正常, 1冻结
+  status?: number;
+  // 是否删除, 0否, 1是
+  deleted?: number;
+  // 用户ID
+  userId?: number;
+  // 租户id
+  tenantId?: number;
+  // 创建时间
+  createTime?: string;
+  // 修改时间
+  updateTime?: string;
+}
+
+/**
+ * 司法大数据搜索条件
+ */
+export interface CreditCaseFilingParam extends PageParam {
+  id?: number;
+  keywords?: string;
+}
diff --git a/src/api/credit/creditCompany/index.ts b/src/api/credit/creditCompany/index.ts
new file mode 100644
index 0000000..2b57bb7
--- /dev/null
+++ b/src/api/credit/creditCompany/index.ts
@@ -0,0 +1,142 @@
+import request from '@/utils/request';
+import type { ApiResult, PageResult } from '@/api';
+import type { CreditCompany, CreditCompanyParam } from './model';
+
+/**
+ * 分页查询企业
+ */
+export async function pageCreditCompany(params: CreditCompanyParam) {
+  const res = await request.get<ApiResult<PageResult<CreditCompany>>>(
+    '/credit/credit-company/page',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 查询企业列表
+ */
+export async function listCreditCompany(params?: CreditCompanyParam) {
+  const res = await request.get<ApiResult<CreditCompany[]>>(
+    '/credit/credit-company',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 添加企业
+ */
+export async function addCreditCompany(data: CreditCompany) {
+  const res = await request.post<ApiResult<unknown>>(
+    '/credit/credit-company',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 修改企业
+ */
+export async function updateCreditCompany(data: CreditCompany) {
+  const res = await request.put<ApiResult<unknown>>(
+    '/credit/credit-company',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 删除企业
+ */
+export async function removeCreditCompany(id?: number) {
+  const res = await request.delete<ApiResult<unknown>>(
+    '/credit/credit-company/' + id
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 批量删除企业
+ */
+export async function removeBatchCreditCompany(data: (number | undefined)[]) {
+  const res = await request.delete<ApiResult<unknown>>(
+    '/credit/credit-company/batch',
+    {
+      data
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 根据id查询企业
+ */
+export async function getCreditCompany(id: number) {
+  const res = await request.get<ApiResult<CreditCompany>>(
+    '/credit/credit-company/' + id
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 导入企业
+ */
+export async function importCreditCompany(file: File) {
+  const formData = new FormData();
+  formData.append('file', file);
+  const res = await request.post<ApiResult<unknown>>(
+    '/credit/credit-company/import',
+    formData,
+    {
+      headers: {
+        'Content-Type': 'multipart/form-data'
+      }
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 根据企业匹配名称查询关联信息
+ */
+export async function getCompanyRelatedInfo(params: CreditCompanyParam) {
+  const res = await request.get<ApiResult<CreditCompany>>(
+    '/credit/credit-company/related',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
diff --git a/src/api/credit/creditCompany/model/index.ts b/src/api/credit/creditCompany/model/index.ts
new file mode 100644
index 0000000..76425bb
--- /dev/null
+++ b/src/api/credit/creditCompany/model/index.ts
@@ -0,0 +1,137 @@
+import type { PageParam } from '@/api';
+
+/**
+ * 企业
+ */
+export interface CreditCompany {
+  // ID
+  id?: number;
+  // 原文件导入名称
+  name?: string;
+  // 系统匹配企业名称
+  matchName?: string;
+  // 统一社会信用代码
+  code?: string;
+  // 链接地址
+  url?: string;
+  // 类型
+  type?: number;
+  // 上级id, 0是顶级
+  parentId?: number;
+  // 登记状态
+  registrationStatus?: string;
+  // 法定代表人
+  legalPerson?: string;
+  // 注册资本
+  registeredCapital?: string;
+  // 实缴资本
+  paidinCapital?: string;
+  // 成立日期
+  establishDate?: string;
+  // 企业地址
+  address?: string;
+  // 电话
+  tel?: string;
+  // 更多电话
+  moreTel?: string;
+  // 邮箱
+  email?: string;
+  // 更多邮箱
+  moreEmail?: string;
+  // 所在国家
+  country?: string;
+  // 所属省份
+  province?: string;
+  // 所属城市
+  city?: string;
+  // 所属区县
+  region?: string;
+  // 企业（机构）类型
+  institutionType?: string;
+  // 纳税人识别号
+  taxpayerCode?: string;
+  // 注册号
+  registrationNumber?: string;
+  // 组织机构代码
+  organizationalCode?: string;
+  // 参保人数
+  numberOfInsuredPersons?: string;
+  // 参保人数所属年报
+  annualReport?: string;
+  // 营业期限
+  businessTerm?: string;
+  // 国标行业门类
+  nationalStandardIndustryCategories?: string;
+  // 国标行业大类
+  nationalStandardIndustryCategories2?: string;
+  // 国标行业中类
+  nationalStandardIndustryCategories3?: string;
+  // 国标行业小类
+  nationalStandardIndustryCategories4?: string;
+  // 企查查行业门类
+  nationalStandardIndustryCategories5?: string;
+  // 企查查行业大类
+  nationalStandardIndustryCategories6?: string;
+  // 企查查行业中类
+  nationalStandardIndustryCategories7?: string;
+  // 企查查行业小类
+  nationalStandardIndustryCategories8?: string;
+  // 企业规模
+  companySize?: string;
+  // 曾用名
+  formerName?: string;
+  // 英文名
+  englishName?: string;
+  // 官网
+  domain?: string;
+  // 通信地址
+  mailingAddress?: string;
+  // 企业简介
+  companyProfile?: string;
+  // 经营范围
+  natureOfBusiness?: string;
+  // 登记机关
+  registrationAuthority?: string;
+  // 纳税人资质
+  taxpayerQualification?: string;
+  // 最新年报年份
+  latestAnnualReportYear?: string;
+  // 最新年报营业收入
+  latestAnnualReportOnOperatingRevenue?: string;
+  // 企查分
+  enterpriseScoreCheck?: string;
+  // 信用等级
+  creditRating?: string;
+  // 科创分
+  cechnologyScore?: string;
+  // 科创等级
+  cechnologyLevel?: string;
+  // 是否小微企业
+  smallEnterprise?: string;
+  // 备注
+  comments?: string;
+  // 是否推荐
+  recommend?: number;
+  // 排序(数字越小越靠前)
+  sortNumber?: number;
+  // 状态, 0正常, 1冻结
+  status?: number;
+  // 是否删除, 0否, 1是
+  deleted?: number;
+  // 用户ID
+  userId?: number;
+  // 租户id
+  tenantId?: number;
+  // 创建时间
+  createTime?: string;
+  // 修改时间
+  updateTime?: string;
+}
+
+/**
+ * 企业搜索条件
+ */
+export interface CreditCompanyParam extends PageParam {
+  id?: number;
+  keywords?: string;
+}
diff --git a/src/api/credit/creditCompetitor/index.ts b/src/api/credit/creditCompetitor/index.ts
new file mode 100644
index 0000000..d027aa6
--- /dev/null
+++ b/src/api/credit/creditCompetitor/index.ts
@@ -0,0 +1,129 @@
+import request from '@/utils/request';
+import type { ApiResult, PageResult } from '@/api';
+import type { CreditCompetitor, CreditCompetitorParam } from './model';
+
+/**
+ * 分页查询竞争对手
+ */
+export async function pageCreditCompetitor(params: CreditCompetitorParam) {
+  const res = await request.get<ApiResult<PageResult<CreditCompetitor>>>(
+    '/credit/credit-competitor/page',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 查询竞争对手列表
+ */
+export async function listCreditCompetitor(params?: CreditCompetitorParam) {
+  const res = await request.get<ApiResult<CreditCompetitor[]>>(
+    '/credit/credit-competitor',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 添加竞争对手
+ */
+export async function addCreditCompetitor(data: CreditCompetitor) {
+  const res = await request.post<ApiResult<unknown>>(
+    '/credit/credit-competitor',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 修改竞争对手
+ */
+export async function updateCreditCompetitor(data: CreditCompetitor) {
+  const res = await request.put<ApiResult<unknown>>(
+    '/credit/credit-competitor',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 删除竞争对手
+ */
+export async function removeCreditCompetitor(id?: number) {
+  const res = await request.delete<ApiResult<unknown>>(
+    '/credit/credit-competitor/' + id
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 批量删除竞争对手
+ */
+export async function removeBatchCreditCompetitor(data: (number | undefined)[]) {
+  const res = await request.delete<ApiResult<unknown>>(
+    '/credit/credit-competitor/batch',
+    {
+      data
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 根据id查询竞争对手
+ */
+export async function getCreditCompetitor(id: number) {
+  const res = await request.get<ApiResult<CreditCompetitor>>(
+    '/credit/credit-competitor/' + id
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 导入竞争对手
+ */
+export async function importCreditCompetitor(file: File, companyId?: number) {
+  const formData = new FormData();
+  formData.append('file', file);
+  if (companyId != null) {
+    formData.append('companyId', String(companyId));
+  }
+  const res = await request.post<ApiResult<unknown>>(
+    '/credit/credit-competitor/import',
+    formData,
+    {
+      headers: {
+        'Content-Type': 'multipart/form-data'
+      }
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
diff --git a/src/api/credit/creditCompetitor/model/index.ts b/src/api/credit/creditCompetitor/model/index.ts
new file mode 100644
index 0000000..ff2b159
--- /dev/null
+++ b/src/api/credit/creditCompetitor/model/index.ts
@@ -0,0 +1,51 @@
+import type { PageParam } from '@/api';
+
+/**
+ * 竞争对手
+ */
+export interface CreditCompetitor {
+  // 序号
+  id?: number;
+  // 企业名称
+  companyName?: string;
+  // 法定代表人
+  legalRepresentative?: string;
+  // 注册资本
+  registeredCapital?: string;
+  // 成立日期
+  establishmentDate?: string;
+  // 登记状态
+  registrationStatus?: string;
+  // 所属行业
+  industry?: string;
+  // 所属省份
+  province?: string;
+  // 链接地址
+  url?: string;
+  // 备注
+  comments?: string;
+  // 是否推荐
+  recommend?: number;
+  // 排序(数字越小越靠前)
+  sortNumber?: number;
+  // 状态, 0正常, 1冻结
+  status?: number;
+  // 是否删除, 0否, 1是
+  deleted?: number;
+  // 用户ID
+  userId?: number;
+  // 租户id
+  tenantId?: number;
+  // 创建时间
+  createTime?: string;
+  // 修改时间
+  updateTime?: string;
+}
+
+/**
+ * 竞争对手搜索条件
+ */
+export interface CreditCompetitorParam extends PageParam {
+  id?: number;
+  keywords?: string;
+}
diff --git a/src/api/credit/creditCourtAnnouncement/index.ts b/src/api/credit/creditCourtAnnouncement/index.ts
new file mode 100644
index 0000000..b86e1cd
--- /dev/null
+++ b/src/api/credit/creditCourtAnnouncement/index.ts
@@ -0,0 +1,129 @@
+import request from '@/utils/request';
+import type { ApiResult, PageResult } from '@/api';
+import type { CreditCourtAnnouncement, CreditCourtAnnouncementParam } from './model';
+
+/**
+ * 分页查询法院公告司法大数据
+ */
+export async function pageCreditCourtAnnouncement(params: CreditCourtAnnouncementParam) {
+  const res = await request.get<ApiResult<PageResult<CreditCourtAnnouncement>>>(
+    '/credit/credit-court-announcement/page',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 查询法院公告司法大数据列表
+ */
+export async function listCreditCourtAnnouncement(params?: CreditCourtAnnouncementParam) {
+  const res = await request.get<ApiResult<CreditCourtAnnouncement[]>>(
+    '/credit/credit-court-announcement',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 添加法院公告司法大数据
+ */
+export async function addCreditCourtAnnouncement(data: CreditCourtAnnouncement) {
+  const res = await request.post<ApiResult<unknown>>(
+    '/credit/credit-court-announcement',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 修改法院公告司法大数据
+ */
+export async function updateCreditCourtAnnouncement(data: CreditCourtAnnouncement) {
+  const res = await request.put<ApiResult<unknown>>(
+    '/credit/credit-court-announcement',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 删除法院公告司法大数据
+ */
+export async function removeCreditCourtAnnouncement(id?: number) {
+  const res = await request.delete<ApiResult<unknown>>(
+    '/credit/credit-court-announcement/' + id
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 批量删除法院公告司法大数据
+ */
+export async function removeBatchCreditCourtAnnouncement(data: (number | undefined)[]) {
+  const res = await request.delete<ApiResult<unknown>>(
+    '/credit/credit-court-announcement/batch',
+    {
+      data
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 根据id查询法院公告司法大数据
+ */
+export async function getCreditCourtAnnouncement(id: number) {
+  const res = await request.get<ApiResult<CreditCourtAnnouncement>>(
+    '/credit/credit-court-announcement/' + id
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 导入法院公告司法大数据
+ */
+export async function importCreditCourtAnnouncement(file: File, companyId?: number) {
+  const formData = new FormData();
+  formData.append('file', file);
+  if (companyId != null) {
+    formData.append('companyId', String(companyId));
+  }
+  const res = await request.post<ApiResult<unknown>>(
+    '/credit/credit-court-announcement/import',
+    formData,
+    {
+      headers: {
+        'Content-Type': 'multipart/form-data'
+      }
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
diff --git a/src/api/credit/creditCourtAnnouncement/model/index.ts b/src/api/credit/creditCourtAnnouncement/model/index.ts
new file mode 100644
index 0000000..9722e37
--- /dev/null
+++ b/src/api/credit/creditCourtAnnouncement/model/index.ts
@@ -0,0 +1,57 @@
+import type { PageParam } from '@/api';
+
+/**
+ * 法院公告司法大数据
+ */
+export interface CreditCourtAnnouncement {
+  // ID
+  id?: number;
+  // 数据类型
+  dataType?: string;
+  // 原告/上诉人
+  plaintiffAppellant?: string;
+  // 被告/被上诉人
+  appellee?: string;
+  // 链接地址
+  url?: string;
+  // 其他当事人/第三人
+  otherPartiesThirdParty?: string;
+  // 发生时间
+  occurrenceTime?: string;
+  // 案号
+  caseNumber?: string;
+  // 案由
+  causeOfAction?: string;
+  // 涉案金额
+  involvedAmount?: string;
+  // 法院
+  courtName?: string;
+  // 数据状态
+  dataStatus?: string;
+  // 备注
+  comments?: string;
+  // 是否推荐
+  recommend?: number;
+  // 排序(数字越小越靠前)
+  sortNumber?: number;
+  // 状态, 0正常, 1冻结
+  status?: number;
+  // 是否删除, 0否, 1是
+  deleted?: number;
+  // 用户ID
+  userId?: number;
+  // 租户id
+  tenantId?: number;
+  // 创建时间
+  createTime?: string;
+  // 修改时间
+  updateTime?: string;
+}
+
+/**
+ * 法院公告司法大数据搜索条件
+ */
+export interface CreditCourtAnnouncementParam extends PageParam {
+  id?: number;
+  keywords?: string;
+}
diff --git a/src/api/credit/creditCourtSession/index.ts b/src/api/credit/creditCourtSession/index.ts
new file mode 100644
index 0000000..2cf1356
--- /dev/null
+++ b/src/api/credit/creditCourtSession/index.ts
@@ -0,0 +1,129 @@
+import request from '@/utils/request';
+import type { ApiResult, PageResult } from '@/api';
+import type { CreditCourtSession, CreditCourtSessionParam } from './model';
+
+/**
+ * 分页查询开庭公告司法大数据
+ */
+export async function pageCreditCourtSession(params: CreditCourtSessionParam) {
+  const res = await request.get<ApiResult<PageResult<CreditCourtSession>>>(
+    '/credit/credit-court-session/page',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 查询开庭公告司法大数据列表
+ */
+export async function listCreditCourtSession(params?: CreditCourtSessionParam) {
+  const res = await request.get<ApiResult<CreditCourtSession[]>>(
+    '/credit/credit-court-session',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 添加开庭公告司法大数据
+ */
+export async function addCreditCourtSession(data: CreditCourtSession) {
+  const res = await request.post<ApiResult<unknown>>(
+    '/credit/credit-court-session',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 修改开庭公告司法大数据
+ */
+export async function updateCreditCourtSession(data: CreditCourtSession) {
+  const res = await request.put<ApiResult<unknown>>(
+    '/credit/credit-court-session',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 删除开庭公告司法大数据
+ */
+export async function removeCreditCourtSession(id?: number) {
+  const res = await request.delete<ApiResult<unknown>>(
+    '/credit/credit-court-session/' + id
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 批量删除开庭公告司法大数据
+ */
+export async function removeBatchCreditCourtSession(data: (number | undefined)[]) {
+  const res = await request.delete<ApiResult<unknown>>(
+    '/credit/credit-court-session/batch',
+    {
+      data
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 根据id查询开庭公告司法大数据
+ */
+export async function getCreditCourtSession(id: number) {
+  const res = await request.get<ApiResult<CreditCourtSession>>(
+    '/credit/credit-court-session/' + id
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 导入开庭公告司法大数据
+ */
+export async function importCreditCourtSession(file: File, companyId?: number) {
+  const formData = new FormData();
+  formData.append('file', file);
+  if (companyId != null) {
+    formData.append('companyId', String(companyId));
+  }
+  const res = await request.post<ApiResult<unknown>>(
+    '/credit/credit-court-session/import',
+    formData,
+    {
+      headers: {
+        'Content-Type': 'multipart/form-data'
+      }
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
diff --git a/src/api/credit/creditCourtSession/model/index.ts b/src/api/credit/creditCourtSession/model/index.ts
new file mode 100644
index 0000000..3fe89e4
--- /dev/null
+++ b/src/api/credit/creditCourtSession/model/index.ts
@@ -0,0 +1,57 @@
+import type { PageParam } from '@/api';
+
+/**
+ * 开庭公告司法大数据
+ */
+export interface CreditCourtSession {
+  // ID
+  id?: number;
+  // 数据类型
+  dataType?: string;
+  // 原告/上诉人
+  plaintiffAppellant?: string;
+  // 被告/被上诉人
+  appellee?: string;
+  // 链接地址
+  url?: string;
+  // 其他当事人/第三人
+  otherPartiesThirdParty?: string;
+  // 发生时间
+  occurrenceTime?: string;
+  // 案号
+  caseNumber?: string;
+  // 案由
+  causeOfAction?: string;
+  // 涉案金额
+  involvedAmount?: string;
+  // 法院
+  courtName?: string;
+  // 数据状态
+  dataStatus?: string;
+  // 备注
+  comments?: string;
+  // 是否推荐
+  recommend?: number;
+  // 排序(数字越小越靠前)
+  sortNumber?: number;
+  // 状态, 0正常, 1冻结
+  status?: number;
+  // 是否删除, 0否, 1是
+  deleted?: number;
+  // 用户ID
+  userId?: number;
+  // 租户id
+  tenantId?: number;
+  // 创建时间
+  createTime?: string;
+  // 修改时间
+  updateTime?: string;
+}
+
+/**
+ * 开庭公告司法大数据搜索条件
+ */
+export interface CreditCourtSessionParam extends PageParam {
+  id?: number;
+  keywords?: string;
+}
diff --git a/src/api/credit/creditCustomer/index.ts b/src/api/credit/creditCustomer/index.ts
new file mode 100644
index 0000000..2f461e4
--- /dev/null
+++ b/src/api/credit/creditCustomer/index.ts
@@ -0,0 +1,129 @@
+import request from '@/utils/request';
+import type { ApiResult, PageResult } from '@/api';
+import type { CreditCustomer, CreditCustomerParam } from './model';
+
+/**
+ * 分页查询客户
+ */
+export async function pageCreditCustomer(params: CreditCustomerParam) {
+  const res = await request.get<ApiResult<PageResult<CreditCustomer>>>(
+    '/credit/credit-customer/page',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 查询客户列表
+ */
+export async function listCreditCustomer(params?: CreditCustomerParam) {
+  const res = await request.get<ApiResult<CreditCustomer[]>>(
+    '/credit/credit-customer',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 添加客户
+ */
+export async function addCreditCustomer(data: CreditCustomer) {
+  const res = await request.post<ApiResult<unknown>>(
+    '/credit/credit-customer',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 修改客户
+ */
+export async function updateCreditCustomer(data: CreditCustomer) {
+  const res = await request.put<ApiResult<unknown>>(
+    '/credit/credit-customer',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 删除客户
+ */
+export async function removeCreditCustomer(id?: number) {
+  const res = await request.delete<ApiResult<unknown>>(
+    '/credit/credit-customer/' + id
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 批量删除客户
+ */
+export async function removeBatchCreditCustomer(data: (number | undefined)[]) {
+  const res = await request.delete<ApiResult<unknown>>(
+    '/credit/credit-customer/batch',
+    {
+      data
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 根据id查询客户
+ */
+export async function getCreditCustomer(id: number) {
+  const res = await request.get<ApiResult<CreditCustomer>>(
+    '/credit/credit-customer/' + id
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 导入客户
+ */
+export async function importCreditCustomer(file: File, companyId?: number) {
+  const formData = new FormData();
+  formData.append('file', file);
+  if (companyId != null) {
+    formData.append('companyId', String(companyId));
+  }
+  const res = await request.post<ApiResult<unknown>>(
+    '/credit/credit-customer/import',
+    formData,
+    {
+      headers: {
+        'Content-Type': 'multipart/form-data'
+      }
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
diff --git a/src/api/credit/creditCustomer/model/index.ts b/src/api/credit/creditCustomer/model/index.ts
new file mode 100644
index 0000000..39362cf
--- /dev/null
+++ b/src/api/credit/creditCustomer/model/index.ts
@@ -0,0 +1,47 @@
+import type { PageParam } from '@/api';
+
+/**
+ * 客户
+ */
+export interface CreditCustomer {
+  // ID
+  id?: number;
+  // 客户
+  name?: string;
+  // 状态
+  statusTxt?: string;
+  // 销售金额(万元)
+  price?: string;
+  // 公开日期
+  publicDate?: string;
+  // 数据来源
+  dataSource?: string;
+  // 链接地址
+  url?: string;
+  // 备注
+  comments?: string;
+  // 是否推荐
+  recommend?: number;
+  // 排序(数字越小越靠前)
+  sortNumber?: number;
+  // 状态, 0正常, 1冻结
+  status?: number;
+  // 是否删除, 0否, 1是
+  deleted?: number;
+  // 用户ID
+  userId?: number;
+  // 租户id
+  tenantId?: number;
+  // 创建时间
+  createTime?: string;
+  // 修改时间
+  updateTime?: string;
+}
+
+/**
+ * 客户搜索条件
+ */
+export interface CreditCustomerParam extends PageParam {
+  id?: number;
+  keywords?: string;
+}
diff --git a/src/api/credit/creditDeliveryNotice/index.ts b/src/api/credit/creditDeliveryNotice/index.ts
new file mode 100644
index 0000000..b8180b3
--- /dev/null
+++ b/src/api/credit/creditDeliveryNotice/index.ts
@@ -0,0 +1,129 @@
+import request from '@/utils/request';
+import type { ApiResult, PageResult } from '@/api';
+import type { CreditDeliveryNotice, CreditDeliveryNoticeParam } from './model';
+
+/**
+ * 分页查询送达公告司法大数据
+ */
+export async function pageCreditDeliveryNotice(params: CreditDeliveryNoticeParam) {
+  const res = await request.get<ApiResult<PageResult<CreditDeliveryNotice>>>(
+    '/credit/credit-delivery-notice/page',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 查询送达公告司法大数据列表
+ */
+export async function listCreditDeliveryNotice(params?: CreditDeliveryNoticeParam) {
+  const res = await request.get<ApiResult<CreditDeliveryNotice[]>>(
+    '/credit/credit-delivery-notice',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 添加送达公告司法大数据
+ */
+export async function addCreditDeliveryNotice(data: CreditDeliveryNotice) {
+  const res = await request.post<ApiResult<unknown>>(
+    '/credit/credit-delivery-notice',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 修改送达公告司法大数据
+ */
+export async function updateCreditDeliveryNotice(data: CreditDeliveryNotice) {
+  const res = await request.put<ApiResult<unknown>>(
+    '/credit/credit-delivery-notice',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 删除送达公告司法大数据
+ */
+export async function removeCreditDeliveryNotice(id?: number) {
+  const res = await request.delete<ApiResult<unknown>>(
+    '/credit/credit-delivery-notice/' + id
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 批量删除送达公告司法大数据
+ */
+export async function removeBatchCreditDeliveryNotice(data: (number | undefined)[]) {
+  const res = await request.delete<ApiResult<unknown>>(
+    '/credit/credit-delivery-notice/batch',
+    {
+      data
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 根据id查询送达公告司法大数据
+ */
+export async function getCreditDeliveryNotice(id: number) {
+  const res = await request.get<ApiResult<CreditDeliveryNotice>>(
+    '/credit/credit-delivery-notice/' + id
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 导入送达公告司法大数据
+ */
+export async function importCreditDeliveryNotice(file: File, companyId?: number) {
+  const formData = new FormData();
+  formData.append('file', file);
+  if (companyId != null) {
+    formData.append('companyId', String(companyId));
+  }
+  const res = await request.post<ApiResult<unknown>>(
+    '/credit/credit-delivery-notice/import',
+    formData,
+    {
+      headers: {
+        'Content-Type': 'multipart/form-data'
+      }
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
diff --git a/src/api/credit/creditDeliveryNotice/model/index.ts b/src/api/credit/creditDeliveryNotice/model/index.ts
new file mode 100644
index 0000000..1f35bab
--- /dev/null
+++ b/src/api/credit/creditDeliveryNotice/model/index.ts
@@ -0,0 +1,57 @@
+import type { PageParam } from '@/api';
+
+/**
+ * 送达公告司法大数据
+ */
+export interface CreditDeliveryNotice {
+  // ID
+  id?: number;
+  // 数据类型
+  dataType?: string;
+  // 原告/上诉人
+  plaintiffAppellant?: string;
+  // 被告/被上诉人
+  appellee?: string;
+  // 其他当事人/第三人
+  otherPartiesThirdParty?: string;
+  // 发生时间
+  occurrenceTime?: string;
+  // 案号
+  caseNumber?: string;
+  // 案由
+  causeOfAction?: string;
+  // 涉案金额
+  involvedAmount?: string;
+  // 法院
+  courtName?: string;
+  // 数据状态
+  dataStatus?: string;
+  // 链接地址
+  url?: string;
+  // 备注
+  comments?: string;
+  // 是否推荐
+  recommend?: number;
+  // 排序(数字越小越靠前)
+  sortNumber?: number;
+  // 状态, 0正常, 1冻结
+  status?: number;
+  // 是否删除, 0否, 1是
+  deleted?: number;
+  // 用户ID
+  userId?: number;
+  // 租户id
+  tenantId?: number;
+  // 创建时间
+  createTime?: string;
+  // 修改时间
+  updateTime?: string;
+}
+
+/**
+ * 送达公告司法大数据搜索条件
+ */
+export interface CreditDeliveryNoticeParam extends PageParam {
+  id?: number;
+  keywords?: string;
+}
diff --git a/src/api/credit/creditExternal/index.ts b/src/api/credit/creditExternal/index.ts
new file mode 100644
index 0000000..ce726aa
--- /dev/null
+++ b/src/api/credit/creditExternal/index.ts
@@ -0,0 +1,129 @@
+import request from '@/utils/request';
+import type { ApiResult, PageResult } from '@/api';
+import type { CreditExternal, CreditExternalParam } from './model';
+
+/**
+ * 分页查询对外投资
+ */
+export async function pageCreditExternal(params: CreditExternalParam) {
+  const res = await request.get<ApiResult<PageResult<CreditExternal>>>(
+    '/credit/credit-external/page',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 查询对外投资列表
+ */
+export async function listCreditExternal(params?: CreditExternalParam) {
+  const res = await request.get<ApiResult<CreditExternal[]>>(
+    '/credit/credit-external',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 添加对外投资
+ */
+export async function addCreditExternal(data: CreditExternal) {
+  const res = await request.post<ApiResult<unknown>>(
+    '/credit/credit-external',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 修改对外投资
+ */
+export async function updateCreditExternal(data: CreditExternal) {
+  const res = await request.put<ApiResult<unknown>>(
+    '/credit/credit-external',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 删除对外投资
+ */
+export async function removeCreditExternal(id?: number) {
+  const res = await request.delete<ApiResult<unknown>>(
+    '/credit/credit-external/' + id
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 批量删除对外投资
+ */
+export async function removeBatchCreditExternal(data: (number | undefined)[]) {
+  const res = await request.delete<ApiResult<unknown>>(
+    '/credit/credit-external/batch',
+    {
+      data
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 根据id查询对外投资
+ */
+export async function getCreditExternal(id: number) {
+  const res = await request.get<ApiResult<CreditExternal>>(
+    '/credit/credit-external/' + id
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 导入对外投资
+ */
+export async function importCreditExternal(file: File, companyId?: number) {
+  const formData = new FormData();
+  formData.append('file', file);
+  if (companyId != null) {
+    formData.append('companyId', String(companyId));
+  }
+  const res = await request.post<ApiResult<unknown>>(
+    '/credit/credit-external/import',
+    formData,
+    {
+      headers: {
+        'Content-Type': 'multipart/form-data'
+      }
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
diff --git a/src/api/credit/creditExternal/model/index.ts b/src/api/credit/creditExternal/model/index.ts
new file mode 100644
index 0000000..f3390fb
--- /dev/null
+++ b/src/api/credit/creditExternal/model/index.ts
@@ -0,0 +1,65 @@
+import type { PageParam } from '@/api';
+
+/**
+ * 对外投资
+ */
+export interface CreditExternal {
+  // ID
+  id?: number;
+  // 被投资企业名称
+  name?: string;
+  // 企业状态（如存续、注销等）
+  statusTxt?: string;
+  // 法定代表人姓名
+  legalRepresentative?: string;
+  // 注册资本（金额）
+  registeredCapital?: string;
+  // 成立日期
+  establishmentDate?: string;
+  // 持股比例
+  shareholdingRatio?: string;
+  // 认缴出资额
+  subscribedInvestmentAmount?: string;
+  // 认缴出资日期
+  subscribedInvestmentDate?: string;
+  // 间接持股比例
+  indirectShareholdingRatio?: string;
+  // 投资日期
+  investmentDate?: string;
+  // 所属地区
+  region?: string;
+  // 所属行业
+  industry?: string;
+  // 投资数量
+  investmentCount?: number;
+  // 关联产品/机构
+  relatedProductsInstitutions?: string;
+  // 链接地址
+  url?: string;
+  // 备注
+  comments?: string;
+  // 是否推荐
+  recommend?: number;
+  // 排序(数字越小越靠前)
+  sortNumber?: number;
+  // 状态, 0正常, 1冻结
+  status?: number;
+  // 是否删除, 0否, 1是
+  deleted?: number;
+  // 用户ID
+  userId?: number;
+  // 租户id
+  tenantId?: number;
+  // 创建时间
+  createTime?: string;
+  // 修改时间
+  updateTime?: string;
+}
+
+/**
+ * 对外投资搜索条件
+ */
+export interface CreditExternalParam extends PageParam {
+  id?: number;
+  keywords?: string;
+}
diff --git a/src/api/credit/creditFinalVersion/index.ts b/src/api/credit/creditFinalVersion/index.ts
new file mode 100644
index 0000000..084a5fc
--- /dev/null
+++ b/src/api/credit/creditFinalVersion/index.ts
@@ -0,0 +1,129 @@
+import request from '@/utils/request';
+import type { ApiResult, PageResult } from '@/api';
+import type { CreditFinalVersion, CreditFinalVersionParam } from './model';
+
+/**
+ * 分页查询终本案件
+ */
+export async function pageCreditFinalVersion(params: CreditFinalVersionParam) {
+  const res = await request.get<ApiResult<PageResult<CreditFinalVersion>>>(
+    '/credit/credit-final-version/page',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 查询终本案件列表
+ */
+export async function listCreditFinalVersion(params?: CreditFinalVersionParam) {
+  const res = await request.get<ApiResult<CreditFinalVersion[]>>(
+    '/credit/credit-final-version',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 添加终本案件
+ */
+export async function addCreditFinalVersion(data: CreditFinalVersion) {
+  const res = await request.post<ApiResult<unknown>>(
+    '/credit/credit-final-version',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 修改终本案件
+ */
+export async function updateCreditFinalVersion(data: CreditFinalVersion) {
+  const res = await request.put<ApiResult<unknown>>(
+    '/credit/credit-final-version',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 删除终本案件
+ */
+export async function removeCreditFinalVersion(id?: number) {
+  const res = await request.delete<ApiResult<unknown>>(
+    '/credit/credit-final-version/' + id
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 批量删除终本案件
+ */
+export async function removeBatchCreditFinalVersion(data: (number | undefined)[]) {
+  const res = await request.delete<ApiResult<unknown>>(
+    '/credit/credit-final-version/batch',
+    {
+      data
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 根据id查询终本案件
+ */
+export async function getCreditFinalVersion(id: number) {
+  const res = await request.get<ApiResult<CreditFinalVersion>>(
+    '/credit/credit-final-version/' + id
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 导入终本案件
+ */
+export async function importCreditFinalVersion(file: File, companyId?: number) {
+  const formData = new FormData();
+  formData.append('file', file);
+  if (companyId != null) {
+    formData.append('companyId', String(companyId));
+  }
+  const res = await request.post<ApiResult<unknown>>(
+    '/credit/credit-final-version/import',
+    formData,
+    {
+      headers: {
+        'Content-Type': 'multipart/form-data'
+      }
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
diff --git a/src/api/credit/creditFinalVersion/model/index.ts b/src/api/credit/creditFinalVersion/model/index.ts
new file mode 100644
index 0000000..0a55866
--- /dev/null
+++ b/src/api/credit/creditFinalVersion/model/index.ts
@@ -0,0 +1,57 @@
+import type { PageParam } from '@/api';
+
+/**
+ * 终本案件
+ */
+export interface CreditFinalVersion {
+  // ID
+  id?: number;
+  // 数据类型
+  dataType?: string;
+  // 原告/上诉人
+  plaintiffAppellant?: string;
+  // 被告/被上诉人
+  appellee?: string;
+  // 链接地址
+  url?: string;
+  // 其他当事人/第三人
+  otherPartiesThirdParty?: string;
+  // 发生时间
+  occurrenceTime?: string;
+  // 案号
+  caseNumber?: string;
+  // 案由
+  causeOfAction?: string;
+  // 涉案金额
+  involvedAmount?: string;
+  // 法院
+  courtName?: string;
+  // 数据状态
+  dataStatus?: string;
+  // 备注
+  comments?: string;
+  // 是否推荐
+  recommend?: number;
+  // 排序(数字越小越靠前)
+  sortNumber?: number;
+  // 状态, 0正常, 1冻结
+  status?: number;
+  // 是否删除, 0否, 1是
+  deleted?: number;
+  // 用户ID
+  userId?: number;
+  // 租户id
+  tenantId?: number;
+  // 创建时间
+  createTime?: string;
+  // 修改时间
+  updateTime?: string;
+}
+
+/**
+ * 终本案件搜索条件
+ */
+export interface CreditFinalVersionParam extends PageParam {
+  id?: number;
+  keywords?: string;
+}
diff --git a/src/api/credit/creditGqdj/index.ts b/src/api/credit/creditGqdj/index.ts
new file mode 100644
index 0000000..bd23022
--- /dev/null
+++ b/src/api/credit/creditGqdj/index.ts
@@ -0,0 +1,129 @@
+import request from '@/utils/request';
+import type { ApiResult, PageResult } from '@/api';
+import type { CreditGqdj, CreditGqdjParam } from './model';
+
+/**
+ * 分页查询股权冻结
+ */
+export async function pageCreditGqdj(params: CreditGqdjParam) {
+  const res = await request.get<ApiResult<PageResult<CreditGqdj>>>(
+    '/credit/credit-gqdj/page',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 查询股权冻结列表
+ */
+export async function listCreditGqdj(params?: CreditGqdjParam) {
+  const res = await request.get<ApiResult<CreditGqdj[]>>(
+    '/credit/credit-gqdj',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 添加股权冻结
+ */
+export async function addCreditGqdj(data: CreditGqdj) {
+  const res = await request.post<ApiResult<unknown>>(
+    '/credit/credit-gqdj',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 修改股权冻结
+ */
+export async function updateCreditGqdj(data: CreditGqdj) {
+  const res = await request.put<ApiResult<unknown>>(
+    '/credit/credit-gqdj',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 删除股权冻结
+ */
+export async function removeCreditGqdj(id?: number) {
+  const res = await request.delete<ApiResult<unknown>>(
+    '/credit/credit-gqdj/' + id
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 批量删除股权冻结
+ */
+export async function removeBatchCreditGqdj(data: (number | undefined)[]) {
+  const res = await request.delete<ApiResult<unknown>>(
+    '/credit/credit-gqdj/batch',
+    {
+      data
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 根据id查询股权冻结
+ */
+export async function getCreditGqdj(id: number) {
+  const res = await request.get<ApiResult<CreditGqdj>>(
+    '/credit/credit-gqdj/' + id
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 导入股权冻结
+ */
+export async function importCreditGqdj(file: File, companyId?: number) {
+  const formData = new FormData();
+  formData.append('file', file);
+  if (companyId != null) {
+    formData.append('companyId', String(companyId));
+  }
+  const res = await request.post<ApiResult<unknown>>(
+    '/credit/credit-gqdj/import',
+    formData,
+    {
+      headers: {
+        'Content-Type': 'multipart/form-data'
+      }
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
diff --git a/src/api/credit/creditGqdj/model/index.ts b/src/api/credit/creditGqdj/model/index.ts
new file mode 100644
index 0000000..f13673d
--- /dev/null
+++ b/src/api/credit/creditGqdj/model/index.ts
@@ -0,0 +1,57 @@
+import type { PageParam } from '@/api';
+
+/**
+ * 股权冻结
+ */
+export interface CreditGqdj {
+  // ID
+  id?: number;
+  // 数据类型
+  dataType?: string;
+  // 原告/上诉人
+  plaintiffAppellant?: string;
+  // 被告/被上诉人
+  appellee?: string;
+  // 链接地址
+  url?: string;
+  // 其他当事人/第三人
+  otherPartiesThirdParty?: string;
+  // 发生时间
+  occurrenceTime?: string;
+  // 案号
+  caseNumber?: string;
+  // 案由
+  causeOfAction?: string;
+  // 涉案金额
+  involvedAmount?: string;
+  // 法院
+  courtName?: string;
+  // 数据状态
+  dataStatus?: string;
+  // 备注
+  comments?: string;
+  // 是否推荐
+  recommend?: number;
+  // 排序(数字越小越靠前)
+  sortNumber?: number;
+  // 状态, 0正常, 1冻结
+  status?: number;
+  // 是否删除, 0否, 1是
+  deleted?: number;
+  // 用户ID
+  userId?: number;
+  // 租户id
+  tenantId?: number;
+  // 创建时间
+  createTime?: string;
+  // 修改时间
+  updateTime?: string;
+}
+
+/**
+ * 股权冻结搜索条件
+ */
+export interface CreditGqdjParam extends PageParam {
+  id?: number;
+  keywords?: string;
+}
diff --git a/src/api/credit/creditHistoricalLegalPerson/index.ts b/src/api/credit/creditHistoricalLegalPerson/index.ts
new file mode 100644
index 0000000..35bc6b5
--- /dev/null
+++ b/src/api/credit/creditHistoricalLegalPerson/index.ts
@@ -0,0 +1,105 @@
+import request from '@/utils/request';
+import type { ApiResult, PageResult } from '@/api';
+import type { CreditHistoricalLegalPerson, CreditHistoricalLegalPersonParam } from './model';
+
+/**
+ * 分页查询历史法定代表人
+ */
+export async function pageCreditHistoricalLegalPerson(params: CreditHistoricalLegalPersonParam) {
+  const res = await request.get<ApiResult<PageResult<CreditHistoricalLegalPerson>>>(
+    '/credit/credit-historical-legal-person/page',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 查询历史法定代表人列表
+ */
+export async function listCreditHistoricalLegalPerson(params?: CreditHistoricalLegalPersonParam) {
+  const res = await request.get<ApiResult<CreditHistoricalLegalPerson[]>>(
+    '/credit/credit-historical-legal-person',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 添加历史法定代表人
+ */
+export async function addCreditHistoricalLegalPerson(data: CreditHistoricalLegalPerson) {
+  const res = await request.post<ApiResult<unknown>>(
+    '/credit/credit-historical-legal-person',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 修改历史法定代表人
+ */
+export async function updateCreditHistoricalLegalPerson(data: CreditHistoricalLegalPerson) {
+  const res = await request.put<ApiResult<unknown>>(
+    '/credit/credit-historical-legal-person',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 删除历史法定代表人
+ */
+export async function removeCreditHistoricalLegalPerson(id?: number) {
+  const res = await request.delete<ApiResult<unknown>>(
+    '/credit/credit-historical-legal-person/' + id
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 批量删除历史法定代表人
+ */
+export async function removeBatchCreditHistoricalLegalPerson(data: (number | undefined)[]) {
+  const res = await request.delete<ApiResult<unknown>>(
+    '/credit/credit-historical-legal-person/batch',
+    {
+      data
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 根据id查询历史法定代表人
+ */
+export async function getCreditHistoricalLegalPerson(id: number) {
+  const res = await request.get<ApiResult<CreditHistoricalLegalPerson>>(
+    '/credit/credit-historical-legal-person/' + id
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
diff --git a/src/api/credit/creditHistoricalLegalPerson/model/index.ts b/src/api/credit/creditHistoricalLegalPerson/model/index.ts
new file mode 100644
index 0000000..87debd7
--- /dev/null
+++ b/src/api/credit/creditHistoricalLegalPerson/model/index.ts
@@ -0,0 +1,45 @@
+import type { PageParam } from '@/api';
+
+/**
+ * 历史法定代表人
+ */
+export interface CreditHistoricalLegalPerson {
+  // ID
+  id?: number;
+  // 名称
+  name?: string;
+  // 任职日期
+  registerDate?: string;
+  // 卸任日期
+  publicDate?: string;
+  // 链接
+  url?: string;
+  // 备注
+  comments?: string;
+  // 企业ID
+  companyId?: number;
+  // 是否推荐
+  recommend?: number;
+  // 排序(数字越小越靠前)
+  sortNumber?: number;
+  // 状态, 0正常, 1冻结
+  status?: number;
+  // 是否删除, 0否, 1是
+  deleted?: number;
+  // 用户ID
+  userId?: number;
+  // 租户id
+  tenantId?: number;
+  // 创建时间
+  createTime?: string;
+  // 修改时间
+  updateTime?: string;
+}
+
+/**
+ * 历史法定代表人搜索条件
+ */
+export interface CreditHistoricalLegalPersonParam extends PageParam {
+  id?: number;
+  keywords?: string;
+}
diff --git a/src/api/credit/creditJudgmentDebtor/index.ts b/src/api/credit/creditJudgmentDebtor/index.ts
new file mode 100644
index 0000000..0c04420
--- /dev/null
+++ b/src/api/credit/creditJudgmentDebtor/index.ts
@@ -0,0 +1,129 @@
+import request from '@/utils/request';
+import type { ApiResult, PageResult } from '@/api';
+import type { CreditJudgmentDebtor, CreditJudgmentDebtorParam } from './model';
+
+/**
+ * 分页查询被执行人
+ */
+export async function pageCreditJudgmentDebtor(params: CreditJudgmentDebtorParam) {
+  const res = await request.get<ApiResult<PageResult<CreditJudgmentDebtor>>>(
+    '/credit/credit-judgment-debtor/page',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 查询被执行人列表
+ */
+export async function listCreditJudgmentDebtor(params?: CreditJudgmentDebtorParam) {
+  const res = await request.get<ApiResult<CreditJudgmentDebtor[]>>(
+    '/credit/credit-judgment-debtor',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 添加被执行人
+ */
+export async function addCreditJudgmentDebtor(data: CreditJudgmentDebtor) {
+  const res = await request.post<ApiResult<unknown>>(
+    '/credit/credit-judgment-debtor',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 修改被执行人
+ */
+export async function updateCreditJudgmentDebtor(data: CreditJudgmentDebtor) {
+  const res = await request.put<ApiResult<unknown>>(
+    '/credit/credit-judgment-debtor',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 删除被执行人
+ */
+export async function removeCreditJudgmentDebtor(id?: number) {
+  const res = await request.delete<ApiResult<unknown>>(
+    '/credit/credit-judgment-debtor/' + id
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 批量删除被执行人
+ */
+export async function removeBatchCreditJudgmentDebtor(data: (number | undefined)[]) {
+  const res = await request.delete<ApiResult<unknown>>(
+    '/credit/credit-judgment-debtor/batch',
+    {
+      data
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 根据id查询被执行人
+ */
+export async function getCreditJudgmentDebtor(id: number) {
+  const res = await request.get<ApiResult<CreditJudgmentDebtor>>(
+    '/credit/credit-judgment-debtor/' + id
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 导入被执行人
+ */
+export async function importCreditJudgmentDebtor(file: File, companyId?: number) {
+  const formData = new FormData();
+  formData.append('file', file);
+  if (companyId != null) {
+    formData.append('companyId', String(companyId));
+  }
+  const res = await request.post<ApiResult<unknown>>(
+    '/credit/credit-judgment-debtor/import',
+    formData,
+    {
+      headers: {
+        'Content-Type': 'multipart/form-data'
+      }
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
diff --git a/src/api/credit/creditJudgmentDebtor/model/index.ts b/src/api/credit/creditJudgmentDebtor/model/index.ts
new file mode 100644
index 0000000..509d2ee
--- /dev/null
+++ b/src/api/credit/creditJudgmentDebtor/model/index.ts
@@ -0,0 +1,51 @@
+import type { PageParam } from '@/api';
+
+/**
+ * 被执行人
+ */
+export interface CreditJudgmentDebtor {
+  // ID
+  id?: number;
+  // 案号
+  caseNumber?: string;
+  // 被执行人名称
+  name?: string;
+  // 证件号/组织机构代码
+  code?: string;
+  // 链接地址
+  url?: string;
+  // 立案日期
+  occurrenceTime?: string;
+  // 执行标的(元)
+  amount?: string;
+  // 法院
+  courtName?: string;
+  // 数据状态
+  dataStatus?: string;
+  // 备注
+  comments?: string;
+  // 是否推荐
+  recommend?: number;
+  // 排序(数字越小越靠前)
+  sortNumber?: number;
+  // 状态, 0正常, 1冻结
+  status?: number;
+  // 是否删除, 0否, 1是
+  deleted?: number;
+  // 用户ID
+  userId?: number;
+  // 租户id
+  tenantId?: number;
+  // 创建时间
+  createTime?: string;
+  // 修改时间
+  updateTime?: string;
+}
+
+/**
+ * 被执行人搜索条件
+ */
+export interface CreditJudgmentDebtorParam extends PageParam {
+  id?: number;
+  keywords?: string;
+}
diff --git a/src/api/credit/creditJudicialDocument/index.ts b/src/api/credit/creditJudicialDocument/index.ts
new file mode 100644
index 0000000..d6e0fe4
--- /dev/null
+++ b/src/api/credit/creditJudicialDocument/index.ts
@@ -0,0 +1,129 @@
+import request from '@/utils/request';
+import type { ApiResult, PageResult } from '@/api';
+import type { CreditJudicialDocument, CreditJudicialDocumentParam } from './model';
+
+/**
+ * 分页查询裁判文书司法大数据
+ */
+export async function pageCreditJudicialDocument(params: CreditJudicialDocumentParam) {
+  const res = await request.get<ApiResult<PageResult<CreditJudicialDocument>>>(
+    '/credit/credit-judicial-document/page',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 查询裁判文书司法大数据列表
+ */
+export async function listCreditJudicialDocument(params?: CreditJudicialDocumentParam) {
+  const res = await request.get<ApiResult<CreditJudicialDocument[]>>(
+    '/credit/credit-judicial-document',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 添加裁判文书司法大数据
+ */
+export async function addCreditJudicialDocument(data: CreditJudicialDocument) {
+  const res = await request.post<ApiResult<unknown>>(
+    '/credit/credit-judicial-document',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 修改裁判文书司法大数据
+ */
+export async function updateCreditJudicialDocument(data: CreditJudicialDocument) {
+  const res = await request.put<ApiResult<unknown>>(
+    '/credit/credit-judicial-document',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 删除裁判文书司法大数据
+ */
+export async function removeCreditJudicialDocument(id?: number) {
+  const res = await request.delete<ApiResult<unknown>>(
+    '/credit/credit-judicial-document/' + id
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 批量删除裁判文书司法大数据
+ */
+export async function removeBatchCreditJudicialDocument(data: (number | undefined)[]) {
+  const res = await request.delete<ApiResult<unknown>>(
+    '/credit/credit-judicial-document/batch',
+    {
+      data
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 根据id查询裁判文书司法大数据
+ */
+export async function getCreditJudicialDocument(id: number) {
+  const res = await request.get<ApiResult<CreditJudicialDocument>>(
+    '/credit/credit-judicial-document/' + id
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 导入裁判文书司法大数据
+ */
+export async function importCreditJudicialDocument(file: File, companyId?: number) {
+  const formData = new FormData();
+  formData.append('file', file);
+  if (companyId != null) {
+    formData.append('companyId', String(companyId));
+  }
+  const res = await request.post<ApiResult<unknown>>(
+    '/credit/credit-judicial-document/import',
+    formData,
+    {
+      headers: {
+        'Content-Type': 'multipart/form-data'
+      }
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
diff --git a/src/api/credit/creditJudicialDocument/model/index.ts b/src/api/credit/creditJudicialDocument/model/index.ts
new file mode 100644
index 0000000..31de478
--- /dev/null
+++ b/src/api/credit/creditJudicialDocument/model/index.ts
@@ -0,0 +1,57 @@
+import type { PageParam } from '@/api';
+
+/**
+ * 裁判文书司法大数据
+ */
+export interface CreditJudicialDocument {
+  // ID
+  id?: number;
+  // 数据类型
+  dataType?: string;
+  // 原告/上诉人
+  plaintiffAppellant?: string;
+  // 被告/被上诉人
+  appellee?: string;
+  // 链接地址
+  url?: string;
+  // 其他当事人/第三人
+  otherPartiesThirdParty?: string;
+  // 发生时间
+  occurrenceTime?: string;
+  // 案号
+  caseNumber?: string;
+  // 案由
+  causeOfAction?: string;
+  // 涉案金额
+  involvedAmount?: string;
+  // 法院
+  courtName?: string;
+  // 数据状态
+  dataStatus?: string;
+  // 备注
+  comments?: string;
+  // 是否推荐
+  recommend?: number;
+  // 排序(数字越小越靠前)
+  sortNumber?: number;
+  // 状态, 0正常, 1冻结
+  status?: number;
+  // 是否删除, 0否, 1是
+  deleted?: number;
+  // 用户ID
+  userId?: number;
+  // 租户id
+  tenantId?: number;
+  // 创建时间
+  createTime?: string;
+  // 修改时间
+  updateTime?: string;
+}
+
+/**
+ * 裁判文书司法大数据搜索条件
+ */
+export interface CreditJudicialDocumentParam extends PageParam {
+  id?: number;
+  keywords?: string;
+}
diff --git a/src/api/credit/creditJudiciary/index.ts b/src/api/credit/creditJudiciary/index.ts
new file mode 100644
index 0000000..a9de92c
--- /dev/null
+++ b/src/api/credit/creditJudiciary/index.ts
@@ -0,0 +1,129 @@
+import request from '@/utils/request';
+import type { ApiResult, PageResult } from '@/api';
+import type { CreditJudiciary, CreditJudiciaryParam } from './model';
+
+/**
+ * 分页查询司法案件
+ */
+export async function pageCreditJudiciary(params: CreditJudiciaryParam) {
+  const res = await request.get<ApiResult<PageResult<CreditJudiciary>>>(
+    '/credit/credit-judiciary/page',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 查询司法案件列表
+ */
+export async function listCreditJudiciary(params?: CreditJudiciaryParam) {
+  const res = await request.get<ApiResult<CreditJudiciary[]>>(
+    '/credit/credit-judiciary',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 添加司法案件
+ */
+export async function addCreditJudiciary(data: CreditJudiciary) {
+  const res = await request.post<ApiResult<unknown>>(
+    '/credit/credit-judiciary',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 修改司法案件
+ */
+export async function updateCreditJudiciary(data: CreditJudiciary) {
+  const res = await request.put<ApiResult<unknown>>(
+    '/credit/credit-judiciary',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 删除司法案件
+ */
+export async function removeCreditJudiciary(id?: number) {
+  const res = await request.delete<ApiResult<unknown>>(
+    '/credit/credit-judiciary/' + id
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 批量删除司法案件
+ */
+export async function removeBatchCreditJudiciary(data: (number | undefined)[]) {
+  const res = await request.delete<ApiResult<unknown>>(
+    '/credit/credit-judiciary/batch',
+    {
+      data
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 根据id查询司法案件
+ */
+export async function getCreditJudiciary(id: number) {
+  const res = await request.get<ApiResult<CreditJudiciary>>(
+    '/credit/credit-judiciary/' + id
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 导入司法案件
+ */
+export async function importCreditJudiciaries(file: File, companyId?: number) {
+  const formData = new FormData();
+  formData.append('file', file);
+  if (companyId != null) {
+    formData.append('companyId', String(companyId));
+  }
+  const res = await request.post<ApiResult<unknown>>(
+    '/credit/credit-judiciary/import',
+    formData,
+    {
+      headers: {
+        'Content-Type': 'multipart/form-data'
+      }
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
diff --git a/src/api/credit/creditJudiciary/model/index.ts b/src/api/credit/creditJudiciary/model/index.ts
new file mode 100644
index 0000000..3265b96
--- /dev/null
+++ b/src/api/credit/creditJudiciary/model/index.ts
@@ -0,0 +1,71 @@
+import type { PageParam } from '@/api';
+
+/**
+ * 司法案件
+ */
+export interface CreditJudiciary {
+  // ID
+  id?: number;
+  // 案件名称
+  name?: string;
+  // 案号
+  code?: string;
+  // 链接地址
+  url?: string;
+  // 类型, 0普通用户, 1招投标
+  type?: number;
+  // 案由
+  reason?: string;
+  // 上级id, 0是顶级
+  parentId?: number;
+  // 案件类型
+  infoType?: string;
+  // 所在国家
+  country?: string;
+  // 所在省份
+  province?: string;
+  // 所在城市
+  city?: string;
+  // 所在辖区
+  region?: string;
+  // 街道地址
+  address?: string;
+  // 案件进程
+  caseProgress?: string;
+  // 案件身份
+  caseIdentity?: string;
+  // 法院
+  court?: string;
+  // 进程日期
+  processDate?: string;
+  // 案件金额（元）
+  caseAmount?: string;
+  // 备注
+  comments?: string;
+  // 是否推荐
+  recommend?: number;
+  // 到期时间
+  expirationTime?: string;
+  // 排序(数字越小越靠前)
+  sortNumber?: number;
+  // 状态, 0正常, 1冻结
+  status?: number;
+  // 是否删除, 0否, 1是
+  deleted?: number;
+  // 用户ID
+  userId?: number;
+  // 租户id
+  tenantId?: number;
+  // 创建时间
+  createTime?: string;
+  // 修改时间
+  updateTime?: string;
+}
+
+/**
+ * 司法案件搜索条件
+ */
+export interface CreditJudiciaryParam extends PageParam {
+  id?: number;
+  keywords?: string;
+}
diff --git a/src/api/credit/creditMediation/index.ts b/src/api/credit/creditMediation/index.ts
new file mode 100644
index 0000000..bf6a1ac
--- /dev/null
+++ b/src/api/credit/creditMediation/index.ts
@@ -0,0 +1,129 @@
+import request from '@/utils/request';
+import type { ApiResult, PageResult } from '@/api';
+import type { CreditMediation, CreditMediationParam } from './model';
+
+/**
+ * 分页查询诉前调解司法大数据
+ */
+export async function pageCreditMediation(params: CreditMediationParam) {
+  const res = await request.get<ApiResult<PageResult<CreditMediation>>>(
+    '/credit/credit-mediation/page',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 查询诉前调解司法大数据列表
+ */
+export async function listCreditMediation(params?: CreditMediationParam) {
+  const res = await request.get<ApiResult<CreditMediation[]>>(
+    '/credit/credit-mediation',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 添加诉前调解司法大数据
+ */
+export async function addCreditMediation(data: CreditMediation) {
+  const res = await request.post<ApiResult<unknown>>(
+    '/credit/credit-mediation',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 修改诉前调解司法大数据
+ */
+export async function updateCreditMediation(data: CreditMediation) {
+  const res = await request.put<ApiResult<unknown>>(
+    '/credit/credit-mediation',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 删除诉前调解司法大数据
+ */
+export async function removeCreditMediation(id?: number) {
+  const res = await request.delete<ApiResult<unknown>>(
+    '/credit/credit-mediation/' + id
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 批量删除诉前调解司法大数据
+ */
+export async function removeBatchCreditMediation(data: (number | undefined)[]) {
+  const res = await request.delete<ApiResult<unknown>>(
+    '/credit/credit-mediation/batch',
+    {
+      data
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 根据id查询诉前调解司法大数据
+ */
+export async function getCreditMediation(id: number) {
+  const res = await request.get<ApiResult<CreditMediation>>(
+    '/credit/credit-mediation/' + id
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 导入诉前调解司法大数据
+ */
+export async function importCreditMediation(file: File, companyId?: number) {
+  const formData = new FormData();
+  formData.append('file', file);
+  if (companyId != null) {
+    formData.append('companyId', String(companyId));
+  }
+  const res = await request.post<ApiResult<unknown>>(
+    '/credit/credit-mediation/import',
+    formData,
+    {
+      headers: {
+        'Content-Type': 'multipart/form-data'
+      }
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
diff --git a/src/api/credit/creditMediation/model/index.ts b/src/api/credit/creditMediation/model/index.ts
new file mode 100644
index 0000000..80250e0
--- /dev/null
+++ b/src/api/credit/creditMediation/model/index.ts
@@ -0,0 +1,57 @@
+import type { PageParam } from '@/api';
+
+/**
+ * 诉前调解司法大数据
+ */
+export interface CreditMediation {
+  // ID
+  id?: number;
+  // 数据类型
+  dataType?: string;
+  // 原告/上诉人
+  plaintiffAppellant?: string;
+  // 被告/被上诉人
+  appellee?: string;
+  // 链接地址
+  url?: string;
+  // 其他当事人/第三人
+  otherPartiesThirdParty?: string;
+  // 发生时间
+  occurrenceTime?: string;
+  // 案号
+  caseNumber?: string;
+  // 案由
+  causeOfAction?: string;
+  // 涉案金额
+  involvedAmount?: string;
+  // 法院
+  courtName?: string;
+  // 数据状态
+  dataStatus?: string;
+  // 备注
+  comments?: string;
+  // 是否推荐
+  recommend?: number;
+  // 排序(数字越小越靠前)
+  sortNumber?: number;
+  // 状态, 0正常, 1冻结
+  status?: number;
+  // 是否删除, 0否, 1是
+  deleted?: number;
+  // 用户ID
+  userId?: number;
+  // 租户id
+  tenantId?: number;
+  // 创建时间
+  createTime?: string;
+  // 修改时间
+  updateTime?: string;
+}
+
+/**
+ * 诉前调解司法大数据搜索条件
+ */
+export interface CreditMediationParam extends PageParam {
+  id?: number;
+  keywords?: string;
+}
diff --git a/src/api/credit/creditNearbyCompany/index.ts b/src/api/credit/creditNearbyCompany/index.ts
new file mode 100644
index 0000000..cc53526
--- /dev/null
+++ b/src/api/credit/creditNearbyCompany/index.ts
@@ -0,0 +1,105 @@
+import request from '@/utils/request';
+import type { ApiResult, PageResult } from '@/api';
+import type { CreditNearbyCompany, CreditNearbyCompanyParam } from './model';
+
+/**
+ * 分页查询附近企业
+ */
+export async function pageCreditNearbyCompany(params: CreditNearbyCompanyParam) {
+  const res = await request.get<ApiResult<PageResult<CreditNearbyCompany>>>(
+    '/credit/credit-nearby-company/page',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 查询附近企业列表
+ */
+export async function listCreditNearbyCompany(params?: CreditNearbyCompanyParam) {
+  const res = await request.get<ApiResult<CreditNearbyCompany[]>>(
+    '/credit/credit-nearby-company',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 添加附近企业
+ */
+export async function addCreditNearbyCompany(data: CreditNearbyCompany) {
+  const res = await request.post<ApiResult<unknown>>(
+    '/credit/credit-nearby-company',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 修改附近企业
+ */
+export async function updateCreditNearbyCompany(data: CreditNearbyCompany) {
+  const res = await request.put<ApiResult<unknown>>(
+    '/credit/credit-nearby-company',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 删除附近企业
+ */
+export async function removeCreditNearbyCompany(id?: number) {
+  const res = await request.delete<ApiResult<unknown>>(
+    '/credit/credit-nearby-company/' + id
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 批量删除附近企业
+ */
+export async function removeBatchCreditNearbyCompany(data: (number | undefined)[]) {
+  const res = await request.delete<ApiResult<unknown>>(
+    '/credit/credit-nearby-company/batch',
+    {
+      data
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 根据id查询附近企业
+ */
+export async function getCreditNearbyCompany(id: number) {
+  const res = await request.get<ApiResult<CreditNearbyCompany>>(
+    '/credit/credit-nearby-company/' + id
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
diff --git a/src/api/credit/creditNearbyCompany/model/index.ts b/src/api/credit/creditNearbyCompany/model/index.ts
new file mode 100644
index 0000000..f5ee81a
--- /dev/null
+++ b/src/api/credit/creditNearbyCompany/model/index.ts
@@ -0,0 +1,141 @@
+import type { PageParam } from '@/api';
+
+/**
+ * 附近企业
+ */
+export interface CreditNearbyCompany {
+  // ID
+  id?: number;
+  // 企业名称
+  name?: string;
+  // 登记状态
+  registrationStatus?: string;
+  // 法定代表人
+  legalPerson?: string;
+  // 注册资本
+  registeredCapital?: string;
+  // 成立日期
+  establishDate?: string;
+  // 统一社会信用代码
+  code?: string;
+  // 注册地址
+  address?: string;
+  // 注册地址邮编
+  postalCode?: string;
+  // 有效手机号
+  phone?: string;
+  // 更多电话
+  moreTel?: string;
+  // 邮箱
+  email?: string;
+  // 邮箱
+  moreEmail?: string;
+  // 所在国家
+  country?: string;
+  // 所属省份
+  province?: string;
+  // 所属城市
+  city?: string;
+  // 所属区县
+  region?: string;
+  // 纳税人识别号
+  taxpayerCode?: string;
+  // 注册号
+  registrationNumber?: string;
+  // 组织机构代码
+  organizationalCode?: string;
+  // 参保人数
+  numberOfInsuredPersons?: string;
+  // 参保人数所属年报
+  annualReport?: string;
+  // 企业（机构）类型
+  institutionType?: string;
+  // 企业规模
+  companySize?: string;
+  // 营业期限
+  businessTerm?: string;
+  // 国标行业门类
+  nationalStandardIndustryCategories?: string;
+  // 国标行业大类
+  nationalStandardIndustryCategories2?: string;
+  // 国标行业中类
+  nationalStandardIndustryCategories3?: string;
+  // 国标行业小类
+  nationalStandardIndustryCategories4?: string;
+  // 曾用名
+  formerName?: string;
+  // 英文名
+  englishName?: string;
+  // 官网网址
+  domain?: string;
+  // 通信地址
+  mailingAddress?: string;
+  // 通信地址邮箱
+  mailingEmail?: string;
+  // 企业简介
+  companyProfile?: string;
+  // 经营范围
+  natureOfBusiness?: string;
+  // 电话
+  tel?: string;
+  // 企查查行业门类
+  nationalStandardIndustryCategories5?: string;
+  // 企查查行业大类
+  nationalStandardIndustryCategories6?: string;
+  // 企查查行业中类
+  nationalStandardIndustryCategories7?: string;
+  // 企查查行业小类
+  nationalStandardIndustryCategories8?: string;
+  // 链接
+  url?: string;
+  // 类型
+  type?: number;
+  // 上级id, 0是顶级
+  parentId?: number;
+  // 实缴资本
+  paidinCapital?: string;
+  // 登记机关
+  registrationAuthority?: string;
+  // 纳税人资质
+  taxpayerQualification?: string;
+  // 最新年报年份
+  latestAnnualReportYear?: string;
+  // 最新年报营业收入
+  latestAnnualReportOnOperatingRevenue?: string;
+  // 企查分
+  enterpriseScoreCheck?: string;
+  // 信用等级
+  creditRating?: string;
+  // 科创分
+  cechnologyScore?: string;
+  // 科创等级
+  cechnologyLevel?: string;
+  // 是否小微企业
+  smallEnterprise?: string;
+  // 备注
+  comments?: string;
+  // 是否推荐
+  recommend?: number;
+  // 排序(数字越小越靠前)
+  sortNumber?: number;
+  // 状态, 0正常, 1冻结
+  status?: number;
+  // 是否删除, 0否, 1是
+  deleted?: number;
+  // 用户ID
+  userId?: number;
+  // 租户id
+  tenantId?: number;
+  // 创建时间
+  createTime?: string;
+  // 修改时间
+  updateTime?: string;
+}
+
+/**
+ * 附近企业搜索条件
+ */
+export interface CreditNearbyCompanyParam extends PageParam {
+  id?: number;
+  keywords?: string;
+}
diff --git a/src/api/credit/creditPatent/index.ts b/src/api/credit/creditPatent/index.ts
new file mode 100644
index 0000000..c86edac
--- /dev/null
+++ b/src/api/credit/creditPatent/index.ts
@@ -0,0 +1,105 @@
+import request from '@/utils/request';
+import type { ApiResult, PageResult } from '@/api';
+import type { CreditPatent, CreditPatentParam } from './model';
+
+/**
+ * 分页查询专利
+ */
+export async function pageCreditPatent(params: CreditPatentParam) {
+  const res = await request.get<ApiResult<PageResult<CreditPatent>>>(
+    '/credit/credit-patent/page',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 查询专利列表
+ */
+export async function listCreditPatent(params?: CreditPatentParam) {
+  const res = await request.get<ApiResult<CreditPatent[]>>(
+    '/credit/credit-patent',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 添加专利
+ */
+export async function addCreditPatent(data: CreditPatent) {
+  const res = await request.post<ApiResult<unknown>>(
+    '/credit/credit-patent',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 修改专利
+ */
+export async function updateCreditPatent(data: CreditPatent) {
+  const res = await request.put<ApiResult<unknown>>(
+    '/credit/credit-patent',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 删除专利
+ */
+export async function removeCreditPatent(id?: number) {
+  const res = await request.delete<ApiResult<unknown>>(
+    '/credit/credit-patent/' + id
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 批量删除专利
+ */
+export async function removeBatchCreditPatent(data: (number | undefined)[]) {
+  const res = await request.delete<ApiResult<unknown>>(
+    '/credit/credit-patent/batch',
+    {
+      data
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 根据id查询专利
+ */
+export async function getCreditPatent(id: number) {
+  const res = await request.get<ApiResult<CreditPatent>>(
+    '/credit/credit-patent/' + id
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
diff --git a/src/api/credit/creditPatent/model/index.ts b/src/api/credit/creditPatent/model/index.ts
new file mode 100644
index 0000000..f864e3f
--- /dev/null
+++ b/src/api/credit/creditPatent/model/index.ts
@@ -0,0 +1,57 @@
+import type { PageParam } from '@/api';
+
+/**
+ * 专利
+ */
+export interface CreditPatent {
+  // ID
+  id?: number;
+  // 发明名称
+  name?: string;
+  // 专利类型
+  type?: string;
+  // 法律状态
+  statusText?: string;
+  // 申请号
+  registerNo?: string;
+  // 申请日
+  registerDate?: string;
+  // 公开(公告)号
+  publicNo?: string;
+  // 公开(公告)日期
+  publicDate?: string;
+  // 发明人
+  inventor?: string;
+  // 申请(专利权)人
+  patentApplicant?: string;
+  // 链接
+  url?: string;
+  // 备注
+  comments?: string;
+  // 企业ID
+  companyId?: number;
+  // 是否推荐
+  recommend?: number;
+  // 排序(数字越小越靠前)
+  sortNumber?: number;
+  // 状态, 0正常, 1冻结
+  status?: number;
+  // 是否删除, 0否, 1是
+  deleted?: number;
+  // 用户ID
+  userId?: number;
+  // 租户id
+  tenantId?: number;
+  // 创建时间
+  createTime?: string;
+  // 修改时间
+  updateTime?: string;
+}
+
+/**
+ * 专利搜索条件
+ */
+export interface CreditPatentParam extends PageParam {
+  id?: number;
+  keywords?: string;
+}
diff --git a/src/api/credit/creditProject/index.ts b/src/api/credit/creditProject/index.ts
new file mode 100644
index 0000000..4a89e94
--- /dev/null
+++ b/src/api/credit/creditProject/index.ts
@@ -0,0 +1,129 @@
+import request from '@/utils/request';
+import type { ApiResult, PageResult } from '@/api';
+import type { CreditProject, CreditProjectParam } from './model';
+
+/**
+ * 分页查询招投标
+ */
+export async function pageCreditProject(params: CreditProjectParam) {
+  const res = await request.get<ApiResult<PageResult<CreditProject>>>(
+    '/credit/credit-project/page',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 查询招投标列表
+ */
+export async function listCreditProject(params?: CreditProjectParam) {
+  const res = await request.get<ApiResult<CreditProject[]>>(
+    '/credit/credit-project',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 添加招投标
+ */
+export async function addCreditProject(data: CreditProject) {
+  const res = await request.post<ApiResult<unknown>>(
+    '/credit/credit-project',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 修改招投标
+ */
+export async function updateCreditProject(data: CreditProject) {
+  const res = await request.put<ApiResult<unknown>>(
+    '/credit/credit-project',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 删除招投标
+ */
+export async function removeCreditProject(id?: number) {
+  const res = await request.delete<ApiResult<unknown>>(
+    '/credit/credit-project/' + id
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 批量删除招投标
+ */
+export async function removeBatchCreditProject(data: (number | undefined)[]) {
+  const res = await request.delete<ApiResult<unknown>>(
+    '/credit/credit-project/batch',
+    {
+      data
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 根据id查询招投标
+ */
+export async function getCreditProject(id: number) {
+  const res = await request.get<ApiResult<CreditProject>>(
+    '/credit/credit-project/' + id
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 导入招投标
+ */
+export async function importCreditProject(file: File, companyId?: number) {
+  const formData = new FormData();
+  formData.append('file', file);
+  if (companyId != null) {
+    formData.append('companyId', String(companyId));
+  }
+  const res = await request.post<ApiResult<unknown>>(
+    '/credit/credit-project/import',
+    formData,
+    {
+      headers: {
+        'Content-Type': 'multipart/form-data'
+      }
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
diff --git a/src/api/credit/creditProject/model/index.ts b/src/api/credit/creditProject/model/index.ts
new file mode 100644
index 0000000..ee2103d
--- /dev/null
+++ b/src/api/credit/creditProject/model/index.ts
@@ -0,0 +1,69 @@
+import type { PageParam } from '@/api';
+
+/**
+ * 招投标
+ */
+export interface CreditProject {
+  // ID
+  id?: number;
+  // 项目名称
+  name?: string;
+  // 唯一标识
+  code?: string;
+  // 链接地址
+  url?: string;
+  // 类型, 0普通用户, 1招投标
+  type?: number;
+  // 企业角色
+  role?: string;
+  // 上级id, 0是顶级
+  parentId?: number;
+  // 信息类型
+  infoType?: string;
+  // 所在国家
+  country?: string;
+  // 所在省份
+  province?: string;
+  // 所在城市
+  city?: string;
+  // 所在辖区
+  region?: string;
+  // 街道地址
+  address?: string;
+  // 招采单位名称
+  procurementName?: string;
+  // 中标单位名称
+  winningName?: string;
+  // 中标金额
+  winningPrice?: string;
+  // 发布日期
+  releaseDate?: string;
+  // 备注
+  comments?: string;
+  // 是否推荐
+  recommend?: number;
+  // 到期时间
+  expirationTime?: string;
+  // 排序(数字越小越靠前)
+  sortNumber?: number;
+  // 状态, 0正常, 1冻结
+  status?: number;
+  // 是否删除, 0否, 1是
+  deleted?: number;
+  // 用户ID
+  userId?: number;
+  // 租户id
+  tenantId?: number;
+  // 创建时间
+  createTime?: string;
+  // 修改时间
+  updateTime?: string;
+}
+
+/**
+ * 招投标搜索条件
+ */
+export interface CreditProjectParam extends PageParam {
+  id?: number;
+  keywords?: string;
+}
diff --git a/src/api/credit/creditRiskRelation/index.ts b/src/api/credit/creditRiskRelation/index.ts
new file mode 100644
index 0000000..9f15121
--- /dev/null
+++ b/src/api/credit/creditRiskRelation/index.ts
@@ -0,0 +1,129 @@
+import request from '@/utils/request';
+import type { ApiResult, PageResult } from '@/api';
+import type { CreditRiskRelation, CreditRiskRelationParam } from './model';
+
+/**
+ * 分页查询风险关系表
+ */
+export async function pageCreditRiskRelation(params: CreditRiskRelationParam) {
+  const res = await request.get<ApiResult<PageResult<CreditRiskRelation>>>(
+    '/credit/credit-risk-relation/page',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 查询风险关系表列表
+ */
+export async function listCreditRiskRelation(params?: CreditRiskRelationParam) {
+  const res = await request.get<ApiResult<CreditRiskRelation[]>>(
+    '/credit/credit-risk-relation',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 添加风险关系表
+ */
+export async function addCreditRiskRelation(data: CreditRiskRelation) {
+  const res = await request.post<ApiResult<unknown>>(
+    '/credit/credit-risk-relation',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 修改风险关系表
+ */
+export async function updateCreditRiskRelation(data: CreditRiskRelation) {
+  const res = await request.put<ApiResult<unknown>>(
+    '/credit/credit-risk-relation',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 删除风险关系表
+ */
+export async function removeCreditRiskRelation(id?: number) {
+  const res = await request.delete<ApiResult<unknown>>(
+    '/credit/credit-risk-relation/' + id
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 批量删除风险关系表
+ */
+export async function removeBatchCreditRiskRelation(data: (number | undefined)[]) {
+  const res = await request.delete<ApiResult<unknown>>(
+    '/credit/credit-risk-relation/batch',
+    {
+      data
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 根据id查询风险关系表
+ */
+export async function getCreditRiskRelation(id: number) {
+  const res = await request.get<ApiResult<CreditRiskRelation>>(
+    '/credit/credit-risk-relation/' + id
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 导入风险关系表
+ */
+export async function importCreditRiskRelation(file: File, companyId?: number) {
+  const formData = new FormData();
+  formData.append('file', file);
+  if (companyId != null) {
+    formData.append('companyId', String(companyId));
+  }
+  const res = await request.post<ApiResult<unknown>>(
+    '/credit/credit-risk-relation/import',
+    formData,
+    {
+      headers: {
+        'Content-Type': 'multipart/form-data'
+      }
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
diff --git a/src/api/credit/creditRiskRelation/model/index.ts b/src/api/credit/creditRiskRelation/model/index.ts
new file mode 100644
index 0000000..f7b01e4
--- /dev/null
+++ b/src/api/credit/creditRiskRelation/model/index.ts
@@ -0,0 +1,49 @@
+import type { PageParam } from '@/api';
+
+/**
+ * 风险关系表
+ */
+export interface CreditRiskRelation {
+  // 序号
+  id?: number;
+  // 主体名称
+  mainBodyName?: string;
+  // 登记状态
+  registrationStatus?: string;
+  // 注册资本
+  registeredCapital?: string;
+  // 省份地区
+  provinceRegion?: string;
+  // 关联关系
+  associatedRelation?: string;
+  // 风险关系
+  riskRelation?: string;
+  // 链接地址
+  url?: string;
+  // 备注
+  comments?: string;
+  // 是否推荐
+  recommend?: number;
+  // 排序(数字越小越靠前)
+  sortNumber?: number;
+  // 状态, 0正常, 1冻结
+  status?: number;
+  // 是否删除, 0否, 1是
+  deleted?: number;
+  // 用户ID
+  userId?: number;
+  // 租户id
+  tenantId?: number;
+  // 创建时间
+  createTime?: string;
+  // 修改时间
+  updateTime?: string;
+}
+
+/**
+ * 风险关系表搜索条件
+ */
+export interface CreditRiskRelationParam extends PageParam {
+  id?: number;
+  keywords?: string;
+}
diff --git a/src/api/credit/creditSupplier/index.ts b/src/api/credit/creditSupplier/index.ts
new file mode 100644
index 0000000..96af464
--- /dev/null
+++ b/src/api/credit/creditSupplier/index.ts
@@ -0,0 +1,129 @@
+import request from '@/utils/request';
+import type { ApiResult, PageResult } from '@/api';
+import type { CreditSupplier, CreditSupplierParam } from './model';
+
+/**
+ * 分页查询供应商
+ */
+export async function pageCreditSupplier(params: CreditSupplierParam) {
+  const res = await request.get<ApiResult<PageResult<CreditSupplier>>>(
+    '/credit/credit-supplier/page',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 查询供应商列表
+ */
+export async function listCreditSupplier(params?: CreditSupplierParam) {
+  const res = await request.get<ApiResult<CreditSupplier[]>>(
+    '/credit/credit-supplier',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 添加供应商
+ */
+export async function addCreditSupplier(data: CreditSupplier) {
+  const res = await request.post<ApiResult<unknown>>(
+    '/credit/credit-supplier',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 修改供应商
+ */
+export async function updateCreditSupplier(data: CreditSupplier) {
+  const res = await request.put<ApiResult<unknown>>(
+    '/credit/credit-supplier',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 删除供应商
+ */
+export async function removeCreditSupplier(id?: number) {
+  const res = await request.delete<ApiResult<unknown>>(
+    '/credit/credit-supplier/' + id
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 批量删除供应商
+ */
+export async function removeBatchCreditSupplier(data: (number | undefined)[]) {
+  const res = await request.delete<ApiResult<unknown>>(
+    '/credit/credit-supplier/batch',
+    {
+      data
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 根据id查询供应商
+ */
+export async function getCreditSupplier(id: number) {
+  const res = await request.get<ApiResult<CreditSupplier>>(
+    '/credit/credit-supplier/' + id
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 导入供应商
+ */
+export async function importCreditSupplier(file: File, companyId?: number) {
+  const formData = new FormData();
+  formData.append('file', file);
+  if (companyId != null) {
+    formData.append('companyId', String(companyId));
+  }
+  const res = await request.post<ApiResult<unknown>>(
+    '/credit/credit-supplier/import',
+    formData,
+    {
+      headers: {
+        'Content-Type': 'multipart/form-data'
+      }
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
diff --git a/src/api/credit/creditSupplier/model/index.ts b/src/api/credit/creditSupplier/model/index.ts
new file mode 100644
index 0000000..d686ec4
--- /dev/null
+++ b/src/api/credit/creditSupplier/model/index.ts
@@ -0,0 +1,47 @@
+import type { PageParam } from '@/api';
+
+/**
+ * 供应商
+ */
+export interface CreditSupplier {
+  // ID
+  id?: number;
+  // 供应商
+  supplier?: string;
+  // 状态
+  statusTxt?: string;
+  // 采购金额(万元)
+  purchaseAmount?: string;
+  // 公开日期
+  publicDate?: string;
+  // 数据来源
+  dataSource?: string;
+  // 链接地址
+  url?: string;
+  // 备注
+  comments?: string;
+  // 是否推荐
+  recommend?: number;
+  // 排序(数字越小越靠前)
+  sortNumber?: number;
+  // 状态, 0正常, 1冻结
+  status?: number;
+  // 是否删除, 0否, 1是
+  deleted?: number;
+  // 用户ID
+  userId?: number;
+  // 租户id
+  tenantId?: number;
+  // 创建时间
+  createTime?: string;
+  // 修改时间
+  updateTime?: string;
+}
+
+/**
+ * 供应商搜索条件
+ */
+export interface CreditSupplierParam extends PageParam {
+  id?: number;
+  keywords?: string;
+}
diff --git a/src/api/credit/creditSuspectedRelationship/index.ts b/src/api/credit/creditSuspectedRelationship/index.ts
new file mode 100644
index 0000000..eb84265
--- /dev/null
+++ b/src/api/credit/creditSuspectedRelationship/index.ts
@@ -0,0 +1,105 @@
+import request from '@/utils/request';
+import type { ApiResult, PageResult } from '@/api';
+import type { CreditSuspectedRelationship, CreditSuspectedRelationshipParam } from './model';
+
+/**
+ * 分页查询疑似关系
+ */
+export async function pageCreditSuspectedRelationship(params: CreditSuspectedRelationshipParam) {
+  const res = await request.get<ApiResult<PageResult<CreditSuspectedRelationship>>>(
+    '/credit/credit-suspected-relationship/page',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 查询疑似关系列表
+ */
+export async function listCreditSuspectedRelationship(params?: CreditSuspectedRelationshipParam) {
+  const res = await request.get<ApiResult<CreditSuspectedRelationship[]>>(
+    '/credit/credit-suspected-relationship',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 添加疑似关系
+ */
+export async function addCreditSuspectedRelationship(data: CreditSuspectedRelationship) {
+  const res = await request.post<ApiResult<unknown>>(
+    '/credit/credit-suspected-relationship',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 修改疑似关系
+ */
+export async function updateCreditSuspectedRelationship(data: CreditSuspectedRelationship) {
+  const res = await request.put<ApiResult<unknown>>(
+    '/credit/credit-suspected-relationship',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 删除疑似关系
+ */
+export async function removeCreditSuspectedRelationship(id?: number) {
+  const res = await request.delete<ApiResult<unknown>>(
+    '/credit/credit-suspected-relationship/' + id
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 批量删除疑似关系
+ */
+export async function removeBatchCreditSuspectedRelationship(data: (number | undefined)[]) {
+  const res = await request.delete<ApiResult<unknown>>(
+    '/credit/credit-suspected-relationship/batch',
+    {
+      data
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 根据id查询疑似关系
+ */
+export async function getCreditSuspectedRelationship(id: number) {
+  const res = await request.get<ApiResult<CreditSuspectedRelationship>>(
+    '/credit/credit-suspected-relationship/' + id
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
diff --git a/src/api/credit/creditSuspectedRelationship/model/index.ts b/src/api/credit/creditSuspectedRelationship/model/index.ts
new file mode 100644
index 0000000..78674c0
--- /dev/null
+++ b/src/api/credit/creditSuspectedRelationship/model/index.ts
@@ -0,0 +1,55 @@
+import type { PageParam } from '@/api';
+
+/**
+ * 疑似关系
+ */
+export interface CreditSuspectedRelationship {
+  // ID
+  id?: number;
+  // 企业名称
+  name?: string;
+  // 状态
+  statusText?: string;
+  // 法定代表人
+  legalPerson?: string;
+  // 注册资本
+  registeredCapital?: string;
+  // 成立日期
+  createDate?: string;
+  // 关联方
+  relatedParty?: string;
+  // 疑似关系类型
+  type?: string;
+  // 疑似关系详情
+  detail?: string;
+  // 链接
+  url?: string;
+  // 备注
+  comments?: string;
+  // 企业ID
+  companyId?: number;
+  // 是否推荐
+  recommend?: number;
+  // 排序(数字越小越靠前)
+  sortNumber?: number;
+  // 状态, 0正常, 1冻结
+  status?: number;
+  // 是否删除, 0否, 1是
+  deleted?: number;
+  // 用户ID
+  userId?: number;
+  // 租户id
+  tenantId?: number;
+  // 创建时间
+  createTime?: string;
+  // 修改时间
+  updateTime?: string;
+}
+
+/**
+ * 疑似关系搜索条件
+ */
+export interface CreditSuspectedRelationshipParam extends PageParam {
+  id?: number;
+  keywords?: string;
+}
diff --git a/src/api/credit/creditUser/index.ts b/src/api/credit/creditUser/index.ts
index 581d78b..49cb17a 100644
--- a/src/api/credit/creditUser/index.ts
+++ b/src/api/credit/creditUser/index.ts
@@ -107,9 +107,12 @@ export async function getCreditUser(id: number) {
 /**
  * 导入招投标
  */
-export async function importCreditUsers(file: File) {
+export async function importCreditUsers(file: File, companyId?: number) {
   const formData = new FormData();
   formData.append('file', file);
+  if (companyId != null) {
+    formData.append('companyId', String(companyId));
+  }
   const res = await request.post<ApiResult<unknown>>(
     '/credit/credit-user/import',
     formData,
diff --git a/src/api/credit/creditUser/model/index.ts b/src/api/credit/creditUser/model/index.ts
index d35de7c..1844ac9 100644
--- a/src/api/credit/creditUser/model/index.ts
+++ b/src/api/credit/creditUser/model/index.ts
@@ -10,6 +10,8 @@ export interface CreditUser {
   name?: string;
   // 唯一标识
   code?: string;
+  // 链接地址
+  url?: string;
   // 类型, 0普通用户, 1招投标
   type?: number;
   // 企业角色
diff --git a/src/api/credit/creditXgxf/index.ts b/src/api/credit/creditXgxf/index.ts
new file mode 100644
index 0000000..6d9d685
--- /dev/null
+++ b/src/api/credit/creditXgxf/index.ts
@@ -0,0 +1,129 @@
+import request from '@/utils/request';
+import type { ApiResult, PageResult } from '@/api';
+import type { CreditXgxf, CreditXgxfParam } from './model';
+
+/**
+ * 分页查询限制高消费
+ */
+export async function pageCreditXgxf(params: CreditXgxfParam) {
+  const res = await request.get<ApiResult<PageResult<CreditXgxf>>>(
+    '/credit/credit-xgxf/page',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 查询限制高消费列表
+ */
+export async function listCreditXgxf(params?: CreditXgxfParam) {
+  const res = await request.get<ApiResult<CreditXgxf[]>>(
+    '/credit/credit-xgxf',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 添加限制高消费
+ */
+export async function addCreditXgxf(data: CreditXgxf) {
+  const res = await request.post<ApiResult<unknown>>(
+    '/credit/credit-xgxf',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 修改限制高消费
+ */
+export async function updateCreditXgxf(data: CreditXgxf) {
+  const res = await request.put<ApiResult<unknown>>(
+    '/credit/credit-xgxf',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 删除限制高消费
+ */
+export async function removeCreditXgxf(id?: number) {
+  const res = await request.delete<ApiResult<unknown>>(
+    '/credit/credit-xgxf/' + id
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 批量删除限制高消费
+ */
+export async function removeBatchCreditXgxf(data: (number | undefined)[]) {
+  const res = await request.delete<ApiResult<unknown>>(
+    '/credit/credit-xgxf/batch',
+    {
+      data
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 根据id查询限制高消费
+ */
+export async function getCreditXgxf(id: number) {
+  const res = await request.get<ApiResult<CreditXgxf>>(
+    '/credit/credit-xgxf/' + id
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 导入限制高消费
+ */
+export async function importCreditXgxf(file: File, companyId?: number) {
+  const formData = new FormData();
+  formData.append('file', file);
+  if (companyId != null) {
+    formData.append('companyId', String(companyId));
+  }
+  const res = await request.post<ApiResult<unknown>>(
+    '/credit/credit-xgxf/import',
+    formData,
+    {
+      headers: {
+        'Content-Type': 'multipart/form-data'
+      }
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
diff --git a/src/api/credit/creditXgxf/model/index.ts b/src/api/credit/creditXgxf/model/index.ts
new file mode 100644
index 0000000..47bfa80
--- /dev/null
+++ b/src/api/credit/creditXgxf/model/index.ts
@@ -0,0 +1,57 @@
+import type { PageParam } from '@/api';
+
+/**
+ * 限制高消费
+ */
+export interface CreditXgxf {
+  // ID
+  id?: number;
+  // 数据类型
+  dataType?: string;
+  // 原告/上诉人
+  plaintiffAppellant?: string;
+  // 被告/被上诉人
+  appellee?: string;
+  // 链接地址
+  url?: string;
+  // 其他当事人/第三人
+  otherPartiesThirdParty?: string;
+  // 发生时间
+  occurrenceTime?: string;
+  // 案号
+  caseNumber?: string;
+  // 案由
+  causeOfAction?: string;
+  // 涉案金额
+  involvedAmount?: string;
+  // 法院
+  courtName?: string;
+  // 数据状态
+  dataStatus?: string;
+  // 备注
+  comments?: string;
+  // 是否推荐
+  recommend?: number;
+  // 排序(数字越小越靠前)
+  sortNumber?: number;
+  // 状态, 0正常, 1冻结
+  status?: number;
+  // 是否删除, 0否, 1是
+  deleted?: number;
+  // 用户ID
+  userId?: number;
+  // 租户id
+  tenantId?: number;
+  // 创建时间
+  createTime?: string;
+  // 修改时间
+  updateTime?: string;
+}
+
+/**
+ * 限制高消费搜索条件
+ */
+export interface CreditXgxfParam extends PageParam {
+  id?: number;
+  keywords?: string;
+}
diff --git a/src/api/dormitory/dormitoryApply/index.ts b/src/api/dormitory/dormitoryApply/index.ts
new file mode 100644
index 0000000..f1cb54c
--- /dev/null
+++ b/src/api/dormitory/dormitoryApply/index.ts
@@ -0,0 +1,106 @@
+import request from '@/utils/request';
+import type { ApiResult, PageResult } from '@/api';
+import type { DormitoryApply, DormitoryApplyParam } from './model';
+import { MODULES_API_URL } from '@/config/setting';
+
+/**
+ * 分页查询审批管理
+ */
+export async function pageDormitoryApply(params: DormitoryApplyParam) {
+  const res = await request.get<ApiResult<PageResult<DormitoryApply>>>(
+    MODULES_API_URL + '/dormitory/dormitory-apply/page',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 查询审批管理列表
+ */
+export async function listDormitoryApply(params?: DormitoryApplyParam) {
+  const res = await request.get<ApiResult<DormitoryApply[]>>(
+    MODULES_API_URL + '/dormitory/dormitory-apply',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 添加审批管理
+ */
+export async function addDormitoryApply(data: DormitoryApply) {
+  const res = await request.post<ApiResult<unknown>>(
+    MODULES_API_URL + '/dormitory/dormitory-apply',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 修改审批管理
+ */
+export async function updateDormitoryApply(data: DormitoryApply) {
+  const res = await request.put<ApiResult<unknown>>(
+    MODULES_API_URL + '/dormitory/dormitory-apply',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 删除审批管理
+ */
+export async function removeDormitoryApply(id?: number) {
+  const res = await request.delete<ApiResult<unknown>>(
+    MODULES_API_URL + '/dormitory/dormitory-apply/' + id
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 批量删除审批管理
+ */
+export async function removeBatchDormitoryApply(data: (number | undefined)[]) {
+  const res = await request.delete<ApiResult<unknown>>(
+    MODULES_API_URL + '/dormitory/dormitory-apply/batch',
+    {
+      data
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 根据id查询审批管理
+ */
+export async function getDormitoryApply(id: number) {
+  const res = await request.get<ApiResult<DormitoryApply>>(
+    MODULES_API_URL + '/dormitory/dormitory-apply/' + id
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
diff --git a/src/api/dormitory/dormitoryApply/model/index.ts b/src/api/dormitory/dormitoryApply/model/index.ts
new file mode 100644
index 0000000..9e65ce0
--- /dev/null
+++ b/src/api/dormitory/dormitoryApply/model/index.ts
@@ -0,0 +1,57 @@
+import type { PageParam } from '@/api';
+
+/**
+ * 审批管理
+ */
+export interface DormitoryApply {
+  // 主键ID
+  id?: number;
+  // 类型
+  type?: number;
+  // 用户ID
+  userId?: number;
+  // 姓名
+  realName?: string;
+  // 手机号
+  mobile?: string;
+  // 客户名称
+  dealerName?: string;
+  // 客户编号
+  dealerCode?: string;
+  // 详细地址
+  address?: string;
+  // 签约价格
+  money?: string;
+  // 推荐人用户ID
+  refereeId?: number;
+  // 申请方式(10需后台审核 20无需审核)
+  applyType?: number;
+  // 审核状态 (10待审核 20审核通过 30驳回)
+  applyStatus?: number;
+  // 申请时间
+  applyTime?: string;
+  // 审核时间
+  auditTime?: string;
+  // 合同时间
+  contractTime?: string;
+  // 过期时间
+  expirationTime?: string;
+  // 驳回原因
+  rejectReason?: string;
+  // 备注
+  comments?: string;
+  // 商城ID
+  tenantId?: number;
+  // 创建时间
+  createTime?: string;
+  // 修改时间
+  updateTime?: string;
+}
+
+/**
+ * 审批管理搜索条件
+ */
+export interface DormitoryApplyParam extends PageParam {
+  id?: number;
+  keywords?: string;
+}
diff --git a/src/api/dormitory/dormitoryBed/index.ts b/src/api/dormitory/dormitoryBed/index.ts
new file mode 100644
index 0000000..02ad8ac
--- /dev/null
+++ b/src/api/dormitory/dormitoryBed/index.ts
@@ -0,0 +1,106 @@
+import request from '@/utils/request';
+import type { ApiResult, PageResult } from '@/api';
+import type { DormitoryBed, DormitoryBedParam } from './model';
+import { MODULES_API_URL } from '@/config/setting';
+
+/**
+ * 分页查询宿舍床铺
+ */
+export async function pageDormitoryBed(params: DormitoryBedParam) {
+  const res = await request.get<ApiResult<PageResult<DormitoryBed>>>(
+    MODULES_API_URL + '/dormitory/dormitory-bed/page',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 查询宿舍床铺列表
+ */
+export async function listDormitoryBed(params?: DormitoryBedParam) {
+  const res = await request.get<ApiResult<DormitoryBed[]>>(
+    MODULES_API_URL + '/dormitory/dormitory-bed',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 添加宿舍床铺
+ */
+export async function addDormitoryBed(data: DormitoryBed) {
+  const res = await request.post<ApiResult<unknown>>(
+    MODULES_API_URL + '/dormitory/dormitory-bed',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 修改宿舍床铺
+ */
+export async function updateDormitoryBed(data: DormitoryBed) {
+  const res = await request.put<ApiResult<unknown>>(
+    MODULES_API_URL + '/dormitory/dormitory-bed',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 删除宿舍床铺
+ */
+export async function removeDormitoryBed(id?: number) {
+  const res = await request.delete<ApiResult<unknown>>(
+    MODULES_API_URL + '/dormitory/dormitory-bed/' + id
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 批量删除宿舍床铺
+ */
+export async function removeBatchDormitoryBed(data: (number | undefined)[]) {
+  const res = await request.delete<ApiResult<unknown>>(
+    MODULES_API_URL + '/dormitory/dormitory-bed/batch',
+    {
+      data
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 根据id查询宿舍床铺
+ */
+export async function getDormitoryBed(id: number) {
+  const res = await request.get<ApiResult<DormitoryBed>>(
+    MODULES_API_URL + '/dormitory/dormitory-bed/' + id
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
diff --git a/src/api/dormitory/dormitoryBed/model/index.ts b/src/api/dormitory/dormitoryBed/model/index.ts
new file mode 100644
index 0000000..0024b8c
--- /dev/null
+++ b/src/api/dormitory/dormitoryBed/model/index.ts
@@ -0,0 +1,55 @@
+import type { PageParam } from '@/api';
+
+/**
+ * 宿舍床铺
+ */
+export interface DormitoryBed {
+  // ID
+  id?: number;
+  // 宿舍名称
+  name?: string;
+  // 编号
+  code?: string;
+  // 楼栋ID
+  buildingId?: number;
+  // 楼栋名称
+  buildingName?: string;
+  // 楼层ID
+  floorId?: number;
+  // 楼层名称
+  floorName?: string;
+  // 房间ID
+  recordId?: number;
+  // 房间名称
+  recordName?: string;
+  // 上下铺 1下铺 2上铺 0无
+  bunk?: number;
+  // 充电口
+  chargingPort?: string;
+  // 用户ID
+  userId?: number;
+  // 真实姓名
+  realName?: string;
+  // 手机号码
+  phone?: string;
+  // 头像
+  avatar?: string;
+  // 排序(数字越小越靠前)
+  sortNumber?: number;
+  // 备注
+  comments?: string;
+  // 状态, 0正常, 1报修
+  status?: number;
+  // 租户id
+  tenantId?: number;
+  // 创建时间
+  createTime?: string;
+}
+
+/**
+ * 宿舍床铺搜索条件
+ */
+export interface DormitoryBedParam extends PageParam {
+  id?: number;
+  keywords?: string;
+}
diff --git a/src/api/dormitory/dormitoryBuilding/index.ts b/src/api/dormitory/dormitoryBuilding/index.ts
new file mode 100644
index 0000000..bc51fad
--- /dev/null
+++ b/src/api/dormitory/dormitoryBuilding/index.ts
@@ -0,0 +1,106 @@
+import request from '@/utils/request';
+import type { ApiResult, PageResult } from '@/api';
+import type { DormitoryBuilding, DormitoryBuildingParam } from './model';
+import { MODULES_API_URL } from '@/config/setting';
+
+/**
+ * 分页查询宿舍楼栋
+ */
+export async function pageDormitoryBuilding(params: DormitoryBuildingParam) {
+  const res = await request.get<ApiResult<PageResult<DormitoryBuilding>>>(
+    MODULES_API_URL + '/dormitory/dormitory-building/page',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 查询宿舍楼栋列表
+ */
+export async function listDormitoryBuilding(params?: DormitoryBuildingParam) {
+  const res = await request.get<ApiResult<DormitoryBuilding[]>>(
+    MODULES_API_URL + '/dormitory/dormitory-building',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 添加宿舍楼栋
+ */
+export async function addDormitoryBuilding(data: DormitoryBuilding) {
+  const res = await request.post<ApiResult<unknown>>(
+    MODULES_API_URL + '/dormitory/dormitory-building',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 修改宿舍楼栋
+ */
+export async function updateDormitoryBuilding(data: DormitoryBuilding) {
+  const res = await request.put<ApiResult<unknown>>(
+    MODULES_API_URL + '/dormitory/dormitory-building',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 删除宿舍楼栋
+ */
+export async function removeDormitoryBuilding(id?: number) {
+  const res = await request.delete<ApiResult<unknown>>(
+    MODULES_API_URL + '/dormitory/dormitory-building/' + id
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 批量删除宿舍楼栋
+ */
+export async function removeBatchDormitoryBuilding(data: (number | undefined)[]) {
+  const res = await request.delete<ApiResult<unknown>>(
+    MODULES_API_URL + '/dormitory/dormitory-building/batch',
+    {
+      data
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 根据id查询宿舍楼栋
+ */
+export async function getDormitoryBuilding(id: number) {
+  const res = await request.get<ApiResult<DormitoryBuilding>>(
+    MODULES_API_URL + '/dormitory/dormitory-building/' + id
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
diff --git a/src/api/dormitory/dormitoryBuilding/model/index.ts b/src/api/dormitory/dormitoryBuilding/model/index.ts
new file mode 100644
index 0000000..2ea7d60
--- /dev/null
+++ b/src/api/dormitory/dormitoryBuilding/model/index.ts
@@ -0,0 +1,31 @@
+import type { PageParam } from '@/api';
+
+/**
+ * 宿舍楼栋
+ */
+export interface DormitoryBuilding {
+  // ID
+  id?: number;
+  // 楼栋名称
+  name?: string;
+  // 楼栋编号
+  code?: string;
+  // 排序(数字越小越靠前)
+  sortNumber?: number;
+  // 备注
+  comments?: string;
+  // 状态, 0正常, 1冻结
+  status?: number;
+  // 租户id
+  tenantId?: number;
+  // 创建时间
+  createTime?: string;
+}
+
+/**
+ * 宿舍楼栋搜索条件
+ */
+export interface DormitoryBuildingParam extends PageParam {
+  id?: number;
+  keywords?: string;
+}
diff --git a/src/api/dormitory/dormitoryFloor/index.ts b/src/api/dormitory/dormitoryFloor/index.ts
new file mode 100644
index 0000000..7750079
--- /dev/null
+++ b/src/api/dormitory/dormitoryFloor/index.ts
@@ -0,0 +1,106 @@
+import request from '@/utils/request';
+import type { ApiResult, PageResult } from '@/api';
+import type { DormitoryFloor, DormitoryFloorParam } from './model';
+import { MODULES_API_URL } from '@/config/setting';
+
+/**
+ * 分页查询宿舍楼层
+ */
+export async function pageDormitoryFloor(params: DormitoryFloorParam) {
+  const res = await request.get<ApiResult<PageResult<DormitoryFloor>>>(
+    MODULES_API_URL + '/dormitory/dormitory-floor/page',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 查询宿舍楼层列表
+ */
+export async function listDormitoryFloor(params?: DormitoryFloorParam) {
+  const res = await request.get<ApiResult<DormitoryFloor[]>>(
+    MODULES_API_URL + '/dormitory/dormitory-floor',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 添加宿舍楼层
+ */
+export async function addDormitoryFloor(data: DormitoryFloor) {
+  const res = await request.post<ApiResult<unknown>>(
+    MODULES_API_URL + '/dormitory/dormitory-floor',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 修改宿舍楼层
+ */
+export async function updateDormitoryFloor(data: DormitoryFloor) {
+  const res = await request.put<ApiResult<unknown>>(
+    MODULES_API_URL + '/dormitory/dormitory-floor',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 删除宿舍楼层
+ */
+export async function removeDormitoryFloor(id?: number) {
+  const res = await request.delete<ApiResult<unknown>>(
+    MODULES_API_URL + '/dormitory/dormitory-floor/' + id
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 批量删除宿舍楼层
+ */
+export async function removeBatchDormitoryFloor(data: (number | undefined)[]) {
+  const res = await request.delete<ApiResult<unknown>>(
+    MODULES_API_URL + '/dormitory/dormitory-floor/batch',
+    {
+      data
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 根据id查询宿舍楼层
+ */
+export async function getDormitoryFloor(id: number) {
+  const res = await request.get<ApiResult<DormitoryFloor>>(
+    MODULES_API_URL + '/dormitory/dormitory-floor/' + id
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
diff --git a/src/api/dormitory/dormitoryFloor/model/index.ts b/src/api/dormitory/dormitoryFloor/model/index.ts
new file mode 100644
index 0000000..33fa316
--- /dev/null
+++ b/src/api/dormitory/dormitoryFloor/model/index.ts
@@ -0,0 +1,35 @@
+import type { PageParam } from '@/api';
+
+/**
+ * 宿舍楼层
+ */
+export interface DormitoryFloor {
+  // ID
+  id?: number;
+  // 楼层
+  name?: string;
+  // 编号
+  code?: string;
+  // 楼栋ID
+  buildingId?: number;
+  // 楼栋名称
+  buildingName?: string;
+  // 排序(数字越小越靠前)
+  sortNumber?: number;
+  // 备注
+  comments?: string;
+  // 状态, 0正常, 1冻结
+  status?: number;
+  // 租户id
+  tenantId?: number;
+  // 创建时间
+  createTime?: string;
+}
+
+/**
+ * 宿舍楼层搜索条件
+ */
+export interface DormitoryFloorParam extends PageParam {
+  id?: number;
+  keywords?: string;
+}
diff --git a/src/api/dormitory/dormitoryRecord/index.ts b/src/api/dormitory/dormitoryRecord/index.ts
new file mode 100644
index 0000000..e3a9058
--- /dev/null
+++ b/src/api/dormitory/dormitoryRecord/index.ts
@@ -0,0 +1,106 @@
+import request from '@/utils/request';
+import type { ApiResult, PageResult } from '@/api';
+import type { DormitoryRecord, DormitoryRecordParam } from './model';
+import { MODULES_API_URL } from '@/config/setting';
+
+/**
+ * 分页查询宿舍记录
+ */
+export async function pageDormitoryRecord(params: DormitoryRecordParam) {
+  const res = await request.get<ApiResult<PageResult<DormitoryRecord>>>(
+    MODULES_API_URL + '/dormitory/dormitory-record/page',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 查询宿舍记录列表
+ */
+export async function listDormitoryRecord(params?: DormitoryRecordParam) {
+  const res = await request.get<ApiResult<DormitoryRecord[]>>(
+    MODULES_API_URL + '/dormitory/dormitory-record',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 添加宿舍记录
+ */
+export async function addDormitoryRecord(data: DormitoryRecord) {
+  const res = await request.post<ApiResult<unknown>>(
+    MODULES_API_URL + '/dormitory/dormitory-record',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 修改宿舍记录
+ */
+export async function updateDormitoryRecord(data: DormitoryRecord) {
+  const res = await request.put<ApiResult<unknown>>(
+    MODULES_API_URL + '/dormitory/dormitory-record',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 删除宿舍记录
+ */
+export async function removeDormitoryRecord(id?: number) {
+  const res = await request.delete<ApiResult<unknown>>(
+    MODULES_API_URL + '/dormitory/dormitory-record/' + id
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 批量删除宿舍记录
+ */
+export async function removeBatchDormitoryRecord(data: (number | undefined)[]) {
+  const res = await request.delete<ApiResult<unknown>>(
+    MODULES_API_URL + '/dormitory/dormitory-record/batch',
+    {
+      data
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 根据id查询宿舍记录
+ */
+export async function getDormitoryRecord(id: number) {
+  const res = await request.get<ApiResult<DormitoryRecord>>(
+    MODULES_API_URL + '/dormitory/dormitory-record/' + id
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
diff --git a/src/api/dormitory/dormitoryRecord/model/index.ts b/src/api/dormitory/dormitoryRecord/model/index.ts
new file mode 100644
index 0000000..828718d
--- /dev/null
+++ b/src/api/dormitory/dormitoryRecord/model/index.ts
@@ -0,0 +1,43 @@
+import type { PageParam } from '@/api';
+
+/**
+ * 宿舍记录
+ */
+export interface DormitoryRecord {
+  // ID
+  id?: number;
+  // 宿舍名称
+  name?: string;
+  // 编号
+  code?: string;
+  // 楼栋ID
+  buildingId?: number;
+  // 楼栋名称
+  buildingName?: string;
+  // 楼层ID
+  floorId?: number;
+  // 楼层名称
+  floorName?: string;
+  // 床铺数
+  beds?: number;
+  // 独立卫生间
+  toilet?: boolean;
+  // 排序(数字越小越靠前)
+  sortNumber?: number;
+  // 备注
+  comments?: string;
+  // 状态, 0正常, 1冻结
+  status?: number;
+  // 租户id
+  tenantId?: number;
+  // 创建时间
+  createTime?: string;
+}
+
+/**
+ * 宿舍记录搜索条件
+ */
+export interface DormitoryRecordParam extends PageParam {
+  id?: number;
+  keywords?: string;
+}
diff --git a/src/api/hjm/hjmBxLog/index.ts b/src/api/hjm/hjmBxLog/index.ts
new file mode 100644
index 0000000..1cefdd2
--- /dev/null
+++ b/src/api/hjm/hjmBxLog/index.ts
@@ -0,0 +1,106 @@
+import request from '@/utils/request';
+import type { ApiResult, PageResult } from '@/api';
+import type { HjmBxLog, HjmBxLogParam } from './model';
+import { MODULES_API_URL } from '@/config/setting';
+
+/**
+ * 分页查询黄家明_报险记录
+ */
+export async function pageHjmBxLog(params: HjmBxLogParam) {
+  const res = await request.get<ApiResult<PageResult<HjmBxLog>>>(
+    MODULES_API_URL + '/hjm/hjm-bx-log/page',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 查询黄家明_报险记录列表
+ */
+export async function listHjmBxLog(params?: HjmBxLogParam) {
+  const res = await request.get<ApiResult<HjmBxLog[]>>(
+    MODULES_API_URL + '/hjm/hjm-bx-log',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 添加黄家明_报险记录
+ */
+export async function addHjmBxLog(data: HjmBxLog) {
+  const res = await request.post<ApiResult<unknown>>(
+    MODULES_API_URL + '/hjm/hjm-bx-log',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 修改黄家明_报险记录
+ */
+export async function updateHjmBxLog(data: HjmBxLog) {
+  const res = await request.put<ApiResult<unknown>>(
+    MODULES_API_URL + '/hjm/hjm-bx-log',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 删除黄家明_报险记录
+ */
+export async function removeHjmBxLog(id?: number) {
+  const res = await request.delete<ApiResult<unknown>>(
+    MODULES_API_URL + '/hjm/hjm-bx-log/' + id
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 批量删除黄家明_报险记录
+ */
+export async function removeBatchHjmBxLog(data: (number | undefined)[]) {
+  const res = await request.delete<ApiResult<unknown>>(
+    MODULES_API_URL + '/hjm/hjm-bx-log/batch',
+    {
+      data
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 根据id查询黄家明_报险记录
+ */
+export async function getHjmBxLog(id: number) {
+  const res = await request.get<ApiResult<HjmBxLog>>(
+    MODULES_API_URL + '/hjm/hjm-bx-log/' + id
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
diff --git a/src/api/hjm/hjmBxLog/model/index.ts b/src/api/hjm/hjmBxLog/model/index.ts
new file mode 100644
index 0000000..b9214fe
--- /dev/null
+++ b/src/api/hjm/hjmBxLog/model/index.ts
@@ -0,0 +1,45 @@
+import type { PageParam } from '@/api';
+
+/**
+ * 黄家明_报险记录
+ */
+export interface HjmBxLog {
+  // 自增ID
+  id?: number;
+  // 用户ID
+  userId?: number;
+  // 车辆ID
+  carId?: number;
+  //  车牌号
+  carNo?: string;
+  // 操作员
+  realName?: string;
+  //  事故类型
+  accidentType?: string;
+  // 部门
+  parentOrganization?: string;
+  // 保险图片
+  image?: string;
+  // 排序(数字越小越靠前)
+  sortNumber?: number;
+  // 备注
+  comments?: string;
+  // 状态, 0正常, 1冻结
+  status?: number;
+  // 是否删除, 0否, 1是
+  deleted?: number;
+  // 租户id
+  tenantId?: number;
+  // 创建时间
+  createTime?: string;
+  // 修改时间
+  updateTime?: string;
+}
+
+/**
+ * 黄家明_报险记录搜索条件
+ */
+export interface HjmBxLogParam extends PageParam {
+  id?: number;
+  keywords?: string;
+}
diff --git a/src/api/hjm/hjmCar/index.ts b/src/api/hjm/hjmCar/index.ts
new file mode 100644
index 0000000..c9db868
--- /dev/null
+++ b/src/api/hjm/hjmCar/index.ts
@@ -0,0 +1,135 @@
+import request from '@/utils/request';
+import type { ApiResult, PageResult } from '@/api';
+import type { HjmCar, HjmCarParam } from './model';
+import { MODULES_API_URL } from '@/config/setting';
+
+/**
+ * 分页查询车辆管理
+ */
+export async function pageHjmCar(params: HjmCarParam) {
+  const res = await request.get<ApiResult<PageResult<HjmCar>>>(
+    MODULES_API_URL + '/hjm/hjm-car/page',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 查询车辆管理列表
+ */
+export async function listHjmCar(params?: HjmCarParam) {
+  const res = await request.get<ApiResult<HjmCar[]>>(
+    MODULES_API_URL + '/hjm/hjm-car',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 添加车辆管理
+ */
+export async function addHjmCar(data: HjmCar) {
+  const res = await request.post<ApiResult<unknown>>(
+    MODULES_API_URL + '/hjm/hjm-car',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 修改车辆管理
+ */
+export async function updateHjmCar(data: HjmCar) {
+  const res = await request.put<ApiResult<unknown>>(
+    MODULES_API_URL + '/hjm/hjm-car',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 删除车辆管理
+ */
+export async function removeHjmCar(id?: number) {
+  const res = await request.delete<ApiResult<unknown>>(
+    MODULES_API_URL + '/hjm/hjm-car/' + id
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 批量删除车辆管理
+ */
+export async function removeBatchHjmCar(data: (number | undefined)[]) {
+  const res = await request.delete<ApiResult<unknown>>(
+    MODULES_API_URL + '/hjm/hjm-car/batch',
+    {
+      data
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 根据id查询车辆管理
+ */
+export async function getHjmCar(id: number) {
+  const res = await request.get<ApiResult<HjmCar>>(
+    MODULES_API_URL + '/hjm/hjm-car/' + id
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 车辆批量导入
+ */
+export async function importHjmCar(file: File) {
+  const formData = new FormData();
+  formData.append('file', file);
+  const res = await request.post<ApiResult<unknown>>(
+    MODULES_API_URL + '/hjm/hjm-car/import',
+    formData
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 根据code查询黄家明_车辆管理
+ */
+export async function getHjmCarByCode(code: string) {
+  const res = await request.get<ApiResult<HjmCar>>(
+    MODULES_API_URL + '/hjm/hjm-car/getByCode/' + code
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
diff --git a/src/api/hjm/hjmCar/model/index.ts b/src/api/hjm/hjmCar/model/index.ts
new file mode 100644
index 0000000..4cd7534
--- /dev/null
+++ b/src/api/hjm/hjmCar/model/index.ts
@@ -0,0 +1,96 @@
+import type { PageParam } from '@/api';
+import {HjmFence} from "@/api/hjm/hjmFence/model";
+
+/**
+ * 车辆管理
+ */
+export interface HjmCar {
+  // 自增ID
+  id?: number;
+  // 车辆名称
+  name?: string;
+  // 车辆图片
+  image?: string;
+  // 类型 0汽车 1其他车
+  type?: number;
+  // 快递公司
+  kuaidi?: string;
+  // 管理负责人
+  kuaidiAdmin?: string;
+  // 车辆编号
+  code?: string;
+  // 车架号
+  vinCode?: string;
+  // 保单图片
+  bdImg?: string;
+  // 绑定操作员
+  driverId?: number;
+  // 操作员名称
+  driver?: string;
+  // 操作员名称
+  driverName?: string;
+  // 操作员手机号
+  driverPhone?: string;
+  // 安装人员
+  installerId?: number;
+  // 安装时间
+  installTime?: string;
+  // 保险状态
+  insuranceStatus?: string;
+  // GPS设备编号
+  gpsNo?: string;
+  // 电子围栏ID
+  fenceId?: number;
+  // 电子围栏名称
+  fenceName?: string;
+  //  车辆是否在电子围栏内
+  inFence?: boolean;
+  // 电子围栏名称
+  fence?: HjmFence;
+  // 位置
+  location?: string;
+  // 经度
+  longitude?: string,
+  // 纬度
+  latitude?: string,
+  // 区域
+  district?: string;
+  // 地址
+  address?: string,
+  // 组织ID
+  organizationId?: number;
+  // 父级组织ID
+  organizationParentId?: number;
+  // 用户ID
+  userId?: number;
+  // 认领状态
+  claim?: number;
+  // 认领时间
+  claimTime?: string;
+  // 绑定用户
+  toUser?: string;
+  // 排序(数字越小越靠前)
+  sortNumber?: number;
+  // 备注
+  comments?: string;
+  // 状态, 0正常, 1冻结
+  status?: number;
+  // 是否删除, 0否, 1是
+  deleted?: number;
+  // 租户id
+  tenantId?: number;
+  // 创建时间
+  createTime?: string;
+}
+
+/**
+ * 车辆管理搜索条件
+ */
+export interface HjmCarParam extends PageParam {
+  id?: number;
+  status?: number;
+  organizationId?: number;
+  installerId?: number;
+  organizationParentId?: number;
+  keywords?: string;
+}
diff --git a/src/api/hjm/hjmChoices/index.ts b/src/api/hjm/hjmChoices/index.ts
new file mode 100644
index 0000000..594b0f4
--- /dev/null
+++ b/src/api/hjm/hjmChoices/index.ts
@@ -0,0 +1,106 @@
+import request from '@/utils/request';
+import type { ApiResult, PageResult } from '@/api';
+import type { HjmChoices, HjmChoicesParam } from './model';
+import { MODULES_API_URL } from '@/config/setting';
+
+/**
+ * 分页查询选择题选项
+ */
+export async function pageHjmChoices(params: HjmChoicesParam) {
+  const res = await request.get<ApiResult<PageResult<HjmChoices>>>(
+    MODULES_API_URL + '/hjm/hjm-choices/page',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 查询选择题选项列表
+ */
+export async function listHjmChoices(params?: HjmChoicesParam) {
+  const res = await request.get<ApiResult<HjmChoices[]>>(
+    MODULES_API_URL + '/hjm/hjm-choices',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 添加选择题选项
+ */
+export async function addHjmChoices(data: HjmChoices) {
+  const res = await request.post<ApiResult<unknown>>(
+    MODULES_API_URL + '/hjm/hjm-choices',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 修改选择题选项
+ */
+export async function updateHjmChoices(data: HjmChoices) {
+  const res = await request.put<ApiResult<unknown>>(
+    MODULES_API_URL + '/hjm/hjm-choices',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 删除选择题选项
+ */
+export async function removeHjmChoices(id?: number) {
+  const res = await request.delete<ApiResult<unknown>>(
+    MODULES_API_URL + '/hjm/hjm-choices/' + id
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 批量删除选择题选项
+ */
+export async function removeBatchHjmChoices(data: (number | undefined)[]) {
+  const res = await request.delete<ApiResult<unknown>>(
+    MODULES_API_URL + '/hjm/hjm-choices/batch',
+    {
+      data
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 根据id查询选择题选项
+ */
+export async function getHjmChoices(id: number) {
+  const res = await request.get<ApiResult<HjmChoices>>(
+    MODULES_API_URL + '/hjm/hjm-choices/' + id
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
diff --git a/src/api/hjm/hjmChoices/model/index.ts b/src/api/hjm/hjmChoices/model/index.ts
new file mode 100644
index 0000000..4b68fca
--- /dev/null
+++ b/src/api/hjm/hjmChoices/model/index.ts
@@ -0,0 +1,39 @@
+import type { PageParam } from '@/api';
+
+/**
+ * 选择题选项
+ */
+export interface HjmChoices {
+  // 自增ID
+  id?: number;
+  // 题目ID
+  questionId?: number;
+  // 题目
+  content?: string;
+  // 是否正确
+  isCorrect?: boolean;
+  // 排序(数字越小越靠前)
+  sortNumber?: number;
+  // 备注
+  comments?: string;
+  // 状态, 0正常, 1冻结
+  status?: number;
+  // 是否删除, 0否, 1是
+  deleted?: number;
+  // 租户id
+  tenantId?: number;
+  // 创建时间
+  createTime?: string;
+  // 修改时间
+  updateTime?: string;
+  // 选择题内容
+  choiceContent?: string;
+}
+
+/**
+ * 选择题选项搜索条件
+ */
+export interface HjmChoicesParam extends PageParam {
+  id?: number;
+  keywords?: string;
+}
diff --git a/src/api/hjm/hjmCourses/index.ts b/src/api/hjm/hjmCourses/index.ts
new file mode 100644
index 0000000..75a519d
--- /dev/null
+++ b/src/api/hjm/hjmCourses/index.ts
@@ -0,0 +1,106 @@
+import request from '@/utils/request';
+import type { ApiResult, PageResult } from '@/api';
+import type { HjmCourses, HjmCoursesParam } from './model';
+import { MODULES_API_URL } from '@/config/setting';
+
+/**
+ * 分页查询课程
+ */
+export async function pageHjmCourses(params: HjmCoursesParam) {
+  const res = await request.get<ApiResult<PageResult<HjmCourses>>>(
+    MODULES_API_URL + '/hjm/hjm-courses/page',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 查询课程列表
+ */
+export async function listHjmCourses(params?: HjmCoursesParam) {
+  const res = await request.get<ApiResult<HjmCourses[]>>(
+    MODULES_API_URL + '/hjm/hjm-courses',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 添加课程
+ */
+export async function addHjmCourses(data: HjmCourses) {
+  const res = await request.post<ApiResult<unknown>>(
+    MODULES_API_URL + '/hjm/hjm-courses',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 修改课程
+ */
+export async function updateHjmCourses(data: HjmCourses) {
+  const res = await request.put<ApiResult<unknown>>(
+    MODULES_API_URL + '/hjm/hjm-courses',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 删除课程
+ */
+export async function removeHjmCourses(id?: number) {
+  const res = await request.delete<ApiResult<unknown>>(
+    MODULES_API_URL + '/hjm/hjm-courses/' + id
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 批量删除课程
+ */
+export async function removeBatchHjmCourses(data: (number | undefined)[]) {
+  const res = await request.delete<ApiResult<unknown>>(
+    MODULES_API_URL + '/hjm/hjm-courses/batch',
+    {
+      data
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 根据id查询课程
+ */
+export async function getHjmCourses(id: number) {
+  const res = await request.get<ApiResult<HjmCourses>>(
+    MODULES_API_URL + '/hjm/hjm-courses/' + id
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
diff --git a/src/api/hjm/hjmCourses/model/index.ts b/src/api/hjm/hjmCourses/model/index.ts
new file mode 100644
index 0000000..b6d7d7a
--- /dev/null
+++ b/src/api/hjm/hjmCourses/model/index.ts
@@ -0,0 +1,41 @@
+import type { PageParam } from '@/api';
+
+/**
+ * 课程
+ */
+export interface HjmCourses {
+  // 自增ID
+  id?: number;
+  // 课程名称
+  name?: string;
+  // 类型
+  type?: number;
+  // 课程编号
+  code?: string;
+  // 课程封面图
+  image?: string;
+  // 用户ID
+  userId?: number;
+  // 排序(数字越小越靠前)
+  sortNumber?: number;
+  // 备注
+  comments?: string;
+  // 状态, 0正常, 1冻结
+  status?: number;
+  // 是否删除, 0否, 1是
+  deleted?: number;
+  // 租户id
+  tenantId?: number;
+  // 创建时间
+  createTime?: string;
+  // 修改时间
+  updateTime?: string;
+}
+
+/**
+ * 课程搜索条件
+ */
+export interface HjmCoursesParam extends PageParam {
+  id?: number;
+  keywords?: string;
+}
diff --git a/src/api/hjm/hjmExamLog/index.ts b/src/api/hjm/hjmExamLog/index.ts
new file mode 100644
index 0000000..bf47e15
--- /dev/null
+++ b/src/api/hjm/hjmExamLog/index.ts
@@ -0,0 +1,106 @@
+import request from '@/utils/request';
+import type { ApiResult, PageResult } from '@/api';
+import type { HjmExamLog, HjmExamLogParam } from './model';
+import { MODULES_API_URL } from '@/config/setting';
+
+/**
+ * 分页查询黄家明_学习记录
+ */
+export async function pageHjmExamLog(params: HjmExamLogParam) {
+  const res = await request.get<ApiResult<PageResult<HjmExamLog>>>(
+    MODULES_API_URL + '/hjm/hjm-exam-log/page',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 查询黄家明_学习记录列表
+ */
+export async function listHjmExamLog(params?: HjmExamLogParam) {
+  const res = await request.get<ApiResult<HjmExamLog[]>>(
+    MODULES_API_URL + '/hjm/hjm-exam-log',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 添加黄家明_学习记录
+ */
+export async function addHjmExamLog(data: HjmExamLog) {
+  const res = await request.post<ApiResult<unknown>>(
+    MODULES_API_URL + '/hjm/hjm-exam-log',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 修改黄家明_学习记录
+ */
+export async function updateHjmExamLog(data: HjmExamLog) {
+  const res = await request.put<ApiResult<unknown>>(
+    MODULES_API_URL + '/hjm/hjm-exam-log',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 删除黄家明_学习记录
+ */
+export async function removeHjmExamLog(id?: number) {
+  const res = await request.delete<ApiResult<unknown>>(
+    MODULES_API_URL + '/hjm/hjm-exam-log/' + id
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 批量删除黄家明_学习记录
+ */
+export async function removeBatchHjmExamLog(data: (number | undefined)[]) {
+  const res = await request.delete<ApiResult<unknown>>(
+    MODULES_API_URL + '/hjm/hjm-exam-log/batch',
+    {
+      data
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 根据id查询黄家明_学习记录
+ */
+export async function getHjmExamLog(id: number) {
+  const res = await request.get<ApiResult<HjmExamLog>>(
+    MODULES_API_URL + '/hjm/hjm-exam-log/' + id
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
diff --git a/src/api/hjm/hjmExamLog/model/index.ts b/src/api/hjm/hjmExamLog/model/index.ts
new file mode 100644
index 0000000..c7a8c10
--- /dev/null
+++ b/src/api/hjm/hjmExamLog/model/index.ts
@@ -0,0 +1,38 @@
+import type { PageParam } from '@/api';
+
+/**
+ * 黄家明_学习记录
+ */
+export interface HjmExamLog {
+  // 自增ID
+  id?: number;
+  // 用户ID
+  userId?: number;
+  // 得分
+  total?: string;
+  // 用时
+  useTime?: string;
+  // 排序(数字越小越靠前)
+  sortNumber?: number;
+  // 备注
+  comments?: string;
+  // 状态, 0正常, 1冻结
+  status?: number;
+  // 是否删除, 0否, 1是
+  deleted?: number;
+  // 租户id
+  tenantId?: number;
+  // 创建时间
+  createTime?: string;
+  // 修改时间
+  updateTime?: string;
+}
+
+/**
+ * 黄家明_学习记录搜索条件
+ */
+export interface HjmExamLogParam extends PageParam {
+  id?: number;
+  status?: number;
+  keywords?: string;
+}
diff --git a/src/api/hjm/hjmFence/index.ts b/src/api/hjm/hjmFence/index.ts
new file mode 100644
index 0000000..1efaf87
--- /dev/null
+++ b/src/api/hjm/hjmFence/index.ts
@@ -0,0 +1,106 @@
+import request from '@/utils/request';
+import type { ApiResult, PageResult } from '@/api';
+import type { HjmFence, HjmFenceParam } from './model';
+import { MODULES_API_URL } from '@/config/setting';
+
+/**
+ * 分页查询电子围栏
+ */
+export async function pageHjmFence(params: HjmFenceParam) {
+  const res = await request.get<ApiResult<PageResult<HjmFence>>>(
+    MODULES_API_URL + '/hjm/hjm-fence/page',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 查询电子围栏列表
+ */
+export async function listHjmFence(params?: HjmFenceParam) {
+  const res = await request.get<ApiResult<HjmFence[]>>(
+    MODULES_API_URL + '/hjm/hjm-fence',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 添加电子围栏
+ */
+export async function addHjmFence(data: HjmFence) {
+  const res = await request.post<ApiResult<unknown>>(
+    MODULES_API_URL + '/hjm/hjm-fence',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 修改电子围栏
+ */
+export async function updateHjmFence(data: HjmFence) {
+  const res = await request.put<ApiResult<unknown>>(
+    MODULES_API_URL + '/hjm/hjm-fence',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 删除电子围栏
+ */
+export async function removeHjmFence(id?: number) {
+  const res = await request.delete<ApiResult<unknown>>(
+    MODULES_API_URL + '/hjm/hjm-fence/' + id
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 批量删除电子围栏
+ */
+export async function removeBatchHjmFence(data: (number | undefined)[]) {
+  const res = await request.delete<ApiResult<unknown>>(
+    MODULES_API_URL + '/hjm/hjm-fence/batch',
+    {
+      data
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 根据id查询电子围栏
+ */
+export async function getHjmFence(id: number) {
+  const res = await request.get<ApiResult<HjmFence>>(
+    MODULES_API_URL + '/hjm/hjm-fence/' + id
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
diff --git a/src/api/hjm/hjmFence/model/index.ts b/src/api/hjm/hjmFence/model/index.ts
new file mode 100644
index 0000000..1143faa
--- /dev/null
+++ b/src/api/hjm/hjmFence/model/index.ts
@@ -0,0 +1,44 @@
+import type { PageParam } from '@/api';
+
+/**
+ * 电子围栏
+ */
+export interface HjmFence {
+  // 自增ID
+  id?: number;
+  // 围栏名称
+  name?: string;
+  // 类型 0圆形 1方形
+  type?: number;
+  // 位置
+  location?: string;
+  // 经度
+  longitude?: string;
+  // 纬度
+  latitude?: string;
+  // 区域
+  district?: string;
+  // 轮廓
+  points?: string;
+  // 排序(数字越小越靠前)
+  sortNumber?: number;
+  // 备注
+  comments?: string;
+  // 状态, 0正常, 1冻结
+  status?: number;
+  // 租户id
+  tenantId?: number;
+  // 创建时间
+  createTime?: string;
+  // 修改时间
+  updateTime?: string;
+}
+
+/**
+ * 电子围栏搜索条件
+ */
+export interface HjmFenceParam extends PageParam {
+  id?: number;
+  type?: number;
+  keywords?: string;
+}
diff --git a/src/api/hjm/hjmGpsLog/index.ts b/src/api/hjm/hjmGpsLog/index.ts
new file mode 100644
index 0000000..3e4dd25
--- /dev/null
+++ b/src/api/hjm/hjmGpsLog/index.ts
@@ -0,0 +1,106 @@
+import request from '@/utils/request';
+import type { ApiResult, PageResult } from '@/api';
+import type { HjmGpsLog, HjmGpsLogParam } from './model';
+import { MODULES_API_URL } from '@/config/setting';
+
+/**
+ * 分页查询黄家明_gps轨迹
+ */
+export async function pageHjmGpsLog(params: HjmGpsLogParam) {
+  const res = await request.get<ApiResult<PageResult<HjmGpsLog>>>(
+    MODULES_API_URL + '/hjm/hjm-gps-log/page',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 查询黄家明_gps轨迹列表
+ */
+export async function listHjmGpsLog(params?: HjmGpsLogParam) {
+  const res = await request.get<ApiResult<HjmGpsLog[]>>(
+    MODULES_API_URL + '/hjm/hjm-gps-log',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 添加黄家明_gps轨迹
+ */
+export async function addHjmGpsLog(data: HjmGpsLog) {
+  const res = await request.post<ApiResult<unknown>>(
+    MODULES_API_URL + '/hjm/hjm-gps-log',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 修改黄家明_gps轨迹
+ */
+export async function updateHjmGpsLog(data: HjmGpsLog) {
+  const res = await request.put<ApiResult<unknown>>(
+    MODULES_API_URL + '/hjm/hjm-gps-log',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 删除黄家明_gps轨迹
+ */
+export async function removeHjmGpsLog(id?: number) {
+  const res = await request.delete<ApiResult<unknown>>(
+    MODULES_API_URL + '/hjm/hjm-gps-log/' + id
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 批量删除黄家明_gps轨迹
+ */
+export async function removeBatchHjmGpsLog(data: (number | undefined)[]) {
+  const res = await request.delete<ApiResult<unknown>>(
+    MODULES_API_URL + '/hjm/hjm-gps-log/batch',
+    {
+      data
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 根据id查询黄家明_gps轨迹
+ */
+export async function getHjmGpsLog(id: number) {
+  const res = await request.get<ApiResult<HjmGpsLog>>(
+    MODULES_API_URL + '/hjm/hjm-gps-log/' + id
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
diff --git a/src/api/hjm/hjmGpsLog/model/index.ts b/src/api/hjm/hjmGpsLog/model/index.ts
new file mode 100644
index 0000000..a22d413
--- /dev/null
+++ b/src/api/hjm/hjmGpsLog/model/index.ts
@@ -0,0 +1,34 @@
+import type { PageParam } from '@/api';
+
+/**
+ * 黄家明_gps轨迹
+ */
+export interface HjmGpsLog {
+  // 自增ID
+  id?: number;
+  // 车辆ID
+  carId?: number;
+  // gps编号
+  gpsNo?: string;
+  // 经度
+  longitude?: string;
+  // 纬度
+  latitude?: string;
+  // 备注
+  comments?: string;
+  // 状态, 0正常, 1冻结
+  status?: number;
+  // 租户id
+  tenantId?: number;
+  // 创建时间
+  createTime?: string;
+}
+
+/**
+ * 黄家明_gps轨迹搜索条件
+ */
+export interface HjmGpsLogParam extends PageParam {
+  id?: number;
+  gpsNo?: string;
+  keywords?: string;
+}
diff --git a/src/api/hjm/hjmQuestions/index.ts b/src/api/hjm/hjmQuestions/index.ts
new file mode 100644
index 0000000..e877dd9
--- /dev/null
+++ b/src/api/hjm/hjmQuestions/index.ts
@@ -0,0 +1,106 @@
+import request from '@/utils/request';
+import type { ApiResult, PageResult } from '@/api';
+import type { HjmQuestions, HjmQuestionsParam } from './model';
+import { MODULES_API_URL } from '@/config/setting';
+
+/**
+ * 分页查询题目
+ */
+export async function pageHjmQuestions(params: HjmQuestionsParam) {
+  const res = await request.get<ApiResult<PageResult<HjmQuestions>>>(
+    MODULES_API_URL + '/hjm/hjm-questions/page',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 查询题目列表
+ */
+export async function listHjmQuestions(params?: HjmQuestionsParam) {
+  const res = await request.get<ApiResult<HjmQuestions[]>>(
+    MODULES_API_URL + '/hjm/hjm-questions',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 添加题目
+ */
+export async function addHjmQuestions(data: HjmQuestions) {
+  const res = await request.post<ApiResult<unknown>>(
+    MODULES_API_URL + '/hjm/hjm-questions',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 修改题目
+ */
+export async function updateHjmQuestions(data: HjmQuestions) {
+  const res = await request.put<ApiResult<unknown>>(
+    MODULES_API_URL + '/hjm/hjm-questions',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 删除题目
+ */
+export async function removeHjmQuestions(id?: number) {
+  const res = await request.delete<ApiResult<unknown>>(
+    MODULES_API_URL + '/hjm/hjm-questions/' + id
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 批量删除题目
+ */
+export async function removeBatchHjmQuestions(data: (number | undefined)[]) {
+  const res = await request.delete<ApiResult<unknown>>(
+    MODULES_API_URL + '/hjm/hjm-questions/batch',
+    {
+      data
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 根据id查询题目
+ */
+export async function getHjmQuestions(id: number) {
+  const res = await request.get<ApiResult<HjmQuestions>>(
+    MODULES_API_URL + '/hjm/hjm-questions/' + id
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
diff --git a/src/api/hjm/hjmQuestions/model/index.ts b/src/api/hjm/hjmQuestions/model/index.ts
new file mode 100644
index 0000000..349d81b
--- /dev/null
+++ b/src/api/hjm/hjmQuestions/model/index.ts
@@ -0,0 +1,55 @@
+import type { PageParam } from '@/api';
+import {HjmChoices} from "@/api/hjm/hjmChoices/model";
+
+/**
+ * 题目
+ */
+export interface HjmQuestions {
+  // 自增ID
+  id?: number;
+  // 课程ID
+  courseId?: number;
+  // 课程名称
+  courseName?: string;
+  // 类型 0choice 1fill 2essay
+  type?: number;
+  // 题目
+  question?: string;
+  // 正确答案
+  correctAnswer?: string;
+  // 难度，'easy', 'medium', 'hard'
+  difficulty?: number;
+  // 用户ID
+  userId?: number;
+  // 排序(数字越小越靠前)
+  sortNumber?: number;
+  // 备注
+  comments?: string;
+  // 状态, 0正常, 1冻结
+  status?: number;
+  // 是否删除, 0否, 1是
+  deleted?: number;
+  // 租户id
+  tenantId?: number;
+  // 创建时间
+  createTime?: string;
+  // 修改时间
+  updateTime?: string;
+  // 选项
+  choicesA?: string,
+  choicesB?: string,
+  choicesC?: string,
+  choicesD?: string,
+  choices?: number;
+  choicesList?: HjmChoices[];
+}
+
+/**
+ * 题目搜索条件
+ */
+export interface HjmQuestionsParam extends PageParam {
+  id?: number;
+  courseId?: number;
+  type?: number;
+  keywords?: string;
+}
diff --git a/src/api/hjm/hjmViolation/index.ts b/src/api/hjm/hjmViolation/index.ts
new file mode 100644
index 0000000..6b48a73
--- /dev/null
+++ b/src/api/hjm/hjmViolation/index.ts
@@ -0,0 +1,106 @@
+import request from '@/utils/request';
+import type { ApiResult, PageResult } from '@/api';
+import type { HjmViolation, HjmViolationParam } from './model';
+import { MODULES_API_URL } from '@/config/setting';
+
+/**
+ * 分页查询黄家明_违章记录
+ */
+export async function pageHjmViolation(params: HjmViolationParam) {
+  const res = await request.get<ApiResult<PageResult<HjmViolation>>>(
+    MODULES_API_URL + '/hjm/hjm-violation/page',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 查询黄家明_违章记录列表
+ */
+export async function listHjmViolation(params?: HjmViolationParam) {
+  const res = await request.get<ApiResult<HjmViolation[]>>(
+    MODULES_API_URL + '/hjm/hjm-violation',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 添加黄家明_违章记录
+ */
+export async function addHjmViolation(data: HjmViolation) {
+  const res = await request.post<ApiResult<unknown>>(
+    MODULES_API_URL + '/hjm/hjm-violation',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 修改黄家明_违章记录
+ */
+export async function updateHjmViolation(data: HjmViolation) {
+  const res = await request.put<ApiResult<unknown>>(
+    MODULES_API_URL + '/hjm/hjm-violation',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 删除黄家明_违章记录
+ */
+export async function removeHjmViolation(id?: number) {
+  const res = await request.delete<ApiResult<unknown>>(
+    MODULES_API_URL + '/hjm/hjm-violation/' + id
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 批量删除黄家明_违章记录
+ */
+export async function removeBatchHjmViolation(data: (number | undefined)[]) {
+  const res = await request.delete<ApiResult<unknown>>(
+    MODULES_API_URL + '/hjm/hjm-violation/batch',
+    {
+      data
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 根据id查询黄家明_违章记录
+ */
+export async function getHjmViolation(id: number) {
+  const res = await request.get<ApiResult<HjmViolation>>(
+    MODULES_API_URL + '/hjm/hjm-violation/' + id
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
diff --git a/src/api/hjm/hjmViolation/model/index.ts b/src/api/hjm/hjmViolation/model/index.ts
new file mode 100644
index 0000000..3c1bc20
--- /dev/null
+++ b/src/api/hjm/hjmViolation/model/index.ts
@@ -0,0 +1,43 @@
+import type { PageParam } from '@/api';
+
+/**
+ * 黄家明_违章记录
+ */
+export interface HjmViolation {
+  // 自增ID
+  id?: number;
+  // 车辆编号
+  code?: string;
+  // 标题
+  title?: string;
+  // 文章分类ID
+  categoryId?: number;
+  // 处罚金额
+  money?: string;
+  // 扣分
+  score?: string;
+  // 录入员
+  adminId?: number;
+  // 用户ID
+  userId?: number;
+  // 排序(数字越小越靠前)
+  sortNumber?: number;
+  // 备注
+  comments?: string;
+  // 状态, 0未处理, 1已处理
+  status?: number;
+  // 租户id
+  tenantId?: number;
+  // 创建时间
+  createTime?: string;
+  // 修改时间
+  updateTime?: string;
+}
+
+/**
+ * 黄家明_违章记录搜索条件
+ */
+export interface HjmViolationParam extends PageParam {
+  id?: number;
+  keywords?: string;
+}
diff --git a/src/api/index.ts b/src/api/index.ts
index 00f3d67..ce78838 100644
--- a/src/api/index.ts
+++ b/src/api/index.ts
@@ -37,6 +37,8 @@ export interface PageParam {
   tenantId?: number;
   // 企业ID
   companyId?: number;
+  // 企业税号/统一社会信用代码
+  taxpayerCode?: string;
   // 商户ID
   merchantId?: number;
   merchantName?: string;
diff --git a/src/api/layout/index.ts b/src/api/layout/index.ts
index c1a77b9..4893c09 100644
--- a/src/api/layout/index.ts
+++ b/src/api/layout/index.ts
@@ -151,51 +151,3 @@ export async function getUnreadNotice(): Promise<NoticeResult> {
     todo: []
   };
 }
-/**
- * 小程序码参数
- */
-export interface MiniProgramCodeParam {
-  page?: string;
-  scene: string;
-  width?: number;
-  checkPath?: boolean;
-  envVersion?: 'release' | 'trial' | 'develop';
-}
-
-/**
- * 生成小程序码
- */
-export async function generateMiniProgramCode(data: MiniProgramCodeParam) {
-  try {
-    const url = '/wx-login/getOrderQRCodeUnlimited/' + data.scene;
-    const fullUrl = MODULES_API_URL + `${url}`;
-
-    console.log('生成小程序码URL:', fullUrl);
-    console.log('小程序码参数:', data);
-    console.log('scene 参数:', data.scene);
-
-    // 直接返回URL，让浏览器处理图片加载
-    // scene 参数中包含了租户ID信息
-    return fullUrl;
-  } catch (error: any) {
-    console.error('生成小程序码失败:', error);
-    throw new Error(error.message || '生成小程序码失败');
-  }
-}
-
-/**
- * 生成邀请小程序码
- */
-export async function generateInviteCode(inviterId: number) {
-  const scene = `uid_${inviterId}`;
-
-  console.log('生成邀请小程序码 scene:', scene);
-
-  return generateMiniProgramCode({
-    page: 'pages/index/index',
-    scene: scene,
-    width: 180,
-    checkPath: true,
-    envVersion: 'trial'
-  });
-}
diff --git a/src/api/led/index.ts b/src/api/led/index.ts
new file mode 100644
index 0000000..4703378
--- /dev/null
+++ b/src/api/led/index.ts
@@ -0,0 +1,27 @@
+import request from '@/utils/request';
+import type { ApiResult } from '@/api';
+import { MODULES_API_URL } from '@/config/setting';
+
+export async function stopReplace(data: any) {
+  const res = await request.post<ApiResult<unknown>>(
+    MODULES_API_URL + '/led/bme/stop-replace',
+    data
+  );
+  if (res.data.code === 0) {
+    const data = res.data.data;
+    return data || [];
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+export async function numberReplace(data: any) {
+  const res = await request.post<ApiResult<unknown>>(
+    MODULES_API_URL + '/led/bme/number-sources',
+    data
+  );
+  if (res.data.code === 0) {
+    const data = res.data.data;
+    return data || [];
+  }
+  return Promise.reject(new Error(res.data.message));
+}
diff --git a/src/api/led/model/index.ts b/src/api/led/model/index.ts
new file mode 100644
index 0000000..b9214fe
--- /dev/null
+++ b/src/api/led/model/index.ts
@@ -0,0 +1,45 @@
+import type { PageParam } from '@/api';
+
+/**
+ * 黄家明_报险记录
+ */
+export interface HjmBxLog {
+  // 自增ID
+  id?: number;
+  // 用户ID
+  userId?: number;
+  // 车辆ID
+  carId?: number;
+  //  车牌号
+  carNo?: string;
+  // 操作员
+  realName?: string;
+  //  事故类型
+  accidentType?: string;
+  // 部门
+  parentOrganization?: string;
+  // 保险图片
+  image?: string;
+  // 排序(数字越小越靠前)
+  sortNumber?: number;
+  // 备注
+  comments?: string;
+  // 状态, 0正常, 1冻结
+  status?: number;
+  // 是否删除, 0否, 1是
+  deleted?: number;
+  // 租户id
+  tenantId?: number;
+  // 创建时间
+  createTime?: string;
+  // 修改时间
+  updateTime?: string;
+}
+
+/**
+ * 黄家明_报险记录搜索条件
+ */
+export interface HjmBxLogParam extends PageParam {
+  id?: number;
+  keywords?: string;
+}
diff --git a/src/api/miniprogram/index.ts b/src/api/miniprogram/index.ts
new file mode 100644
index 0000000..8cfbbc9
--- /dev/null
+++ b/src/api/miniprogram/index.ts
@@ -0,0 +1,50 @@
+import {MODULES_API_URL} from '@/config/setting';
+
+/**
+ * 小程序码参数
+ */
+export interface MiniProgramCodeParam {
+  page?: string;
+  scene: string;
+  width?: number;
+  checkPath?: boolean;
+  envVersion?: 'release' | 'trial' | 'develop';
+}
+
+/**
+ * 生成小程序码
+ */
+export async function generateMiniProgramCode(data: MiniProgramCodeParam) {
+  try {
+    const url = '/wx-login/getOrderQRCodeUnlimited/' + data.scene;
+    const fullUrl = MODULES_API_URL + `${url}`;
+
+    console.log('生成小程序码URL:', fullUrl);
+    console.log('小程序码参数:', data);
+    console.log('scene 参数:', data.scene);
+
+    // 直接返回URL，让浏览器处理图片加载
+    // scene 参数中包含了租户ID信息
+    return fullUrl;
+  } catch (error: any) {
+    console.error('生成小程序码失败:', error);
+    throw new Error(error.message || '生成小程序码失败');
+  }
+}
+
+/**
+ * 生成邀请小程序码
+ */
+export async function generateInviteCode(inviterId: number) {
+  const scene = `uid_${inviterId}`;
+
+  console.log('生成邀请小程序码 scene:', scene);
+
+  return generateMiniProgramCode({
+    page: 'pages/index/index',
+    scene: scene,
+    width: 180,
+    checkPath: true,
+    envVersion: 'trial'
+  });
+}
diff --git a/src/api/sdy/sdyDealerOrder/index.ts b/src/api/sdy/sdyDealerOrder/index.ts
new file mode 100644
index 0000000..bd57cc4
--- /dev/null
+++ b/src/api/sdy/sdyDealerOrder/index.ts
@@ -0,0 +1,135 @@
+import request from '@/utils/request';
+import type {ApiResult} from '@/api';
+import type {ShopDealerOrder, ShopDealerOrderParam} from './model';
+import {utils, writeFile} from 'xlsx';
+import {message} from 'ant-design-vue';
+import {getTenantId} from '@/utils/domain';
+import {listShopDealerOrder} from "@/api/shop/shopDealerOrder";
+import {MODULES_API_URL} from "@/config/setting";
+
+/**
+ * 导入分销商订单
+ */
+export async function importSdyDealerOrder(file: File) {
+  const formData = new FormData();
+  formData.append('file', file);
+  const res = await request.post<ApiResult<unknown>>(
+    MODULES_API_URL + '/sdy/sdy-dealer-order/import',
+    formData
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 导出分销商订单
+ */
+export async function exportSdyDealerOrder(params?: ShopDealerOrderParam) {
+  // 显示导出加载提示
+  message.loading('正在准备导出数据...', 0);
+
+  try {
+    // 获取数据
+    const list = await listShopDealerOrder(params);
+
+    if (!list || list.length === 0) {
+      message.destroy();
+      message.warning('没有数据可以导出');
+      return;
+    }
+
+    // 构建导出数据
+    const array: (string | number)[][] = [
+      [
+        '订单ID',
+        '买家用户ID',
+        '订单总金额',
+        '一级分销商ID',
+        '一级佣金',
+        '二级分销商ID',
+        '二级佣金',
+        '三级分销商ID',
+        '三级佣金',
+        '订单状态',
+        '结算状态',
+        '结算时间',
+        '创建时间'
+      ]
+    ];
+
+    list.forEach((order: ShopDealerOrder) => {
+      array.push([
+        order.orderNo || '',
+        order.userId || '',
+        order.orderPrice || '0',
+        order.firstUserId || '',
+        order.firstMoney || '0',
+        order.secondUserId || '',
+        order.secondMoney || '0',
+        order.thirdUserId || '',
+        order.thirdMoney || '0',
+        order.isInvalid === 0 ? '有效' : '失效',
+        order.isSettled === 0 ? '未结算' : '已结算',
+        order.settleTime ? new Date(order.settleTime).toLocaleString() : '',
+        order.createTime || ''
+      ]);
+    });
+
+    // 创建工作簿
+    const sheetName = `shop_dealer_order_${getTenantId()}`;
+    const workbook = {
+      SheetNames: [sheetName],
+      Sheets: {}
+    };
+
+    const sheet = utils.aoa_to_sheet(array);
+    workbook.Sheets[sheetName] = sheet;
+
+    // 设置列宽
+    sheet['!cols'] = [
+      {wch: 15}, // 订单ID
+      {wch: 12}, // 买家用户ID
+      {wch: 12}, // 订单总金额
+      {wch: 15}, // 一级分销商ID
+      {wch: 12}, // 一级佣金
+      {wch: 15}, // 二级分销商ID
+      {wch: 12}, // 二级佣金
+      {wch: 15}, // 三级分销商ID
+      {wch: 12}, // 三级佣金
+      {wch: 10}, // 订单状态
+      {wch: 10}, // 结算状态
+      {wch: 20}, // 结算时间
+      {wch: 20}  // 创建时间
+    ];
+
+    message.destroy();
+    message.loading('正在生成Excel文件...', 0);
+
+    // 延迟写入文件，确保消息提示显示
+    setTimeout(() => {
+      writeFile(workbook, `${sheetName}.xlsx`);
+      message.destroy();
+      message.success(`成功导出 ${list.length} 条记录`);
+    }, 1000);
+
+  } catch (error: any) {
+    message.destroy();
+    message.error(error.message || '导出失败，请重试');
+  }
+}
+
+/**
+ * 结算订单
+ */
+export async function updateSdyDealerOrder(data: ShopDealerOrder) {
+  const res = await request.put<ApiResult<unknown>>(
+    '/sdy/sdy-dealer-order',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
diff --git a/src/api/sdy/sdyDealerOrder/model/index.ts b/src/api/sdy/sdyDealerOrder/model/index.ts
new file mode 100644
index 0000000..acf02b4
--- /dev/null
+++ b/src/api/sdy/sdyDealerOrder/model/index.ts
@@ -0,0 +1,75 @@
+import type { PageParam } from '@/api';
+
+/**
+ * 分销商订单记录表
+ */
+export interface ShopDealerOrder {
+  // 主键ID
+  id?: number;
+  // 客户名称
+  title?: string;
+  // 买家用户ID
+  userId?: number;
+  // 业务员
+  nickname?: string;
+  // 订单编号
+  orderNo?: string;
+  // 订单总金额(不含运费)
+  orderPrice?: string;
+  // 价格
+  price?: string;
+  // 结算金额
+  settledPrice?: string;
+  // 换算成度
+  degreePrice?: string;
+  // 汇率
+  rate?: number;
+  // 月份
+  month?: string;
+  // 实发金额
+  payPrice?: string;
+  // 分销商用户id(一级)
+  firstUserId?: number;
+  // 分销商用户id(二级)
+  secondUserId?: number;
+  // 分销商用户id(三级)
+  thirdUserId?: number;
+  // 一级分销商昵称
+  firstNickname?: string;
+  // 二级分销商昵称
+  secondNickname?: string;
+  // 三级分销商昵称
+  thirdNickname?: string;
+  // 分销佣金(一级)
+  firstMoney?: string;
+  // 分销佣金(二级)
+  secondMoney?: string;
+  // 分销佣金(三级)
+  thirdMoney?: string;
+  // 订单是否失效(0未失效 1已失效)
+  isInvalid?: number;
+  // 佣金结算(0未结算 1已结算)
+  isSettled?: number;
+  // 结算时间
+  settleTime?: number;
+  // 商城ID
+  tenantId?: number;
+  // 创建时间
+  createTime?: string;
+  // 修改时间
+  updateTime?: string;
+}
+
+/**
+ * 分销商订单记录表搜索条件
+ */
+export interface ShopDealerOrderParam extends PageParam {
+  id?: number;
+  orderId?: number;
+  orderNo?: string;
+  productName?: string;
+  userId?: number;
+  isInvalid?: number;
+  isSettled?: number;
+  keywords?: string;
+}
diff --git a/src/api/system/payment/index.ts b/src/api/system/payment/index.ts
index 20b218c..5bd1548 100644
--- a/src/api/system/payment/index.ts
+++ b/src/api/system/payment/index.ts
@@ -2,7 +2,7 @@ import request from '@/utils/request';
 import type { ApiResult, PageResult } from '@/api';
 import type { Payment, PaymentParam } from './model';
 import { SERVER_API_URL } from '@/config/setting';
-import type { Order } from '@/api/shop/order/model';
+import type { ShopOrder } from '@/api/shop/shopOrder/model';
 
 /**
  * 分页查询支付方式
@@ -50,6 +50,34 @@ export async function addPayment(data: Payment) {
   return Promise.reject(new Error(res.data.message));
 }
 
+/**
+ * 统一下单订单接口
+ */
+export async function create(data: Payment) {
+  const res = await request.post<ApiResult<unknown>>(
+    SERVER_API_URL + '/system/payment/create',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 统一下单订单接口（包含订单信息）
+ */
+export async function createWithOrder(data: Payment) {
+  const res = await request.post<ApiResult<unknown>>(
+    SERVER_API_URL + '/system/payment/create-with-order',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
 /**
  * 修改支付方式
  */
@@ -109,7 +137,7 @@ export async function getPayment(id: number) {
 /**
  * 生成支付二维码(微信native)
  */
-export async function getNativeCode(data: Order) {
+export async function getNativeCode(data: ShopOrder) {
   const res = await request.post<ApiResult<unknown>>(
     SERVER_API_URL + '/system/wx-native-pay/codeUrl',
     data
diff --git a/src/router/routes.ts b/src/router/routes.ts
index 45cbd72..1890cc6 100644
--- a/src/router/routes.ts
+++ b/src/router/routes.ts
@@ -55,6 +55,11 @@ export const routes = [
     component: () => import('@/views/passport/merchant/success.vue'),
     meta: { title: '申请提交成功' }
   },
+  {
+    path: '/led',
+    component: () => import('@/views/led/index.vue'),
+    meta: { title: '医生出诊信息表' }
+  },
   // {
   //   path: '/forget',
   //   component: () => import('@/views/passport/forget/index.vue'),
diff --git a/src/views/bsyx/bsyxClass/components/bszxClassEdit.vue b/src/views/bsyx/bsyxClass/components/bszxClassEdit.vue
new file mode 100644
index 0000000..f82ef60
--- /dev/null
+++ b/src/views/bsyx/bsyxClass/components/bszxClassEdit.vue
@@ -0,0 +1,199 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑班级' : '添加班级'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="选择年级" name="gradeId">
+        <a-select
+          v-model:value="form.gradeName"
+          show-search
+          placeholder="选择年级"
+          style="width: 200px"
+          :options="options"
+          @change="handleChange"
+        ></a-select>
+      </a-form-item>
+      <a-form-item label="班级" name="name">
+        <a-input
+          allow-clear
+          placeholder="请输入班级"
+          v-model:value="form.name"
+          @pressEnter="save"
+        />
+      </a-form-item>
+      <a-form-item label="排序" name="sortNumber">
+        <a-input-number
+          :min="0"
+          :max="9999"
+          class="ele-fluid"
+          placeholder="请输入排序号"
+          v-model:value="form.sortNumber"
+        />
+      </a-form-item>
+      <a-form-item label="备注" name="comments">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="请输入描述"
+          v-model:value="form.comments"
+        />
+      </a-form-item>
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, watch } from 'vue';
+  import { Form, message } from 'ant-design-vue';
+  import { assignObject, uuid } from 'ele-admin-pro';
+  import { addBszxClass, updateBszxClass } from '@/api/bszx/bszxClass';
+  import { BszxClass } from '@/api/bszx/bszxClass/model';
+  import { useThemeStore } from '@/store/modules/theme';
+  import { storeToRefs } from 'pinia';
+  import { ItemType } from 'ele-admin-pro/es/ele-image-upload/types';
+  import { FormInstance } from 'ant-design-vue/es/form';
+  import {BszxGrade} from "@/api/bszx/bszxGrade/model";
+  import {listBszxGrade} from "@/api/bszx/bszxGrade";
+
+  // 是否是修改
+  const isUpdate = ref(false);
+  const useForm = Form.useForm;
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: BszxClass | null;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  // 提交状态
+  const loading = ref(false);
+  // 是否显示最大化切换按钮
+  const maxable = ref(true);
+  // 表格选中数据
+  const formRef = ref<FormInstance | null>(null);
+  const images = ref<ItemType[]>([]);
+  const options = ref<BszxGrade[]>([]);
+
+  // 用户信息
+  const form = reactive<BszxClass>({
+    id: undefined,
+    name: undefined,
+    gradeId: undefined,
+    gradeName: undefined,
+    branch: 2,
+    sortNumber: 100,
+    comments: undefined,
+    status: undefined,
+    tenantId: undefined,
+    createTime: undefined
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    appBszxClassName: [
+      {
+        required: true,
+        type: 'string',
+        message: '请填写应用-百色中学-班级名称',
+        trigger: 'blur'
+      }
+    ]
+  });
+
+  const handleChange = (value: string, item: any) => {
+    form.gradeName = value;
+    form.gradeId = item.id;
+  };
+
+  const handleBranch = () => {
+    getBszxGradeList();
+  }
+
+  const getBszxGradeList = () => {
+    listBszxGrade({branch: form.branch}).then((list) => {
+      options.value = list.map(d => {
+        d.value = d.name;
+        d.label = d.name;
+        return d;
+      });
+    })
+  }
+  const { resetFields } = useForm(form, rules);
+
+  /* 保存编辑 */
+  const save = () => {
+    if (!formRef.value) {
+      return;
+    }
+    formRef.value
+      .validate()
+      .then(() => {
+        loading.value = true;
+        const formData = {
+          ...form
+        };
+        const saveOrUpdate = isUpdate.value ? updateBszxClass : addBszxClass;
+        saveOrUpdate(formData)
+          .then((msg) => {
+            loading.value = false;
+            message.success(msg);
+            updateVisible(false);
+            emit('done');
+          })
+          .catch((e) => {
+            loading.value = false;
+            message.error(e.message);
+          });
+      })
+      .catch(() => {});
+  };
+
+  watch(
+    () => props.visible,
+    (visible) => {
+      if (visible) {
+        getBszxGradeList()
+        images.value = [];
+        if (props.data) {
+          assignObject(form, props.data);
+          isUpdate.value = true;
+        } else {
+          isUpdate.value = false;
+        }
+      } else {
+        // resetFields();
+      }
+    },
+    { immediate: true }
+  );
+</script>
diff --git a/src/views/bsyx/bsyxClass/components/search.vue b/src/views/bsyx/bsyxClass/components/search.vue
new file mode 100644
index 0000000..7f935dc
--- /dev/null
+++ b/src/views/bsyx/bsyxClass/components/search.vue
@@ -0,0 +1,98 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+    <a-button type="primary" class="ele-btn-icon" @click="add">
+      <template #icon>
+        <PlusOutlined/>
+      </template>
+      <span>添加</span>
+    </a-button>
+    <a-select
+      show-search
+      v-model:value="where.gradeId"
+      style="width: 240px"
+      placeholder="选择年级"
+      :options="gradeList"
+      @change="onGrade"
+    ></a-select>
+    <a-input-search
+      allow-clear
+      placeholder="请输入关键词"
+      style="width: 240px"
+      v-model:value="where.keywords"
+      @search="handleSearch"
+    />
+    <a-button @click="reset">重置</a-button>
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+import {PlusOutlined} from '@ant-design/icons-vue';
+import {watch,ref} from 'vue';
+import useSearch from "@/utils/use-search";
+import {BszxClassParam} from "@/api/bszx/bszxClass/model";
+import {listBszxGrade} from "@/api/bszx/bszxGrade";
+
+const props = withDefaults(
+  defineProps<{
+    // 选中的角色
+    selection?: [];
+  }>(),
+  {}
+);
+
+const gradeList = ref<BszxClassParam[]>([]);
+
+
+const emit = defineEmits<{
+  (e: 'search', where?: BszxClassParam): void;
+  (e: 'add'): void;
+  (e: 'remove'): void;
+  (e: 'batchMove'): void;
+}>();
+
+// 表单数据
+const {where, resetFields} = useSearch<BszxClassParam>({
+  gradeId: undefined,
+  eraId: undefined,
+  branch: undefined,
+  keywords: ''
+});
+
+// 新增
+const add = () => {
+  emit('add');
+};
+
+const handleSearch = () => {
+  emit('search', where);
+}
+
+/*  重置 */
+const reset = () => {
+  resetFields();
+  handleSearch();
+};
+
+const onGrade = (gradeId: number) => {
+  where.gradeId = gradeId;
+  handleSearch();
+}
+
+const reload = () => {
+  listBszxGrade({}).then(res => {
+    gradeList.value = res.map(d => {
+      d.value = Number(d.id);
+      d.label = d.name;
+      return d;
+    });
+  })
+}
+reload();
+watch(
+  () => props.selection,
+  () => {
+  },
+  { immediate: true }
+);
+</script>
diff --git a/src/views/bsyx/bsyxClass/index.vue b/src/views/bsyx/bsyxClass/index.vue
new file mode 100644
index 0000000..7d558de
--- /dev/null
+++ b/src/views/bsyx/bsyxClass/index.vue
@@ -0,0 +1,237 @@
+<template>
+  <a-page-header :title="getPageTitle()" @back="() => $router.go(-1)">
+    <template #extra>
+      <a-button
+        type="text"
+        @click="openUrl('/bsyx/grade')"
+      >年级设置
+      </a-button
+      >
+      <a-button
+        type="text"
+        @click="openUrl('/bsyx/class')"
+      >班级设置
+      </a-button
+      >
+    </template>
+    <a-card :bordered="false" :body-style="{ padding: '16px' }">
+      <ele-pro-table
+        ref="tableRef"
+        row-key="id"
+        :columns="columns"
+        :datasource="datasource"
+        :customRow="customRow"
+        tool-class="ele-toolbar-form"
+        class="sys-org-table"
+      >
+        <template #toolbar>
+          <search
+            @search="reload"
+            :selection="selection"
+            @add="openEdit"
+            @remove="removeBatch"
+            @batchMove="openMove"
+          />
+        </template>
+        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'image'">
+            <a-image :src="record.image" :width="50"/>
+          </template>
+          <template v-if="column.key === 'era'">
+            <span>{{ record.era }}级</span>
+          </template>
+          <template v-if="column.key === 'status'">
+            <a-tag v-if="record.status === 0" color="green">显示</a-tag>
+            <a-tag v-if="record.status === 1" color="red">隐藏</a-tag>
+          </template>
+          <template v-if="column.key === 'action'">
+            <a-space>
+              <a @click="openEdit(record)">修改</a>
+              <a-divider type="vertical"/>
+              <a-popconfirm
+                title="确定要删除此记录吗？"
+                @confirm="remove(record)"
+              >
+                <a class="ele-text-danger">删除</a>
+              </a-popconfirm>
+            </a-space>
+          </template>
+        </template>
+      </ele-pro-table>
+    </a-card>
+
+    <!-- 编辑弹窗 -->
+    <BszxClassEdit v-model:visible="showEdit" :data="current" @done="reload"/>
+  </a-page-header>
+</template>
+
+<script lang="ts" setup>
+import {createVNode, ref} from 'vue';
+import {message, Modal} from 'ant-design-vue';
+import {ExclamationCircleOutlined} from '@ant-design/icons-vue';
+import type {EleProTable} from 'ele-admin-pro';
+import type {
+  DatasourceFunction,
+  ColumnItem
+} from 'ele-admin-pro/es/ele-pro-table/types';
+import Search from './components/search.vue';
+import BszxClassEdit from './components/bszxClassEdit.vue';
+import {pageBszxClass, removeBszxClass, removeBatchBszxClass} from '@/api/bszx/bszxClass';
+import type {BszxClass, BszxClassParam} from '@/api/bszx/bszxClass/model';
+import {getPageTitle, openUrl} from "@/utils/common";
+
+// 表格实例
+const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+// 表格选中数据
+const selection = ref<BszxClass[]>([]);
+// 当前编辑数据
+const current = ref<BszxClass | null>(null);
+// 是否显示编辑弹窗
+const showEdit = ref(false);
+// 是否显示批量移动弹窗
+const showMove = ref(false);
+// 加载状态
+const loading = ref(true);
+
+// 表格数据源
+const datasource: DatasourceFunction = ({
+                                          page,
+                                          limit,
+                                          where,
+                                          orders,
+                                          filters
+                                        }) => {
+  if (filters) {
+    where.status = filters.status;
+  }
+  return pageBszxClass({
+    ...where,
+    ...orders,
+    page,
+    limit
+  });
+};
+
+// 表格列配置
+const columns = ref<ColumnItem[]>([
+  // {
+  //   title: 'ID',
+  //   dataIndex: 'id',
+  //   key: 'id',
+  //   width: 120,
+  // },
+  {
+    title: '年级',
+    dataIndex: 'gradeName',
+    key: 'gradeName',
+    width: 120
+  },
+  // {
+  //   title: '年级',
+  //   dataIndex: 'gradeId',
+  //   key: 'gradeId',
+  //   width: 120
+  // },
+  {
+    title: '班级',
+    dataIndex: 'name',
+    key: 'name'
+  },
+  {
+    title: '操作',
+    key: 'action',
+    width: 180,
+    fixed: 'right',
+    align: 'center',
+    hideInSetting: true
+  }
+]);
+
+/* 搜索 */
+const reload = (where?: BszxClassParam) => {
+  selection.value = [];
+  tableRef?.value?.reload({where: where});
+};
+
+/* 打开编辑弹窗 */
+const openEdit = (row?: BszxClass) => {
+  current.value = row ?? null;
+  showEdit.value = true;
+};
+
+/* 打开批量移动弹窗 */
+const openMove = () => {
+  showMove.value = true;
+};
+
+/* 删除单个 */
+const remove = (row: BszxClass) => {
+  const hide = message.loading('请求中..', 0);
+  removeBszxClass(row.id)
+    .then((msg) => {
+      hide();
+      message.success(msg);
+      reload();
+    })
+    .catch((e) => {
+      hide();
+      message.error(e.message);
+    });
+};
+
+/* 批量删除 */
+const removeBatch = () => {
+  if (!selection.value.length) {
+    message.error('请至少选择一条数据');
+    return;
+  }
+  Modal.confirm({
+    title: '提示',
+    content: '确定要删除选中的记录吗?',
+    icon: createVNode(ExclamationCircleOutlined),
+    maskClosable: true,
+    onOk: () => {
+      const hide = message.loading('请求中..', 0);
+      removeBatchBszxClass(selection.value.map((d) => d.id))
+        .then((msg) => {
+          hide();
+          message.success(msg);
+          reload();
+        })
+        .catch((e) => {
+          hide();
+          message.error(e.message);
+        });
+    }
+  });
+};
+
+/* 查询 */
+const query = () => {
+  loading.value = true;
+};
+
+/* 自定义行属性 */
+const customRow = (record: BszxClass) => {
+  return {
+    // 行点击事件
+    onClick: () => {
+      // console.log(record);
+    },
+    // 行双击事件
+    onDblclick: () => {
+      openEdit(record);
+    }
+  };
+};
+query();
+</script>
+
+<script lang="ts">
+export default {
+  name: 'BszxClass'
+};
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/views/bsyx/bsyxGrade/components/bszxGradeEdit.vue b/src/views/bsyx/bsyxGrade/components/bszxGradeEdit.vue
new file mode 100644
index 0000000..e76adc5
--- /dev/null
+++ b/src/views/bsyx/bsyxGrade/components/bszxGradeEdit.vue
@@ -0,0 +1,165 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑年级' : '添加年级'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="年级" name="name">
+        <a-input
+          allow-clear
+          placeholder="请输入年级"
+          v-model:value="form.name"
+          @pressEnter="save"
+        />
+      </a-form-item>
+      <a-form-item label="排序" name="sortNumber">
+        <a-input-number
+          :min="0"
+          :max="9999"
+          class="ele-fluid"
+          placeholder="请输入排序号"
+          v-model:value="form.sortNumber"
+        />
+      </a-form-item>
+      <a-form-item label="备注" name="comments">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="请输入描述"
+          v-model:value="form.comments"
+        />
+      </a-form-item>
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, watch } from 'vue';
+  import { Form, message } from 'ant-design-vue';
+  import { assignObject, uuid } from 'ele-admin-pro';
+  import { addBszxGrade, updateBszxGrade } from '@/api/bszx/bszxGrade';
+  import { BszxGrade } from '@/api/bszx/bszxGrade/model';
+  import { useThemeStore } from '@/store/modules/theme';
+  import { storeToRefs } from 'pinia';
+  import { ItemType } from 'ele-admin-pro/es/ele-image-upload/types';
+  import { FormInstance } from 'ant-design-vue/es/form';
+
+  // 是否是修改
+  const isUpdate = ref(false);
+  const useForm = Form.useForm;
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: BszxGrade | null;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  // 提交状态
+  const loading = ref(false);
+  // 是否显示最大化切换按钮
+  const maxable = ref(true);
+  // 表格选中数据
+  const formRef = ref<FormInstance | null>(null);
+  const images = ref<ItemType[]>([]);
+
+  // 用户信息
+  const form = reactive<BszxGrade>({
+    id: undefined,
+    branch: 2,
+    name: undefined,
+    comments: undefined,
+    status: undefined,
+    tenantId: undefined,
+    createTime: undefined,
+    sortNumber: 100
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    appBszxGradeName: [
+      {
+        required: true,
+        type: 'string',
+        message: '请填写应用-百色中学-年级名称',
+        trigger: 'blur'
+      }
+    ]
+  });
+
+  const { resetFields } = useForm(form, rules);
+
+  /* 保存编辑 */
+  const save = () => {
+    if (!formRef.value) {
+      return;
+    }
+    formRef.value
+      .validate()
+      .then(() => {
+        loading.value = true;
+        const formData = {
+          ...form
+        };
+        const saveOrUpdate = isUpdate.value ? updateBszxGrade : addBszxGrade;
+        saveOrUpdate(formData)
+          .then((msg) => {
+            loading.value = false;
+            message.success(msg);
+            updateVisible(false);
+            emit('done');
+          })
+          .catch((e) => {
+            loading.value = false;
+            message.error(e.message);
+          });
+      })
+      .catch(() => {});
+  };
+
+  watch(
+    () => props.visible,
+    (visible) => {
+      if (visible) {
+        images.value = [];
+        if (props.data) {
+          assignObject(form, props.data);
+          isUpdate.value = true;
+        } else {
+          isUpdate.value = false;
+        }
+      } else {
+        resetFields();
+      }
+    },
+    { immediate: true }
+  );
+</script>
diff --git a/src/views/bsyx/bsyxGrade/components/search.vue b/src/views/bsyx/bsyxGrade/components/search.vue
new file mode 100644
index 0000000..0e4397c
--- /dev/null
+++ b/src/views/bsyx/bsyxGrade/components/search.vue
@@ -0,0 +1,52 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+    <a-button type="primary" class="ele-btn-icon" @click="add">
+      <template #icon>
+        <PlusOutlined />
+      </template>
+      <span>添加</span>
+    </a-button>
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+  import { PlusOutlined } from '@ant-design/icons-vue';
+  import useSearch from "@/utils/use-search";
+  import { watch } from 'vue';
+  import {BszxGradeParam} from "@/api/bszx/bszxGrade/model";
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的角色
+      selection?: [];
+    }>(),
+    {}
+  );
+
+  const emit = defineEmits<{
+    (e: 'search', where?: BszxGradeParam): void;
+    (e: 'add'): void;
+    (e: 'remove'): void;
+    (e: 'batchMove'): void;
+  }>();
+
+  // 表单数据
+  const {where} = useSearch<BszxGradeParam>({
+    branch: undefined,
+    keywords: ''
+  });
+
+  // 新增
+  const add = () => {
+    emit('add');
+  };
+
+  const handleSearch = () => {
+    emit('search', where);
+  }
+  watch(
+    () => props.selection,
+    () => {}
+  );
+</script>
diff --git a/src/views/bsyx/bsyxGrade/index.vue b/src/views/bsyx/bsyxGrade/index.vue
new file mode 100644
index 0000000..4a9a7f3
--- /dev/null
+++ b/src/views/bsyx/bsyxGrade/index.vue
@@ -0,0 +1,230 @@
+<template>
+  <a-page-header :title="getPageTitle()" @back="() => $router.go(-1)">
+    <template #extra>
+      <a-button
+        type="text"
+        @click="openUrl('/bsyx/grade')"
+      >年级设置
+      </a-button
+      >
+      <a-button
+        type="text"
+        @click="openUrl('/bsyx/class')"
+      >班级设置
+      </a-button
+      >
+    </template>
+    <a-card :bordered="false" :body-style="{ padding: '16px' }">
+      <ele-pro-table
+        ref="tableRef"
+        row-key="appBszxGradeId"
+        :columns="columns"
+        :datasource="datasource"
+        :customRow="customRow"
+        tool-class="ele-toolbar-form"
+        class="sys-org-table"
+      >
+        <template #toolbar>
+          <search
+            @search="reload"
+            :selection="selection"
+            @add="openEdit"
+            @remove="removeBatch"
+            @batchMove="openMove"
+          />
+        </template>
+        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'image'">
+            <a-image :src="record.image" :width="50" />
+          </template>
+          <template v-if="column.key === 'status'">
+            <a-tag v-if="record.status === 0" color="green">显示</a-tag>
+            <a-tag v-if="record.status === 1" color="red">隐藏</a-tag>
+          </template>
+          <template v-if="column.key === 'action'">
+            <a-space>
+              <a @click="openEdit(record)">修改</a>
+              <a-divider type="vertical" />
+              <a-popconfirm
+                title="确定要删除此记录吗？"
+                @confirm="remove(record)"
+              >
+                <a class="ele-text-danger">删除</a>
+              </a-popconfirm>
+            </a-space>
+          </template>
+        </template>
+      </ele-pro-table>
+    </a-card>
+
+    <!-- 编辑弹窗 -->
+    <BszxGradeEdit v-model:visible="showEdit" :data="current" @done="reload" />
+  </a-page-header>
+</template>
+
+<script lang="ts" setup>
+  import { createVNode, ref } from 'vue';
+  import { message, Modal } from 'ant-design-vue';
+  import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
+  import type { EleProTable } from 'ele-admin-pro';
+  import type {
+    DatasourceFunction,
+    ColumnItem
+  } from 'ele-admin-pro/es/ele-pro-table/types';
+  import Search from './components/search.vue';
+  import BszxGradeEdit from './components/bszxGradeEdit.vue';
+  import { pageBszxGrade, removeBszxGrade, removeBatchBszxGrade } from '@/api/bszx/bszxGrade';
+  import type { BszxGrade, BszxGradeParam } from '@/api/bszx/bszxGrade/model';
+  import {getPageTitle, openUrl} from "@/utils/common";
+
+  // 表格实例
+  const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+  // 表格选中数据
+  const selection = ref<BszxGrade[]>([]);
+  // 当前编辑数据
+  const current = ref<BszxGrade | null>(null);
+  // 是否显示编辑弹窗
+  const showEdit = ref(false);
+  // 是否显示批量移动弹窗
+  const showMove = ref(false);
+  // 加载状态
+  const loading = ref(true);
+
+  // 表格数据源
+  const datasource: DatasourceFunction = ({
+    page,
+    limit,
+    where,
+    orders,
+    filters
+  }) => {
+    if (filters) {
+      where.status = filters.status;
+    }
+    return pageBszxGrade({
+      ...where,
+      ...orders,
+      page,
+      limit
+    });
+  };
+
+  // 表格列配置
+  const columns = ref<ColumnItem[]>([
+    // {
+    //   title: 'ID',
+    //   dataIndex: 'id',
+    //   key: 'id',
+    //   align: 'center',
+    //   width: 90,
+    // },
+    {
+      title: '年级',
+      dataIndex: 'name',
+      key: 'name'
+    },
+    {
+      title: '排序',
+      dataIndex: 'sortNumber',
+      key: 'sortNumber',
+      align: 'center',
+      width: 120,
+    },
+    {
+      title: '操作',
+      key: 'action',
+      width: 180,
+      fixed: 'right',
+      align: 'center',
+      hideInSetting: true
+    }
+  ]);
+
+  /* 搜索 */
+  const reload = (where?: BszxGradeParam) => {
+    selection.value = [];
+    tableRef?.value?.reload({ where: where });
+  };
+
+  /* 打开编辑弹窗 */
+  const openEdit = (row?: BszxGrade) => {
+    current.value = row ?? null;
+    showEdit.value = true;
+  };
+
+  /* 打开批量移动弹窗 */
+  const openMove = () => {
+    showMove.value = true;
+  };
+
+  /* 删除单个 */
+  const remove = (row: BszxGrade) => {
+    const hide = message.loading('请求中..', 0);
+    removeBszxGrade(row.id)
+      .then((msg) => {
+        hide();
+        message.success(msg);
+        reload();
+      })
+      .catch((e) => {
+        hide();
+        message.error(e.message);
+      });
+  };
+
+  /* 批量删除 */
+  const removeBatch = () => {
+    if (!selection.value.length) {
+      message.error('请至少选择一条数据');
+      return;
+    }
+    Modal.confirm({
+      title: '提示',
+      content: '确定要删除选中的记录吗?',
+      icon: createVNode(ExclamationCircleOutlined),
+      maskClosable: true,
+      onOk: () => {
+        const hide = message.loading('请求中..', 0);
+        removeBatchBszxGrade(selection.value.map((d) => d.id))
+          .then((msg) => {
+            hide();
+            message.success(msg);
+            reload();
+          })
+          .catch((e) => {
+            hide();
+            message.error(e.message);
+          });
+      }
+    });
+  };
+
+  /* 查询 */
+  const query = () => {
+    loading.value = true;
+  };
+
+  /* 自定义行属性 */
+  const customRow = (record: BszxGrade) => {
+    return {
+      // 行点击事件
+      onClick: () => {
+        // console.log(record);
+      },
+      // 行双击事件
+      onDblclick: () => {
+        openEdit(record);
+      }
+    };
+  };
+  query();
+</script>
+
+<script lang="ts">
+  export default {
+    name: 'BszxGrade'
+  };
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/views/bsyx/bsyxOrder/components/bszxPayEdit.vue b/src/views/bsyx/bsyxOrder/components/bszxPayEdit.vue
new file mode 100644
index 0000000..876727d
--- /dev/null
+++ b/src/views/bsyx/bsyxOrder/components/bszxPayEdit.vue
@@ -0,0 +1,249 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑捐款记录' : '添加捐款记录'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="年龄" name="age">
+        <a-input
+          allow-clear
+          placeholder="请输入年龄"
+          v-model:value="form.age"
+        />
+      </a-form-item>
+      <a-form-item label="姓名" name="name">
+        <a-input
+          allow-clear
+          placeholder="请输入姓名"
+          v-model:value="form.name"
+        />
+      </a-form-item>
+      <a-form-item label="性别 1男 2女" name="sex">
+        <a-input
+          allow-clear
+          placeholder="请输入性别 1男 2女"
+          v-model:value="form.sex"
+        />
+      </a-form-item>
+      <a-form-item label="手机号码" name="phone">
+        <a-input
+          allow-clear
+          placeholder="请输入手机号码"
+          v-model:value="form.phone"
+        />
+      </a-form-item>
+      <a-form-item label="班级" name="className">
+        <a-input
+          allow-clear
+          placeholder="请输入班级"
+          v-model:value="form.className"
+        />
+      </a-form-item>
+      <a-form-item label="年级" name="gradeName">
+        <a-input
+          allow-clear
+          placeholder="请输入年级"
+          v-model:value="form.gradeName"
+        />
+      </a-form-item>
+      <a-form-item label="居住地址" name="address">
+        <a-input
+          allow-clear
+          placeholder="请输入居住地址"
+          v-model:value="form.address"
+        />
+      </a-form-item>
+      <a-form-item label="工作单位" name="workUnit">
+        <a-input
+          allow-clear
+          placeholder="请输入工作单位"
+          v-model:value="form.workUnit"
+        />
+      </a-form-item>
+      <a-form-item label="职务" name="position">
+        <a-input
+          allow-clear
+          placeholder="请输入职务"
+          v-model:value="form.position"
+        />
+      </a-form-item>
+      <a-form-item label="捐赠证书" name="certificate">
+        <a-input
+          allow-clear
+          placeholder="请输入捐赠证书"
+          v-model:value="form.certificate"
+        />
+      </a-form-item>
+      <a-form-item label="排序(数字越小越靠前)" name="sortNumber">
+        <a-input-number
+          :min="0"
+          :max="9999"
+          class="ele-fluid"
+          placeholder="请输入排序号"
+          v-model:value="form.sortNumber"
+        />
+      </a-form-item>
+      <a-form-item label="备注" name="comments">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="请输入描述"
+          v-model:value="form.comments"
+        />
+      </a-form-item>
+      <a-form-item label="状态" name="status">
+        <a-radio-group v-model:value="form.status">
+          <a-radio :value="0">显示</a-radio>
+          <a-radio :value="1">隐藏</a-radio>
+        </a-radio-group>
+      </a-form-item>
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, watch } from 'vue';
+  import { Form, message } from 'ant-design-vue';
+  import { assignObject, uuid } from 'ele-admin-pro';
+  import { addBszxPay, updateBszxPay } from '@/api/bszx/bszxPay';
+  import { BszxPay } from '@/api/bszx/bszxPay/model';
+  import { useThemeStore } from '@/store/modules/theme';
+  import { storeToRefs } from 'pinia';
+  import { ItemType } from 'ele-admin-pro/es/ele-image-upload/types';
+  import { FormInstance } from 'ant-design-vue/es/form';
+  import { FileRecord } from '@/api/system/file/model';
+
+  // 是否是修改
+  const isUpdate = ref(false);
+  const useForm = Form.useForm;
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: BszxPay | null;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  // 提交状态
+  const loading = ref(false);
+  // 是否显示最大化切换按钮
+  const maxable = ref(true);
+  // 表格选中数据
+  const formRef = ref<FormInstance | null>(null);
+  const images = ref<ItemType[]>([]);
+
+  // 用户信息
+  const form = reactive<BszxPay>({
+    id: undefined,
+    age: undefined,
+    name: undefined,
+    sex: undefined,
+    phone: undefined,
+    className: undefined,
+    gradeName: undefined,
+    address: undefined,
+    workUnit: undefined,
+    position: undefined,
+    number: undefined,
+    extra: undefined,
+    dateTime: undefined,
+    certificate: undefined,
+    formData: undefined,
+    formId: undefined,
+    userId: undefined,
+    comments: undefined,
+    status: undefined,
+    deleted: undefined,
+    tenantId: undefined,
+    createTime: undefined,
+    sortNumber: 100
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    appBszxPayName: [
+      {
+        required: true,
+        type: 'string',
+        message: '请填写应用-百色中学-捐款记录名称',
+        trigger: 'blur'
+      }
+    ]
+  });
+
+  const { resetFields } = useForm(form, rules);
+
+  /* 保存编辑 */
+  const save = () => {
+    if (!formRef.value) {
+      return;
+    }
+    formRef.value
+      .validate()
+      .then(() => {
+        loading.value = true;
+        const formData = {
+          ...form
+        };
+        const saveOrUpdate = isUpdate.value ? updateBszxPay : addBszxPay;
+        saveOrUpdate(formData)
+          .then((msg) => {
+            loading.value = false;
+            message.success(msg);
+            updateVisible(false);
+            emit('done');
+          })
+          .catch((e) => {
+            loading.value = false;
+            message.error(e.message);
+          });
+      })
+      .catch(() => {});
+  };
+
+  watch(
+    () => props.visible,
+    (visible) => {
+      if (visible) {
+        images.value = [];
+        if (props.data) {
+          assignObject(form, props.data);
+          isUpdate.value = true;
+        } else {
+          isUpdate.value = false;
+        }
+      } else {
+        resetFields();
+      }
+    },
+    { immediate: true }
+  );
+</script>
diff --git a/src/views/bsyx/bsyxOrder/components/orderInfo.vue b/src/views/bsyx/bsyxOrder/components/orderInfo.vue
new file mode 100644
index 0000000..6c88446
--- /dev/null
+++ b/src/views/bsyx/bsyxOrder/components/orderInfo.vue
@@ -0,0 +1,566 @@
+<!-- 用户编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="`80%`"
+    :visible="visible"
+    :confirm-loading="loading"
+    :maxable="maxAble"
+    :title="isUpdate ? '编辑订单' : '订单详情'"
+    :body-style="{ paddingBottom: '8px', background: '#f3f3f3' }"
+    @update:visible="updateVisible"
+    :maskClosable="false"
+    :footer="null"
+    @ok="save"
+  >
+    <a-card style="margin-bottom: 20px" :bordered="false">
+      <a-descriptions :column="3">
+        <!-- 第一排-->
+        <a-descriptions-item
+          label="订单编号"
+          span="3"
+          :labelStyle="{ width: '90px', color: '#808080' }"
+        >
+          <span @click="copyText(form.orderNo)">{{ form.orderNo }}</span>
+        </a-descriptions-item>
+        <!-- 第二排-->
+        <a-descriptions-item
+          label="买家信息"
+          :labelStyle="{ width: '90px', color: '#808080' }"
+        >
+          <a-space class="flex items-center">
+            <a-avatar :src="form.avatar" size="small"/>
+            {{ form.realName }}
+          </a-space>
+        </a-descriptions-item>
+        <a-descriptions-item
+          label="订单金额"
+          :labelStyle="{ width: '90px', color: '#808080' }"
+        >
+          ￥{{ form.totalPrice }}
+        </a-descriptions-item>
+        <a-descriptions-item
+          label="订单状态"
+          :labelStyle="{ width: '90px', color: '#808080' }"
+        >
+          <a-tag v-if="form.orderStatus === 0">未完成</a-tag>
+          <a-tag v-if="form.orderStatus === 1" color="green">已完成</a-tag>
+          <a-tag v-if="form.orderStatus === 2" color="red">已取消</a-tag>
+          <a-tag v-if="form.orderStatus === 3" color="red">取消中</a-tag>
+          <a-tag v-if="form.orderStatus === 4" color="red">退款申请中</a-tag>
+          <a-tag v-if="form.orderStatus === 5" color="red">退款被拒绝</a-tag>
+          <a-tag v-if="form.orderStatus === 6" color="orange">退款成功</a-tag>
+          <a-tag v-if="form.orderStatus === 7" color="pink">客户端申请退款</a-tag>
+        </a-descriptions-item>
+        <!-- 第三排-->
+        <a-descriptions-item
+          label="手机号码"
+          :labelStyle="{ width: '90px', color: '#808080' }"
+        >
+          {{ form.phone }}
+        </a-descriptions-item>
+        <a-descriptions-item
+          label="实付金额"
+          :labelStyle="{ width: '90px', color: '#808080' }"
+        >
+          ￥{{ form.payPrice }}
+        </a-descriptions-item>
+        <a-descriptions-item
+          label="支付状态"
+          :labelStyle="{ width: '90px', color: '#808080' }"
+        >
+          <a-tag v-if="form.payStatus == 1" color="green">已付款</a-tag>
+          <a-tag v-if="form.payStatus == 0">未付款</a-tag>
+          <a-tag v-if="form.payStatus == 3">未付款,占场中</a-tag>
+        </a-descriptions-item>
+        <!-- 第四排-->
+        <a-descriptions-item
+          label="收货地址"
+          :labelStyle="{ width: '90px', color: '#808080' }"
+        >
+          {{ form.address }}
+        </a-descriptions-item>
+        <a-descriptions-item
+          label="减少的金额"
+          :labelStyle="{ width: '90px', color: '#808080' }"
+        >
+          ￥{{ form.reducePrice }}
+        </a-descriptions-item>
+        <a-descriptions-item
+          label="核销状态"
+          :labelStyle="{ width: '90px', color: '#808080' }"
+        >
+          <a-tag v-if="form.deliveryStatus == 10">未核销</a-tag>
+          <a-tag v-if="form.deliveryStatus == 20" color="green">已核销</a-tag>
+          <a-tag v-if="form.deliveryStatus == 30" color="bule">部分核销</a-tag>
+        </a-descriptions-item>
+        <!-- 第五排-->
+        <a-descriptions-item
+          label="备注信息"
+          :labelStyle="{ width: '90px', color: '#808080' }"
+        >
+          {{ form.comments }}
+        </a-descriptions-item>
+        <a-descriptions-item
+          label="支付方式"
+          :labelStyle="{ width: '90px', color: '#808080' }"
+        >
+          <a-tooltip :title="`支付时间：${form.payTime || ''}`">
+            <template v-if="form.payStatus == 1">
+              <a-tag v-if="form.payType == 0">余额支付</a-tag>
+              <a-tag v-if="form.payType == 1">
+                <WechatOutlined class="tag-icon"/>
+                微信支付
+              </a-tag>
+              <a-tag v-if="form.payType == 2">积分</a-tag>
+              <a-tag v-if="form.payType == 3">
+                <AlipayCircleOutlined class="tag-icon"/>
+                支付宝
+              </a-tag>
+              <a-tag v-if="form.payType == 4">
+                <IdcardOutlined class="tag-icon"/>
+                现金
+              </a-tag>
+              <a-tag v-if="form.payType == 5">
+                <IdcardOutlined class="tag-icon"/>
+                POS机
+              </a-tag>
+              <a-tag v-if="form.payType == 6">
+                <IdcardOutlined class="tag-icon"/>
+                VIP月卡
+              </a-tag>
+              <a-tag v-if="form.payType == 7">
+                <IdcardOutlined class="tag-icon"/>
+                VIP年卡
+              </a-tag>
+              <a-tag v-if="form.payType == 8">
+                <IdcardOutlined class="tag-icon"/>
+                VIP次卡
+              </a-tag>
+              <a-tag v-if="form.payType == 9">
+                <IdcardOutlined class="tag-icon"/>
+                IC月卡
+              </a-tag>
+              <a-tag v-if="form.payType == 10">
+                <IdcardOutlined class="tag-icon"/>
+                IC年卡
+              </a-tag>
+              <a-tag v-if="form.payType == 11">
+                <IdcardOutlined class="tag-icon"/>
+                IC次卡
+              </a-tag>
+              <a-tag v-if="form.payType == 12">
+                <IdcardOutlined class="tag-icon"/>
+                免费
+              </a-tag>
+              <a-tag v-if="form.payType == 13">
+                <IdcardOutlined class="tag-icon"/>
+                VIP充值卡
+              </a-tag>
+              <a-tag v-if="form.payType == 14">
+                <IdcardOutlined class="tag-icon"/>
+                IC充值卡
+              </a-tag>
+              <a-tag v-if="form.payType == 15">
+                <IdcardOutlined class="tag-icon"/>
+                积分支付
+              </a-tag>
+              <a-tag v-if="form.payType == 16">
+                <IdcardOutlined class="tag-icon"/>
+                VIP季卡
+              </a-tag>
+              <a-tag v-if="form.payType == 17">
+                <IdcardOutlined class="tag-icon"/>
+                IC季卡
+              </a-tag>
+            </template>
+          </a-tooltip>
+        </a-descriptions-item>
+        <a-descriptions-item
+          label="开票状态"
+          :labelStyle="{ width: '90px', color: '#808080' }"
+        >
+          <a-tag v-if="form.isInvoice == 0">未开具</a-tag>
+          <a-tag v-if="form.isInvoice == 1" color="green">已开具</a-tag>
+          <a-tag v-if="form.isInvoice == 2" color="blue">不能开具</a-tag>
+        </a-descriptions-item>
+        <!-- 第六排-->
+        <a-descriptions-item
+          label="下单时间"
+          :labelStyle="{ width: '90px', color: '#808080' }"
+        >
+          {{ toDateString(form.createTime, 'yyyy-MM-dd HH:mm') }}
+        </a-descriptions-item>
+        <a-descriptions-item
+          label="交易流水号"
+          :labelStyle="{ width: '90px', color: '#808080' }"
+        >
+          <a-tooltip :title="form.payTime">{{ form.transactionId }}</a-tooltip>
+        </a-descriptions-item>
+        <a-descriptions-item
+          label="结算状态"
+          :labelStyle="{ width: '90px', color: '#808080' }"
+        >
+          <a-tag v-if="form.isSettled == 0">未结算</a-tag>
+          <a-tag v-if="form.isSettled == 1" color="green">已结算</a-tag>
+        </a-descriptions-item>
+
+<!--        <a-descriptions-item span="3">-->
+<!--          <a-divider/>-->
+<!--        </a-descriptions-item>-->
+
+      </a-descriptions>
+    </a-card>
+    <a-card class="order-card" :bordered="false">
+      <a-spin :spinning="loading">
+        <a-table
+          :data-source="orderInfo"
+          :columns="columns"
+          :pagination="false"
+        />
+      </a-spin>
+    </a-card>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+import {ref, reactive, watch} from 'vue';
+import {Form} from 'ant-design-vue';
+import {assignObject} from 'ele-admin-pro';
+import {ColumnItem} from 'ele-admin-pro/es/ele-pro-table/types';
+import {
+  CheckOutlined,
+  CloseOutlined,
+  CoffeeOutlined
+} from '@ant-design/icons-vue';
+import {ShopOrder} from '@/api/shop/shopOrder/model';
+import {BszxPay} from '@/api/bszx/bszxPay/model';
+import {pageBszxPay} from '@/api/bszx/bszxPay';
+import {toDateString} from 'ele-admin-pro';
+import {copyText} from "@/utils/common";
+
+const useForm = Form.useForm;
+
+const props = defineProps<{
+  // 弹窗是否打开
+  visible: boolean;
+  // 修改回显的数据
+  data?: ShopOrder | null;
+}>();
+
+export interface step {
+  title?: String | undefined;
+  subTitle?: String | undefined;
+  description?: String | undefined;
+}
+
+// 是否是修改
+const isUpdate = ref(false);
+// 是否显示最大化切换按钮
+const maxAble = ref(true);
+// 订单信息
+const orderInfo = ref<BszxPay[]>([]);
+
+// 步骤条
+const steps = ref<step[]>([
+  {
+    title: '报餐',
+    description: undefined
+  },
+  {
+    title: '付款',
+    description: undefined
+  },
+  {
+    title: '发餐',
+    description: undefined
+  },
+  {
+    title: '取餐',
+    description: undefined
+  },
+  {
+    title: '完成',
+    description: undefined
+  }
+]);
+const active = ref(2);
+
+const emit = defineEmits<{
+  (e: 'done'): void;
+  (e: 'update:visible', visible: boolean): void;
+}>();
+
+// 订单信息
+const form = reactive<ShopOrder>({
+  // 订单号
+  orderId: undefined,
+  // 订单编号
+  orderNo: undefined,
+  // 订单类型，0商城订单 1预定订单/外卖 2会员卡
+  type: undefined,
+  // 快递/自提
+  deliveryType: undefined,
+  // 下单渠道，0小程序预定 1俱乐部训练场 3活动订场
+  channel: undefined,
+  // 微信支付订单号
+  transactionId: undefined,
+  // 微信退款订单号
+  refundOrder: undefined,
+  // 商户ID
+  merchantId: undefined,
+  // 商户名称
+  merchantName: undefined,
+  // 商户编号
+  merchantCode: undefined,
+  // 使用的优惠券id
+  couponId: undefined,
+  // 使用的会员卡id
+  cardId: undefined,
+  // 关联管理员id
+  adminId: undefined,
+  // 核销管理员id
+  confirmId: undefined,
+  // IC卡号
+  icCard: undefined,
+  // 头像
+  avatar: undefined,
+  // 真实姓名
+  realName: undefined,
+  // 手机号码
+  phone: undefined,
+  // 收货地址
+  address: undefined,
+  //
+  addressLat: undefined,
+  //
+  addressLng: undefined,
+  // 自提店铺id
+  selfTakeMerchantId: undefined,
+  // 自提店铺
+  selfTakeMerchantName: undefined,
+  // 配送开始时间
+  sendStartTime: undefined,
+  // 配送结束时间
+  sendEndTime: undefined,
+  // 发货店铺id
+  expressMerchantId: undefined,
+  // 发货店铺
+  expressMerchantName: undefined,
+  // 订单总额
+  totalPrice: undefined,
+  // 减少的金额，使用VIP会员折扣、优惠券抵扣、优惠券折扣后减去的价格
+  reducePrice: undefined,
+  // 实际付款
+  payPrice: undefined,
+  // 用于统计
+  price: undefined,
+  // 价钱，用于积分赠送
+  money: undefined,
+  // 退款金额
+  refundMoney: undefined,
+  // 教练价格
+  coachPrice: undefined,
+  // 购买数量
+  totalNum: undefined,
+  // 教练id
+  coachId: undefined,
+  // 支付的用户id
+  payUserId: undefined,
+  // 0余额支付, 1微信支付，102微信Native，2会员卡支付，3支付宝，4现金，5POS机，6VIP月卡，7VIP年卡，8VIP次卡，9IC月卡，10IC年卡，11IC次卡，12免费，13VIP充值卡，14IC充值卡，15积分支付，16VIP季卡，17IC季卡，18代付
+  payType: undefined,
+  // 代付支付方式,0余额支付, 1微信支付，102微信Native，2会员卡支付，3支付宝，4现金，5POS机，6VIP月卡，7VIP年卡，8VIP次卡，9IC月卡，10IC年卡，11IC次卡，12免费，13VIP充值卡，14IC充值卡，15积分支付，16VIP季卡，17IC季卡，18代付
+  friendPayType: undefined,
+  // 0未付款，1已付款
+  payStatus: undefined,
+  // 0未使用，1已完成，2已取消，3取消中，4退款申请中，5退款被拒绝，6退款成功，7客户端申请退款
+  orderStatus: undefined,
+  // 发货状态(10未发货 20已发货 30部分发货)
+  deliveryStatus: undefined,
+  // 发货时间
+  deliveryTime: undefined,
+  // 优惠类型：0无、1抵扣优惠券、2折扣优惠券、3、VIP月卡、4VIP年卡，5VIP次卡、6VIP会员卡、7IC月卡、8IC年卡、9IC次卡、10IC会员卡、11免费订单、12VIP充值卡、13IC充值卡、14VIP季卡、15IC季卡
+  couponType: undefined,
+  // 优惠说明
+  couponDesc: undefined,
+  // 二维码地址，保存订单号，支付成功后才生成
+  qrcode: undefined,
+  // vip月卡年卡、ic月卡年卡回退次数
+  returnNum: undefined,
+  // vip充值回退金额
+  returnMoney: undefined,
+  // 预约详情开始时间数组
+  startTime: undefined,
+  // 是否已开具发票：0未开发票，1已开发票，2不能开具发票
+  isInvoice: undefined,
+  // 发票流水号
+  invoiceNo: undefined,
+  // 支付时间
+  payTime: undefined,
+  // 退款时间
+  refundTime: undefined,
+  // 申请退款时间
+  refundApplyTime: undefined,
+  // 过期时间
+  expirationTime: undefined,
+  // 对账情况：0=未对账；1=已对账；3=已对账，金额对不上；4=未查询到该订单
+  checkBill: undefined,
+  // 订单是否已结算(0未结算 1已结算)
+  isSettled: undefined,
+  // 系统版本号 0当前版本 value=其他版本
+  version: undefined,
+  // 用户id
+  userId: undefined,
+  // 备注
+  comments: undefined,
+  // 排序号
+  sortNumber: undefined,
+  // 是否删除, 0否, 1是
+  deleted: undefined,
+  // 租户id
+  tenantId: undefined,
+  // 修改时间
+  updateTime: undefined,
+  // 创建时间
+  createTime: undefined,
+  // 自提码
+  selfTakeCode: undefined,
+  // 是否已收到赠品
+  hasTakeGift: undefined,
+});
+
+// 请求状态
+const loading = ref(true);
+
+const {resetFields} = useForm(form);
+
+/* 更新visible */
+const updateVisible = (value: boolean) => {
+  emit('update:visible', value);
+};
+
+const columns = ref<ColumnItem[]>([
+  {
+    title: '商品名称',
+    dataIndex: 'formName',
+    key: 'formName',
+    align: 'center',
+    width: 280
+  },
+  {
+    title: '金额',
+    dataIndex: 'price',
+    align: 'center'
+  },
+  {
+    title: '备注',
+    dataIndex: 'comments',
+    key: 'comments',
+    align: 'center'
+  },
+  {
+    title: '操作',
+    dataIndex: 'isFree',
+    align: 'center'
+  }
+]);
+
+/* 制作步骤条 */
+const loadSteps = (order) => {
+  steps.value = [];
+  steps.value.push({
+    title: '下单'
+  });
+  steps.value.push({
+    title: '付款'
+  });
+  steps.value.push({
+    title: '发货'
+  });
+  steps.value.push({
+    title: '收货'
+  });
+  steps.value.push({
+    title: '完成'
+  });
+
+  // 下单
+  if (order.payStatus == 10) {
+    active.value = 0;
+    steps.value[0].description = order.createTime;
+  }
+  // 付款
+  if (order.payStatus == 20) {
+    active.value = 1;
+    steps.value[0].description = order.createTime;
+    steps.value[1].description = order.payTime;
+  }
+  // 发货
+  if (order.payStatus == 20 && order.deliveryStatus == 20) {
+    active.value = 2;
+    steps.value[0].description = order.createTime;
+    steps.value[1].description = order.payTime;
+    steps.value[2].description = order.deliveryTime;
+  }
+  // 收货
+  if (order.payStatus == 20 && order.receiptStatus == 20) {
+    active.value = 3;
+    steps.value[0].description = order.createTime;
+    steps.value[1].description = order.payTime;
+    steps.value[2].description = order.deliveryTime;
+    steps.value[3].description = order.receiptTime;
+  }
+  // 完成
+  if (order.payStatus == 20 && order.orderStatus == 30) {
+    active.value = 4;
+    steps.value[0].description = order.createTime;
+    steps.value[1].description = order.payTime;
+    steps.value[2].description = order.deliveryTime;
+    steps.value[3].description = order.receiptTime;
+  }
+  // 已取消
+  if (order.orderStatus == 20) {
+    active.value = 4;
+  }
+};
+
+// const getOrderInfo = () => {
+//   const orderId = props.data?.orderId;
+//   listOrderInfo({ orderId }).then((data) => {
+//     orderInfo.value = data.filter((d) => d.totalNum > 0);
+//   });
+// };
+
+/* 保存编辑 */
+const save = () => {
+};
+
+watch(
+  () => props.visible,
+  (visible) => {
+    if (visible) {
+      if (props.data) {
+        loading.value = true;
+        assignObject(form, props.data);
+        pageBszxPay({orderNo: form.orderNo}).then((res) => {
+          if (res?.list) {
+            orderInfo.value = res?.list;
+          }
+          loading.value = false;
+        });
+        loadSteps(props.data);
+      }
+    } else {
+      resetFields();
+    }
+  }
+);
+</script>
+
+<script lang="ts">
+import * as MenuIcons from '@/layout/menu-icons';
+
+export default {
+  name: 'BszxOrderInfo',
+  components: MenuIcons
+};
+</script>
diff --git a/src/views/bsyx/bsyxOrder/components/search.vue b/src/views/bsyx/bsyxOrder/components/search.vue
new file mode 100644
index 0000000..7346f4c
--- /dev/null
+++ b/src/views/bsyx/bsyxOrder/components/search.vue
@@ -0,0 +1,204 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+    <a-select
+      v-model:value="where.payStatus"
+      style="width: 150px"
+      placeholder="付款状态"
+      @change="search"
+    >
+      <a-select-option value="">全部</a-select-option>
+      <a-select-option :value="1">已付款</a-select-option>
+      <a-select-option :value="0">未付款</a-select-option>
+    </a-select>
+    <a-select
+      v-model:value="where.orderStatus"
+      style="width: 150px"
+      placeholder="订单状态"
+      @change="search"
+    >
+      <a-select-option value="">全部</a-select-option>
+      <a-select-option :value="1">已完成</a-select-option>
+      <a-select-option :value="0">未完成</a-select-option>
+      <a-select-option :value="2">未使用</a-select-option>
+      <a-select-option :value="3">已取消</a-select-option>
+      <a-select-option :value="4">退款中</a-select-option>
+      <a-select-option :value="5">退款被拒</a-select-option>
+      <a-select-option :value="6">退款成功</a-select-option>
+    </a-select>
+    <a-select
+      :options="getPayType()"
+      v-model:value="where.payType"
+      style="width: 150px"
+      placeholder="付款方式"
+      @change="search"
+    />
+    <a-select
+      v-model:value="where.isInvoice"
+      style="width: 150px"
+      placeholder="开票状态"
+      @change="search"
+    >
+      <a-select-option :value="1">已开票</a-select-option>
+      <a-select-option :value="0">未开票</a-select-option>
+      <a-select-option :value="2">不能开票</a-select-option>
+    </a-select>
+    <a-range-picker
+      v-model:value="dateRange"
+      @change="search"
+      value-format="YYYY-MM-DD"
+    />
+    <a-input-search
+      allow-clear
+      placeholder="请输入关键词"
+      style="width: 280px"
+      v-model:value="where.keywords"
+      @search="reload"
+    />
+    <a-button @click="reset">重置</a-button>
+    <a-button @click="handleExport">导出</a-button>
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+  import { ref, watch } from 'vue';
+  import { utils, writeFile } from 'xlsx';
+  import { message } from 'ant-design-vue';
+  import useSearch from "@/utils/use-search";
+  import {ShopOrder, ShopOrderParam} from "@/api/shop/shopOrder/model";
+  import {listShopOrder} from "@/api/shop/shopOrder";
+  import {getPayType} from "@/utils/shop";
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的角色
+      selection?: [];
+    }>(),
+    {}
+  );
+
+  const emit = defineEmits<{
+    (e: 'search', where?: ShopOrderParam): void;
+    (e: 'add'): void;
+    (e: 'remove'): void;
+    (e: 'batchMove'): void;
+  }>();
+
+  // 表单数据
+  const { where, resetFields } = useSearch<ShopOrderParam>({
+    keywords: '',
+    orderId: undefined,
+    orderNo: undefined,
+    createTimeStart: undefined,
+    createTimeEnd: undefined,
+    userId: undefined,
+    phone: undefined,
+    payStatus: undefined,
+    orderStatus: undefined,
+    payType: undefined,
+    isInvoice: undefined,
+  });
+
+  const reload = () => {
+    emit('search', where);
+  };
+
+  /* 搜索 */
+  const search = () => {
+    const [d1, d2] = dateRange.value ?? [];
+    xlsFileName.value = `${d1}至${d2}`;
+    where.createTimeStart = d1 ? d1 + ' 00:00:00' : undefined;
+    where.createTimeEnd = d2 ? d2 + ' 23:59:59' : undefined;
+    emit('search', {
+      ...where
+    });
+  };
+
+  /*  重置 */
+  const reset = () => {
+    resetFields();
+    search();
+  };
+
+  const dateRange = ref<[string, string]>(['', '']);
+  // 变量
+  const loading = ref(false);
+  const orders = ref<ShopOrder[]>([])
+  const xlsFileName = ref<string>();
+
+  // 导出
+  const handleExport = async () => {
+    loading.value = true;
+    const array: (string | number)[][] = [
+      [
+        '订单编号',
+        '订单标题',
+        '买家姓名',
+        '手机号码',
+        '实付金额(元)',
+        '支付方式',
+        '付款时间',
+        '下单时间'
+      ]
+    ];
+
+    await listShopOrder(where)
+      .then((list) => {
+        orders.value = list;
+        list?.forEach((d: ShopOrder) => {
+          array.push([
+            `${d.orderNo}`,
+            `${d.comments}`,
+            `${d.realName}`,
+            `${d.phone}`,
+            `${d.payPrice}`,
+            `${getPayType(d.payType)}`,
+            `${d.payTime || ''}`,
+            `${d.createTime}`
+          ]);
+        });
+        const sheetName = `订单数据`;
+        const workbook = {
+          SheetNames: [sheetName],
+          Sheets: {}
+        };
+        const sheet = utils.aoa_to_sheet(array);
+        workbook.Sheets[sheetName] = sheet;
+        // 设置列宽
+        sheet['!cols'] = [
+          { wch: 10 },
+          { wch: 40 },
+          { wch: 20 },
+          { wch: 20 },
+          { wch: 60 },
+          { wch: 15 },
+          { wch: 10 },
+          { wch: 10 },
+          { wch: 20 },
+          { wch: 10 },
+          { wch: 20 }
+        ];
+        message.loading('正在导出...');
+        setTimeout(() => {
+          writeFile(
+            workbook,
+            `${
+              where.createTimeEnd ? xlsFileName.value + '_' : ''
+            }${sheetName}.xlsx`
+          );
+          loading.value = false;
+        }, 1000);
+      })
+      .catch((msg) => {
+        message.error(msg);
+        loading.value = false;
+      })
+      .finally(() => {});
+
+  };
+
+  watch(
+    () => props.selection,
+    () => {}
+  );
+</script>
diff --git a/src/views/bsyx/bsyxOrder/index.vue b/src/views/bsyx/bsyxOrder/index.vue
new file mode 100644
index 0000000..e6bb31f
--- /dev/null
+++ b/src/views/bsyx/bsyxOrder/index.vue
@@ -0,0 +1,307 @@
+<template>
+  <a-page-header :title="getPageTitle()" @back="() => $router.go(-1)">
+    <template #extra>
+      <Extra/>
+    </template>
+    <a-card :bordered="false" :body-style="{ padding: '16px' }">
+      <ele-pro-table
+        ref="tableRef"
+        row-key="orderId"
+        :columns="columns"
+        :datasource="datasource"
+        :customRow="customRow"
+        tool-class="ele-toolbar-form"
+        class="sys-org-table"
+      >
+        <template #toolbar>
+          <search
+            @search="reload"
+            :selection="selection"
+            @add="openEdit"
+            @batchMove="openMove"
+          />
+        </template>
+        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'name'">
+            <div @click="onSearch(record)" class="cursor-pointer">{{ record.name || '匿名' }}</div>
+          </template>
+          <template v-if="column.key === 'phone'">
+            <div v-if="record.mobile" class="text-gray-400">{{ record.mobile }}</div>
+            <div v-else class="text-gray-600">{{ record.phone }}</div>
+          </template>
+          <template v-if="column.key === 'payType'">
+            <template v-for="item in getPayType()">
+              <template v-if="record.payStatus == 1">
+                <span v-if="item.value == record.payType">{{ item.label }}</span>
+              </template>
+              <template v-else>
+                <span></span>
+              </template>
+            </template>
+          </template>
+          <template v-if="column.key === 'payStatus'">
+            <a-tag v-if="record.payStatus == 1" color="green" @click="updatePayStatus(record)">已付款</a-tag>
+            <a-tag v-if="record.payStatus == 0" @click="updatePayStatus(record)">未付款</a-tag>
+            <a-tag v-if="record.payStatus == 3">未付款,占场中</a-tag>
+          </template>
+          <template v-if="column.key === 'image'">
+            <a-image :src="record.image" :width="50"/>
+          </template>
+          <template v-if="column.key === 'sex'">
+            <a-tag v-if="record.sex === 1">男</a-tag>
+            <a-tag v-if="record.sex === 2">女</a-tag>
+          </template>
+          <template v-if="column.key === 'deliveryStatus'">
+            <a-tag v-if="record.deliveryStatus == 10">未核销</a-tag>
+            <a-tag v-if="record.deliveryStatus == 20" color="green">已核销</a-tag>
+            <a-tag v-if="record.deliveryStatus == 30" color="bule">部分核销</a-tag>
+          </template>
+          <template v-if="column.key === 'orderStatus'">
+            <a-tag v-if="record.orderStatus === 0">未完成</a-tag>
+            <a-tag v-if="record.orderStatus === 1" color="green">已完成</a-tag>
+            <a-tag v-if="record.orderStatus === 2" color="red">已取消</a-tag>
+            <a-tag v-if="record.orderStatus === 3" color="red">取消中</a-tag>
+            <a-tag v-if="record.orderStatus === 4" color="red">退款申请中</a-tag>
+            <a-tag v-if="record.orderStatus === 5" color="red">退款被拒绝</a-tag>
+            <a-tag v-if="record.orderStatus === 6" color="orange">退款成功</a-tag>
+            <a-tag v-if="record.orderStatus === 7" color="pink">客户端申请退款</a-tag>
+          </template>
+          <template v-if="column.key === 'isInvoice'">
+            <a-tag v-if="record.isInvoice == 0">未开具</a-tag>
+            <a-tag v-if="record.isInvoice == 1" color="green">已开具</a-tag>
+            <a-tag v-if="record.isInvoice == 2" color="blue">不能开具</a-tag>
+          </template>
+          <template v-if="column.key === 'status'">
+            <a-tag v-if="record.status === 0" color="green">显示</a-tag>
+            <a-tag v-if="record.status === 1" color="red">隐藏</a-tag>
+          </template>
+          <template v-if="column.key === 'action'">
+            <a-space>
+              <a @click="openEdit(record)">修改</a>
+              <a-divider type="vertical"/>
+              <a-popconfirm
+                title="确定要删除此记录吗？"
+                @confirm="remove(record)"
+              >
+                <a class="ele-text-danger">删除</a>
+              </a-popconfirm>
+            </a-space>
+          </template>
+        </template>
+      </ele-pro-table>
+    </a-card>
+
+    <!-- 编辑弹窗 -->
+    <OrderInfo v-model:visible="showEdit" :data="current" @done="reload"/>
+  </a-page-header>
+</template>
+
+<script lang="ts" setup>
+import {ref} from 'vue';
+import type {EleProTable} from 'ele-admin-pro';
+import type {
+  DatasourceFunction,
+  ColumnItem
+} from 'ele-admin-pro/es/ele-pro-table/types';
+import Search from './components/search.vue';
+import {getPageTitle} from "@/utils/common";
+import Extra from "@/views/bszx/extra.vue";
+import {pageBszxOrder} from "@/api/bszx/bszxOrder";
+import OrderInfo from './components/orderInfo.vue';
+import {ShopOrder, ShopOrderParam} from "@/api/shop/shopOrder/model";
+import {updateShopOrder} from "@/api/shop/shopOrder";
+import {message} from "ant-design-vue";
+import {updateUser} from "@/api/system/user";
+import {getPayType} from '@/utils/shop';
+import {repairOrder} from "@/api/bszx/bszxPay";
+
+// 表格实例
+const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+// 表格选中数据
+const selection = ref<ShopOrder[]>([]);
+// 当前编辑数据
+const current = ref<ShopOrder | null>(null);
+// 是否显示编辑弹窗
+const showEdit = ref(false);
+// 是否显示批量移动弹窗
+const showMove = ref(false);
+// 加载状态
+const loading = ref(true);
+
+// 表格数据源
+const datasource: DatasourceFunction = ({
+                                          page,
+                                          limit,
+                                          where,
+                                          orders,
+                                          filters
+                                        }) => {
+  if (filters) {
+    where.status = filters.status;
+  }
+  return pageBszxOrder({
+    ...where,
+    ...orders,
+    page,
+    limit
+  });
+};
+
+// 表格列配置
+const columns = ref<ColumnItem[]>([
+  {
+    title: '订单号',
+    dataIndex: 'orderNo',
+    key: 'orderNo',
+    align: 'center',
+    width: 200,
+  },
+  {
+    title: '姓名',
+    dataIndex: 'realName',
+    key: 'realName',
+    align: 'center'
+  },
+  {
+    title: '手机号码',
+    dataIndex: 'phone',
+    key: 'phone',
+    align: 'center'
+  },
+  {
+    title: '实付金额',
+    dataIndex: 'payPrice',
+    key: 'payPrice',
+    align: 'center',
+    customRender: ({text}) => '￥' + text
+  },
+  {
+    title: '支付方式',
+    dataIndex: 'payType',
+    key: 'payType',
+    align: 'center'
+  },
+  {
+    title: '支付状态',
+    dataIndex: 'payStatus',
+    key: 'payStatus',
+    align: 'center'
+  },
+  {
+    title: '核销状态',
+    dataIndex: 'deliveryStatus',
+    key: 'deliveryStatus',
+    align: 'center',
+  },
+  {
+    title: '开票状态',
+    dataIndex: 'isInvoice',
+    key: 'isInvoice',
+    align: 'center',
+  },
+  // {
+  //   title: '订单状态',
+  //   dataIndex: 'orderStatus',
+  //   key: 'orderStatus',
+  //   align: 'center',
+  // },
+  // {
+  //   title: '支付时间',
+  //   dataIndex: 'payTime',
+  //   key: 'payTime',
+  //   align: 'center',
+  //   width: 180,
+  //   sorter: true,
+  //   ellipsis: true
+  // },
+  {
+    title: '下单时间',
+    dataIndex: 'createTime',
+    key: 'createTime',
+    align: 'center',
+    width: 180,
+    sorter: true,
+    ellipsis: true
+  },
+  // {
+  //   title: '操作',
+  //   key: 'action',
+  //   width: 180,
+  //   fixed: 'right',
+  //   align: 'center',
+  //   hideInSetting: true
+  // }
+]);
+
+/* 搜索 */
+const reload = (where?: ShopOrderParam) => {
+  selection.value = [];
+  tableRef?.value?.reload({where: where});
+};
+
+const onSearch = (item: ShopOrder) => {
+  reload({userId: item.userId})
+}
+
+/* 打开编辑弹窗 */
+const openEdit = (row?: ShopOrder) => {
+  current.value = row ?? null;
+  showEdit.value = true;
+};
+
+/* 打开批量移动弹窗 */
+const openMove = () => {
+  showMove.value = true;
+};
+
+/**
+ * 修复订单支付状态
+ */
+const updatePayStatus = (record: ShopOrder) => {
+  // 修复订单
+  repairOrder(record).then(() => {
+    message.success('修复成功');
+  }).then(() => {
+    if(record.realName == '' || record.realName == undefined){
+      // 更新用户真实姓名
+      updateUser({
+        userId: record.userId,
+        realName: record.realName
+      })
+    }
+    reload();
+  })
+}
+
+/* 查询 */
+const query = () => {
+  loading.value = true;
+};
+
+/* 自定义行属性 */
+const customRow = (record: ShopOrder) => {
+  return {
+    // 行点击事件
+    onClick: () => {
+      // console.log(record);
+    },
+    // 行双击事件
+    onDblclick: () => {
+      openEdit(record);
+    }
+  };
+};
+query();
+</script>
+
+<script lang="ts">
+import * as MenuIcons from '@/layout/menu-icons';
+
+export default {
+  name: 'BszxOrder',
+  components: MenuIcons
+};
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/views/bsyx/bsyxPay/components/bszxPayEdit.vue b/src/views/bsyx/bsyxPay/components/bszxPayEdit.vue
new file mode 100644
index 0000000..876727d
--- /dev/null
+++ b/src/views/bsyx/bsyxPay/components/bszxPayEdit.vue
@@ -0,0 +1,249 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑捐款记录' : '添加捐款记录'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="年龄" name="age">
+        <a-input
+          allow-clear
+          placeholder="请输入年龄"
+          v-model:value="form.age"
+        />
+      </a-form-item>
+      <a-form-item label="姓名" name="name">
+        <a-input
+          allow-clear
+          placeholder="请输入姓名"
+          v-model:value="form.name"
+        />
+      </a-form-item>
+      <a-form-item label="性别 1男 2女" name="sex">
+        <a-input
+          allow-clear
+          placeholder="请输入性别 1男 2女"
+          v-model:value="form.sex"
+        />
+      </a-form-item>
+      <a-form-item label="手机号码" name="phone">
+        <a-input
+          allow-clear
+          placeholder="请输入手机号码"
+          v-model:value="form.phone"
+        />
+      </a-form-item>
+      <a-form-item label="班级" name="className">
+        <a-input
+          allow-clear
+          placeholder="请输入班级"
+          v-model:value="form.className"
+        />
+      </a-form-item>
+      <a-form-item label="年级" name="gradeName">
+        <a-input
+          allow-clear
+          placeholder="请输入年级"
+          v-model:value="form.gradeName"
+        />
+      </a-form-item>
+      <a-form-item label="居住地址" name="address">
+        <a-input
+          allow-clear
+          placeholder="请输入居住地址"
+          v-model:value="form.address"
+        />
+      </a-form-item>
+      <a-form-item label="工作单位" name="workUnit">
+        <a-input
+          allow-clear
+          placeholder="请输入工作单位"
+          v-model:value="form.workUnit"
+        />
+      </a-form-item>
+      <a-form-item label="职务" name="position">
+        <a-input
+          allow-clear
+          placeholder="请输入职务"
+          v-model:value="form.position"
+        />
+      </a-form-item>
+      <a-form-item label="捐赠证书" name="certificate">
+        <a-input
+          allow-clear
+          placeholder="请输入捐赠证书"
+          v-model:value="form.certificate"
+        />
+      </a-form-item>
+      <a-form-item label="排序(数字越小越靠前)" name="sortNumber">
+        <a-input-number
+          :min="0"
+          :max="9999"
+          class="ele-fluid"
+          placeholder="请输入排序号"
+          v-model:value="form.sortNumber"
+        />
+      </a-form-item>
+      <a-form-item label="备注" name="comments">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="请输入描述"
+          v-model:value="form.comments"
+        />
+      </a-form-item>
+      <a-form-item label="状态" name="status">
+        <a-radio-group v-model:value="form.status">
+          <a-radio :value="0">显示</a-radio>
+          <a-radio :value="1">隐藏</a-radio>
+        </a-radio-group>
+      </a-form-item>
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, watch } from 'vue';
+  import { Form, message } from 'ant-design-vue';
+  import { assignObject, uuid } from 'ele-admin-pro';
+  import { addBszxPay, updateBszxPay } from '@/api/bszx/bszxPay';
+  import { BszxPay } from '@/api/bszx/bszxPay/model';
+  import { useThemeStore } from '@/store/modules/theme';
+  import { storeToRefs } from 'pinia';
+  import { ItemType } from 'ele-admin-pro/es/ele-image-upload/types';
+  import { FormInstance } from 'ant-design-vue/es/form';
+  import { FileRecord } from '@/api/system/file/model';
+
+  // 是否是修改
+  const isUpdate = ref(false);
+  const useForm = Form.useForm;
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: BszxPay | null;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  // 提交状态
+  const loading = ref(false);
+  // 是否显示最大化切换按钮
+  const maxable = ref(true);
+  // 表格选中数据
+  const formRef = ref<FormInstance | null>(null);
+  const images = ref<ItemType[]>([]);
+
+  // 用户信息
+  const form = reactive<BszxPay>({
+    id: undefined,
+    age: undefined,
+    name: undefined,
+    sex: undefined,
+    phone: undefined,
+    className: undefined,
+    gradeName: undefined,
+    address: undefined,
+    workUnit: undefined,
+    position: undefined,
+    number: undefined,
+    extra: undefined,
+    dateTime: undefined,
+    certificate: undefined,
+    formData: undefined,
+    formId: undefined,
+    userId: undefined,
+    comments: undefined,
+    status: undefined,
+    deleted: undefined,
+    tenantId: undefined,
+    createTime: undefined,
+    sortNumber: 100
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    appBszxPayName: [
+      {
+        required: true,
+        type: 'string',
+        message: '请填写应用-百色中学-捐款记录名称',
+        trigger: 'blur'
+      }
+    ]
+  });
+
+  const { resetFields } = useForm(form, rules);
+
+  /* 保存编辑 */
+  const save = () => {
+    if (!formRef.value) {
+      return;
+    }
+    formRef.value
+      .validate()
+      .then(() => {
+        loading.value = true;
+        const formData = {
+          ...form
+        };
+        const saveOrUpdate = isUpdate.value ? updateBszxPay : addBszxPay;
+        saveOrUpdate(formData)
+          .then((msg) => {
+            loading.value = false;
+            message.success(msg);
+            updateVisible(false);
+            emit('done');
+          })
+          .catch((e) => {
+            loading.value = false;
+            message.error(e.message);
+          });
+      })
+      .catch(() => {});
+  };
+
+  watch(
+    () => props.visible,
+    (visible) => {
+      if (visible) {
+        images.value = [];
+        if (props.data) {
+          assignObject(form, props.data);
+          isUpdate.value = true;
+        } else {
+          isUpdate.value = false;
+        }
+      } else {
+        resetFields();
+      }
+    },
+    { immediate: true }
+  );
+</script>
diff --git a/src/views/bsyx/bsyxPay/components/search.vue b/src/views/bsyx/bsyxPay/components/search.vue
new file mode 100644
index 0000000..7c9ed1c
--- /dev/null
+++ b/src/views/bsyx/bsyxPay/components/search.vue
@@ -0,0 +1,230 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+    <a-select
+      show-search
+      v-model:value="where.gradeName"
+      style="width: 240px"
+      placeholder="选择年级"
+      :options="gradeList"
+      @change="onGrade"
+    ></a-select>
+    <a-select
+      v-if="where.gradeName"
+      show-search
+      v-model:value="where.className"
+      style="width: 240px"
+      placeholder="选择年级"
+      :options="classList"
+      @change="onClass"
+    ></a-select>
+    <a-range-picker
+      v-model:value="dateRange"
+      @change="search"
+      value-format="YYYY-MM-DD"
+    />
+    <a-input-search
+      allow-clear
+      placeholder="请输入关键词"
+      style="width: 220px"
+      v-model:value="where.keywords"
+      @search="reload"
+    />
+    <a-button @click="handleExport">导出</a-button>
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+import {ref, watch} from 'vue';
+import {utils, writeFile} from 'xlsx';
+import dayjs from 'dayjs';
+import {message} from 'ant-design-vue';
+import useSearch from "@/utils/use-search";
+import {BszxPayParam} from "@/api/bszx/bszxPay/model";
+import {BszxBm} from "@/api/bszx/bszxBm/model";
+import {listBszxPay} from "@/api/bszx/bszxPay";
+import {BszxClassParam} from "@/api/bszx/bszxClass/model";
+import {listBszxGrade} from "@/api/bszx/bszxGrade";
+import {listBszxClass} from "@/api/bszx/bszxClass";
+
+const props = withDefaults(
+  defineProps<{
+    // 选中的角色
+    selection?: [];
+  }>(),
+  {}
+);
+
+const emit = defineEmits<{
+  (e: 'search', where?: BszxPayParam): void;
+  (e: 'add'): void;
+  (e: 'remove'): void;
+  (e: 'batchMove'): void;
+}>();
+
+// 表单数据
+const {where} = useSearch<BszxPayParam>({
+  id: undefined,
+  keywords: '',
+  gradeName: undefined,
+  className: undefined,
+  createTimeStart: undefined,
+  createTimeEnd: undefined,
+  userId: undefined
+});
+
+const reload = () => {
+  emit('search', where);
+};
+
+/* 搜索 */
+const search = () => {
+  const [d1, d2] = dateRange.value ?? [];
+  where.createTimeStart = d1 ? d1 + ' 00:00:00' : undefined;
+  where.createTimeEnd = d2 ? d2 + ' 23:59:59' : undefined;
+  emit('search', {
+    ...where
+  });
+};
+
+
+const dateRange = ref<[string, string]>(['', '']);
+// 变量
+const loading = ref(false);
+const bmList = ref<BszxBm[]>([])
+const xlsFileName = ref<string>();
+const branchId = ref<number>();
+const gradeId = ref<number>();
+const gradeList = ref<BszxClassParam[]>([]);
+const classList = ref<BszxClassParam[]>([]);
+
+
+const getGradeList = () => {
+  listBszxGrade({branch: branchId.value}).then(res => {
+    gradeList.value = res.map(d => {
+      d.value = Number(d.id);
+      d.label = d.name;
+      return d;
+    });
+  })
+};
+
+const getClassList = () => {
+  listBszxClass({gradeId: gradeId.value}).then(res => {
+    classList.value = res.map(d => {
+      d.value = Number(d.id);
+      d.label = d.name;
+      return d;
+    });
+  })
+}
+
+const onGrade = (gradeName: number, item: any) => {
+  where.gradeName = item.name;
+  if (gradeName) {
+    console.log(item)
+    gradeId.value = item.id;
+    getClassList();
+  }
+  emit('search', where);
+}
+
+const onBranchId = () => {
+  getGradeList();
+}
+
+const onClass = (classId, item) => {
+  console.log(classId);
+  where.className = item.name;
+  reload();
+}
+
+// 导出
+const handleExport = async () => {
+  loading.value = true;
+  const array: (string | number)[][] = [
+    [
+      '订单编号',
+      '姓名',
+      '手机号码',
+      '捐款金额',
+      '性别',
+      '年级',
+      '班级',
+      '居住地址',
+      '工作单位',
+      '职务',
+      '捐款时间'
+    ]
+  ];
+
+  // 按搜索结果导出
+  where.sceneType = 'Content';
+  await listBszxPay(where)
+    .then((list) => {
+      bmList.value = list;
+      list?.forEach((d: BszxBm) => {
+        array.push([
+          `${d.orderNo}`,
+          `${d.name}`,
+          `${d.mobile}`,
+          `${d.price}`,
+          `${d.sex == 1 ? '男' : ''}${d.sex == 2 ? '女' : '-'}`,
+          `${d.gradeName ? d.gradeName : '-'}`,
+          `${d.className ? d.className : '-'}`,
+          `${d.address ? d.address : '-'}`,
+          `${d.workUnit ? d.workUnit : '-'}`,
+          `${d.position ? d.position : '-'}`,
+          `${d.createTime}`
+        ]);
+      });
+      const sheetName = `导出捐款记录${dayjs(new Date()).format('YYYYMMDD')}`;
+      const workbook = {
+        SheetNames: [sheetName],
+        Sheets: {}
+      };
+      const sheet = utils.aoa_to_sheet(array);
+      workbook.Sheets[sheetName] = sheet;
+      // 设置列宽
+      sheet['!cols'] = [
+        {wch: 10},
+        {wch: 40},
+        {wch: 20},
+        {wch: 20},
+        {wch: 60},
+        {wch: 15},
+        {wch: 10},
+        {wch: 10},
+        {wch: 20},
+        {wch: 10},
+        {wch: 20}
+      ];
+      message.loading('正在导出...');
+      setTimeout(() => {
+        writeFile(
+          workbook,
+          `${
+            where.createTimeEnd ? xlsFileName.value + '_' : ''
+          }${sheetName}.xlsx`
+        );
+        loading.value = false;
+      }, 1000);
+    })
+    .catch((msg) => {
+      message.error(msg);
+      loading.value = false;
+    })
+    .finally(() => {
+    });
+
+};
+
+getGradeList();
+
+watch(
+  () => props.totalPriceAmount,
+  (totalPriceAmount) => {
+    console.log(totalPriceAmount, 'totalPriceAmount')
+  }
+);
+</script>
diff --git a/src/views/bsyx/bsyxPay/index.vue b/src/views/bsyx/bsyxPay/index.vue
new file mode 100644
index 0000000..7c9ab08
--- /dev/null
+++ b/src/views/bsyx/bsyxPay/index.vue
@@ -0,0 +1,336 @@
+<template>
+  <a-page-header :title="getPageTitle()" @back="() => $router.go(-1)">
+    <template #extra>
+      <Extra/>
+    </template>
+    <a-card :bordered="false" :body-style="{ padding: '16px' }">
+      <ele-pro-table
+        ref="tableRef"
+        row-key="id"
+        :columns="columns"
+        :datasource="datasource"
+        :customRow="customRow"
+        :parse-data="parseData"
+        tool-class="ele-toolbar-form"
+        class="sys-org-table"
+      >
+        <template #toolbar>
+          <search
+            @search="reload"
+            :selection="selection"
+            @add="openEdit"
+            @remove="removeBatch"
+            @batchMove="openMove"
+          />
+        </template>
+        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'name'">
+            <div @click="onSearch(record)" class="cursor-pointer">{{ record.name || '匿名' }}</div>
+          </template>
+          <template v-if="column.key === 'phone'">
+            <div v-if="record.mobile" class="text-gray-400">{{ record.mobile }}</div>
+            <div v-else class="text-gray-600">{{ record.phone }}</div>
+          </template>
+          <template v-if="column.key === 'image'">
+            <a-image :src="record.image" :width="50"/>
+          </template>
+          <template v-if="column.key === 'sex'">
+            <a-tag v-if="record.sex === 1">男</a-tag>
+            <a-tag v-if="record.sex === 2">女</a-tag>
+          </template>
+          <template v-if="column.key === 'present'">
+            <a-tag v-if="record.present">能</a-tag>
+            <a-tag v-else>不能</a-tag>
+          </template>
+          <template v-if="column.key === 'status'">
+            <a-tag v-if="record.status === 0" color="green">显示</a-tag>
+            <a-tag v-if="record.status === 1" color="red">隐藏</a-tag>
+          </template>
+          <template v-if="column.key === 'action'">
+            <a-space>
+              <a @click="openEdit(record)">修改</a>
+              <a-divider type="vertical"/>
+              <a-popconfirm
+                title="确定要删除此记录吗？"
+                @confirm="remove(record)"
+              >
+                <a class="ele-text-danger">删除</a>
+              </a-popconfirm>
+            </a-space>
+          </template>
+        </template>
+        <template #footer>
+          <span v-if="totalPriceAmount" class="text-red-500 font-bold">小计：￥{{ totalPriceAmount.toFixed(2) }}</span>
+        </template>
+      </ele-pro-table>
+    </a-card>
+
+    <!-- 编辑弹窗 -->
+    <BszxPayEdit v-model:visible="showEdit" :data="current" @done="reload"/>
+  </a-page-header>
+</template>
+
+<script lang="ts" setup>
+import {createVNode, ref} from 'vue';
+import {message, Modal} from 'ant-design-vue';
+import {ExclamationCircleOutlined} from '@ant-design/icons-vue';
+import type {EleProTable} from 'ele-admin-pro';
+import type {
+  DatasourceFunction,
+  ColumnItem
+} from 'ele-admin-pro/es/ele-pro-table/types';
+import Search from './components/search.vue';
+import BszxPayEdit from './components/bszxPayEdit.vue';
+import {pageBszxPay, removeBszxPay, removeBatchBszxPay} from '@/api/bszx/bszxPay';
+import type {BszxPay, BszxPayParam} from '@/api/bszx/bszxPay/model';
+import {getPageTitle} from "@/utils/common";
+import Extra from "@/views/bsyx/extra.vue";
+import {PageResult} from "@/api";
+
+// 表格实例
+const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+// 表格选中数据
+const selection = ref<BszxPay[]>([]);
+// 当前编辑数据
+const current = ref<BszxPay | null>(null);
+// 是否显示编辑弹窗
+const showEdit = ref(false);
+// 是否显示批量移动弹窗
+const showMove = ref(false);
+// 加载状态
+const loading = ref(true);
+const totalPriceAmount = ref<number>(0);
+
+// 表格数据源
+const datasource: DatasourceFunction = ({
+                                          page,
+                                          limit,
+                                          where,
+                                          orders,
+                                          filters
+                                        }) => {
+  if (filters) {
+    where.status = filters.status;
+  }
+  return pageBszxPay({
+    ...where,
+    ...orders,
+    page,
+    limit
+  });
+};
+
+// 整理数据
+const parseData = (data: PageResult<BszxPay>) => {
+  totalPriceAmount.value = 0;
+  data.list?.map((item) => {
+    if(item.price){
+      totalPriceAmount.value += Number(item.price)
+    }
+  })
+  return data;
+};
+
+// 表格列配置
+const columns = ref<ColumnItem[]>([
+  {
+    title: '订单编号',
+    dataIndex: 'orderNo',
+    key: 'orderNo',
+    align: 'center',
+    width: 200,
+  },
+  {
+    title: '姓名',
+    dataIndex: 'name',
+    key: 'name',
+    align: 'center',
+  },
+  {
+    title: '手机号码',
+    dataIndex: 'phone',
+    key: 'phone',
+    align: 'center',
+    width: 120
+  },
+  {
+    title: '捐款金额',
+    dataIndex: 'price',
+    key: 'price',
+    width: 120,
+    align: 'center',
+    sorter: true,
+    customRender: ({text}) => '￥' + text
+  },
+  {
+    title: '性别',
+    dataIndex: 'sex',
+    key: 'sex',
+    align: 'center',
+    customRender: ({text}) => ['', '男', '女'][text]
+  },
+  {
+    title: '分部',
+    dataIndex: 'branchName',
+    key: 'branchName',
+    align: 'center',
+  },
+  {
+    title: '年级',
+    dataIndex: 'gradeName',
+    key: 'gradeName',
+    align: 'center',
+  },
+  {
+    title: '班级',
+    dataIndex: 'className',
+    key: 'className',
+    align: 'center',
+  },
+  {
+    title: '居住地址',
+    dataIndex: 'address',
+    key: 'address',
+    align: 'center',
+  },
+  {
+    title: '工作单位',
+    dataIndex: 'workUnit',
+    key: 'workUnit',
+    align: 'center',
+  },
+  {
+    title: '职务',
+    dataIndex: 'position',
+    key: 'position',
+    align: 'center',
+  },
+  // {
+  //   title: '捐赠证书',
+  //   dataIndex: 'certificate',
+  //   key: 'certificate',
+  //   align: 'center',
+  // },
+  {
+    title: '心愿',
+    dataIndex: 'comments',
+    key: 'comments',
+    align: 'center',
+  },
+  // {
+  //   title: '状态',
+  //   dataIndex: 'status',
+  //   key: 'status',
+  //   align: 'center',
+  // },
+  {
+    title: '捐款时间',
+    dataIndex: 'createTime',
+    key: 'createTime',
+    align: 'center',
+    width: 180,
+    sorter: true,
+    ellipsis: true
+  },
+  // {
+  //   title: '操作',
+  //   key: 'action',
+  //   width: 180,
+  //   fixed: 'right',
+  //   align: 'center',
+  //   hideInSetting: true
+  // }
+]);
+
+/* 搜索 */
+const reload = (where?: BszxPayParam) => {
+  selection.value = [];
+  tableRef?.value?.reload({where: where});
+};
+
+const onSearch = (item: BszxPay) => {
+  reload({userId: item.userId})
+}
+
+/* 打开编辑弹窗 */
+const openEdit = (row?: BszxPay) => {
+  current.value = row ?? null;
+  showEdit.value = true;
+};
+
+/* 打开批量移动弹窗 */
+const openMove = () => {
+  showMove.value = true;
+};
+
+/* 删除单个 */
+const remove = (row: BszxPay) => {
+  const hide = message.loading('请求中..', 0);
+  removeBszxPay(row.id)
+    .then((msg) => {
+      hide();
+      message.success(msg);
+      reload();
+    })
+    .catch((e) => {
+      hide();
+      message.error(e.message);
+    });
+};
+
+/* 批量删除 */
+const removeBatch = () => {
+  if (!selection.value.length) {
+    message.error('请至少选择一条数据');
+    return;
+  }
+  Modal.confirm({
+    title: '提示',
+    content: '确定要删除选中的记录吗?',
+    icon: createVNode(ExclamationCircleOutlined),
+    maskClosable: true,
+    onOk: () => {
+      const hide = message.loading('请求中..', 0);
+      removeBatchBszxPay(selection.value.map((d) => d.id))
+        .then((msg) => {
+          hide();
+          message.success(msg);
+          reload();
+        })
+        .catch((e) => {
+          hide();
+          message.error(e.message);
+        });
+    }
+  });
+};
+
+/* 查询 */
+const query = () => {
+  loading.value = true;
+};
+
+/* 自定义行属性 */
+const customRow = (record: BszxPay) => {
+  return {
+    // 行点击事件
+    onClick: () => {
+      // console.log(record);
+    },
+    // 行双击事件
+    onDblclick: () => {
+      // openEdit(record);
+    }
+  };
+};
+query();
+</script>
+
+<script lang="ts">
+export default {
+  name: 'BszxPay'
+};
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/views/bsyx/bsyxPayRanking/components/bszxPayRankingEdit.vue b/src/views/bsyx/bsyxPayRanking/components/bszxPayRankingEdit.vue
new file mode 100644
index 0000000..f2e7fa7
--- /dev/null
+++ b/src/views/bsyx/bsyxPayRanking/components/bszxPayRankingEdit.vue
@@ -0,0 +1,214 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑百色中学-捐款排行' : '添加百色中学-捐款排行'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="来源表ID（项目名称）" name="formId">
+        <a-input
+          allow-clear
+          placeholder="请输入来源表ID（项目名称）"
+          v-model:value="form.formId"
+        />
+      </a-form-item>
+      <a-form-item label="数量" name="number">
+        <a-input
+          allow-clear
+          placeholder="请输入数量"
+          v-model:value="form.number"
+        />
+      </a-form-item>
+      <a-form-item label="获得捐款总金额" name="totalPrice">
+        <a-input
+          allow-clear
+          placeholder="请输入获得捐款总金额"
+          v-model:value="form.totalPrice"
+        />
+      </a-form-item>
+      <a-form-item label="排序(数字越小越靠前)" name="sortNumber">
+        <a-input-number
+          :min="0"
+          :max="9999"
+          class="ele-fluid"
+          placeholder="请输入排序号"
+          v-model:value="form.sortNumber"
+        />
+      </a-form-item>
+      <a-form-item label="备注" name="comments">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="请输入描述"
+          v-model:value="form.comments"
+        />
+      </a-form-item>
+      <a-form-item label="状态, 0正常, 1冻结" name="status">
+        <a-radio-group v-model:value="form.status">
+          <a-radio :value="0">显示</a-radio>
+          <a-radio :value="1">隐藏</a-radio>
+        </a-radio-group>
+      </a-form-item>
+      <a-form-item label="是否删除, 0否, 1是" name="deleted">
+        <a-input
+          allow-clear
+          placeholder="请输入是否删除, 0否, 1是"
+          v-model:value="form.deleted"
+        />
+      </a-form-item>
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, watch } from 'vue';
+  import { Form, message } from 'ant-design-vue';
+  import { assignObject, uuid } from 'ele-admin-pro';
+  import { addBszxPayRanking, updateBszxPayRanking } from '@/api/bszx/bszxPayRanking';
+  import { BszxPayRanking } from '@/api/bszx/bszxPayRanking/model';
+  import { useThemeStore } from '@/store/modules/theme';
+  import { storeToRefs } from 'pinia';
+  import { ItemType } from 'ele-admin-pro/es/ele-image-upload/types';
+  import { FormInstance } from 'ant-design-vue/es/form';
+  import { FileRecord } from '@/api/system/file/model';
+
+  // 是否是修改
+  const isUpdate = ref(false);
+  const useForm = Form.useForm;
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: BszxPayRanking | null;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  // 提交状态
+  const loading = ref(false);
+  // 是否显示最大化切换按钮
+  const maxable = ref(true);
+  // 表格选中数据
+  const formRef = ref<FormInstance | null>(null);
+  const images = ref<ItemType[]>([]);
+
+  // 用户信息
+  const form = reactive<BszxPayRanking>({
+    id: undefined,
+    formId: undefined,
+    number: undefined,
+    totalPrice: undefined,
+    tenantId: undefined,
+    createTime: undefined,
+    status: 0,
+    comments: '',
+    sortNumber: 100
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    bszxPayRankingName: [
+      {
+        required: true,
+        type: 'string',
+        message: '请填写百色中学-捐款排行名称',
+        trigger: 'blur'
+      }
+    ]
+  });
+
+  const chooseImage = (data: FileRecord) => {
+    images.value.push({
+      uid: data.id,
+      url: data.path,
+      status: 'done'
+    });
+    form.image = data.path;
+  };
+
+  const onDeleteItem = (index: number) => {
+    images.value.splice(index, 1);
+    form.image = '';
+  };
+
+  const { resetFields } = useForm(form, rules);
+
+  /* 保存编辑 */
+  const save = () => {
+    if (!formRef.value) {
+      return;
+    }
+    formRef.value
+      .validate()
+      .then(() => {
+        loading.value = true;
+        const formData = {
+          ...form
+        };
+        const saveOrUpdate = isUpdate.value ? updateBszxPayRanking : addBszxPayRanking;
+        saveOrUpdate(formData)
+          .then((msg) => {
+            loading.value = false;
+            message.success(msg);
+            updateVisible(false);
+            emit('done');
+          })
+          .catch((e) => {
+            loading.value = false;
+            message.error(e.message);
+          });
+      })
+      .catch(() => {});
+  };
+
+  watch(
+    () => props.visible,
+    (visible) => {
+      if (visible) {
+        images.value = [];
+        if (props.data) {
+          assignObject(form, props.data);
+          if(props.data.image){
+            images.value.push({
+              uid: uuid(),
+              url: props.data.image,
+              status: 'done'
+            })
+          }
+          isUpdate.value = true;
+        } else {
+          isUpdate.value = false;
+        }
+      } else {
+        resetFields();
+      }
+    },
+    { immediate: true }
+  );
+</script>
diff --git a/src/views/bsyx/bsyxPayRanking/components/search.vue b/src/views/bsyx/bsyxPayRanking/components/search.vue
new file mode 100644
index 0000000..e99b42d
--- /dev/null
+++ b/src/views/bsyx/bsyxPayRanking/components/search.vue
@@ -0,0 +1,86 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+    <a-range-picker
+      v-model:value="dateRange"
+      @change="search"
+      value-format="YYYY-MM-DD"
+    />
+    <a-tooltip title="实际订单总金额（来自订单表）" class="flex px-4">
+      <span class="text-gray-400">实际订单总金额：</span>
+      <span class="text-gray-700 font-bold">￥{{ formatNumber(bszxTotalPrice) }}</span>
+    </a-tooltip>
+
+    <a-tooltip title="排行榜统计金额（来自排行榜表）" class="flex px-4 ml-4">
+      <span class="text-gray-400">排行榜统计金额：</span>
+      <span class="text-gray-700 font-bold">￥{{ formatNumber(rankingTotalPrice) }}</span>
+    </a-tooltip>
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+  import useSearch from "@/utils/use-search";
+  import { watch, ref, computed } from 'vue';
+  import { formatNumber } from 'ele-admin-pro/es';
+  import { BszxPayRankingParam } from "@/api/bszx/bszxPayRanking/model";
+  import { useBszxStatisticsStore } from '@/store/modules/bszx-statistics';
+
+  // 使用百色中学统计数据 store
+  const bszxStatisticsStore = useBszxStatisticsStore();
+
+  // 从 store 中获取总金额
+  const bszxTotalPrice = computed(() => bszxStatisticsStore.bszxTotalPrice);
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的角色
+      selection?: [];
+      // 保留这个属性以保持向后兼容，但不再使用
+      totalPriceAmount?: number;
+      // 排行榜统计金额
+      rankingTotalPrice?: number;
+    }>(),
+    {
+      rankingTotalPrice: 0
+    }
+  );
+
+  // 日期范围选择
+  const dateRange = ref<[string, string]>(['', '']);
+
+  const emit = defineEmits<{
+    (e: 'search', where?: BszxPayRankingParam): void;
+    (e: 'add'): void;
+    (e: 'remove'): void;
+    (e: 'batchMove'): void;
+  }>();
+
+  // 表单数据
+  const {where,resetFields} = useSearch<BszxPayRankingParam>({
+    id: undefined,
+    userId: undefined,
+    createTimeStart: undefined,
+    createTimeEnd: undefined,
+    keywords: ''
+  });
+
+  /* 搜索 */
+  const search = () => {
+    const [d1, d2] = dateRange.value ?? [];
+    emit('search', {
+      ...where,
+      createTimeStart: d1 ? d1 + ' 00:00:00' : '',
+      createTimeEnd: d2 ? d2 + ' 23:59:59' : ''
+    });
+  };
+
+  const onSearch = (text: string) => {
+    where.sceneType = text
+    search();
+  }
+
+  watch(
+    () => props.selection,
+    () => {}
+  );
+</script>
diff --git a/src/views/bsyx/bsyxPayRanking/index.vue b/src/views/bsyx/bsyxPayRanking/index.vue
new file mode 100644
index 0000000..f9f1cb2
--- /dev/null
+++ b/src/views/bsyx/bsyxPayRanking/index.vue
@@ -0,0 +1,242 @@
+<template>
+  <a-page-header :title="getPageTitle()" @back="() => $router.go(-1)">
+    <template #extra>
+      <Extra/>
+    </template>
+    <a-card :bordered="false" :body-style="{ padding: '16px' }">
+      <ele-pro-table
+        ref="tableRef"
+        row-key="id"
+        :columns="columns"
+        :datasource="datasource"
+        :customRow="customRow"
+        tool-class="ele-toolbar-form"
+        class="sys-org-table"
+      >
+        <template #toolbar>
+          <search
+            @search="reload"
+            :selection="selection"
+            :rankingTotalPrice="rankingTotalPrice"
+            @add="openEdit"
+            @remove="removeBatch"
+            @batchMove="openMove"
+          />
+        </template>
+        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'image'">
+            <a-image :src="record.image" :width="50"/>
+          </template>
+          <template v-if="column.key === 'status'">
+            <a-tag v-if="record.status === 0" color="green">显示</a-tag>
+            <a-tag v-if="record.status === 1" color="red">隐藏</a-tag>
+          </template>
+          <template v-if="column.key === 'action'">
+            <a-space>
+              <a @click="openEdit(record)">修改</a>
+              <a-divider type="vertical"/>
+              <a-popconfirm
+                title="确定要删除此记录吗？"
+                @confirm="remove(record)"
+              >
+                <a class="ele-text-danger">删除</a>
+              </a-popconfirm>
+            </a-space>
+          </template>
+        </template>
+      </ele-pro-table>
+    </a-card>
+
+    <!-- 编辑弹窗 -->
+    <BszxPayRankingEdit v-model:visible="showEdit" :data="current" @done="reload"/>
+  </a-page-header>
+</template>
+
+<script lang="ts" setup>
+import {createVNode, ref, onMounted} from 'vue';
+import {message, Modal} from 'ant-design-vue';
+import {ExclamationCircleOutlined} from '@ant-design/icons-vue';
+import type {EleProTable} from 'ele-admin-pro';
+import type {
+  DatasourceFunction,
+  ColumnItem
+} from 'ele-admin-pro/es/ele-pro-table/types';
+import Search from './components/search.vue';
+import BszxPayRankingEdit from './components/bszxPayRankingEdit.vue';
+import {removeBszxPayRanking, removeBatchBszxPayRanking, ranking} from '@/api/bszx/bszxPayRanking';
+import type {BszxPayRanking, BszxPayRankingParam} from '@/api/bszx/bszxPayRanking/model';
+import {getPageTitle} from "@/utils/common";
+import Extra from "@/views/bsyx/extra.vue";
+import { useBszxStatisticsStore } from '@/store/modules/bszx-statistics';
+
+// 使用百色中学统计数据 store
+const bszxStatisticsStore = useBszxStatisticsStore();
+
+// 表格实例
+const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+// 表格选中数据
+const selection = ref<BszxPayRanking[]>([]);
+// 当前编辑数据
+const current = ref<BszxPayRanking | null>(null);
+// 是否显示编辑弹窗
+const showEdit = ref(false);
+// 是否显示批量移动弹窗
+const showMove = ref(false);
+// 加载状态
+const loading = ref(true);
+// 排行榜总金额（本地计算）
+const rankingTotalPrice = ref<number>(0);
+
+// 表格数据源
+const datasource: DatasourceFunction = ({where}) => {
+  return ranking({...where}).then(data => {
+    // 计算排行榜总金额（用于对比显示）
+    let total = 0;
+    data.forEach((item) => {
+      if (item.totalPrice) {
+        total += item.totalPrice;
+      }
+    });
+    rankingTotalPrice.value = total;
+
+    // 不再在这里更新 store 数据，因为这里的数据是排行榜数据，不是真实的订单统计
+    // store 中的数据应该来自 bszxOrderTotal API，代表真实的订单金额
+    return data;
+  });
+};
+
+// 表格列配置
+const columns = ref<ColumnItem[]>([
+  {
+    key: 'index',
+    width: 48,
+    align: 'center',
+    fixed: 'left',
+    hideInSetting: true,
+    customRender: ({index}) => index + (tableRef.value?.tableIndex ?? 0)
+  },
+  {
+    title: '项目名称',
+    dataIndex: 'formName',
+    key: 'formName'
+  },
+  {
+    title: '捐款人数',
+    dataIndex: 'number',
+    key: 'number',
+    align: 'center',
+  },
+  {
+    title: '获得捐款总金额',
+    dataIndex: 'totalPrice',
+    key: 'totalPrice',
+    align: 'center',
+  }
+  // {
+  //   title: '操作',
+  //   key: 'action',
+  //   width: 180,
+  //   fixed: 'right',
+  //   align: 'center',
+  //   hideInSetting: true
+  // }
+]);
+
+/* 搜索 */
+const reload = (where?: BszxPayRankingParam) => {
+  selection.value = [];
+  tableRef?.value?.reload({where: where});
+};
+
+// 初始化数据
+onMounted(async () => {
+  try {
+    // 初始化百色中学统计数据
+    await bszxStatisticsStore.fetchBszxStatistics();
+  } catch (error) {
+    console.error('初始化百色中学统计数据失败:', error);
+  }
+});
+
+/* 打开编辑弹窗 */
+const openEdit = (row?: BszxPayRanking) => {
+  current.value = row ?? null;
+  showEdit.value = true;
+};
+
+/* 打开批量移动弹窗 */
+const openMove = () => {
+  showMove.value = true;
+};
+
+/* 删除单个 */
+const remove = (row: BszxPayRanking) => {
+  const hide = message.loading('请求中..', 0);
+  removeBszxPayRanking(row.bszxPayRankingId)
+    .then((msg) => {
+      hide();
+      message.success(msg);
+      reload();
+    })
+    .catch((e) => {
+      hide();
+      message.error(e.message);
+    });
+};
+
+/* 批量删除 */
+const removeBatch = () => {
+  if (!selection.value.length) {
+    message.error('请至少选择一条数据');
+    return;
+  }
+  Modal.confirm({
+    title: '提示',
+    content: '确定要删除选中的记录吗?',
+    icon: createVNode(ExclamationCircleOutlined),
+    maskClosable: true,
+    onOk: () => {
+      const hide = message.loading('请求中..', 0);
+      removeBatchBszxPayRanking(selection.value.map((d) => d.bszxPayRankingId))
+        .then((msg) => {
+          hide();
+          message.success(msg);
+          reload();
+        })
+        .catch((e) => {
+          hide();
+          message.error(e.message);
+        });
+    }
+  });
+};
+
+/* 查询 */
+const query = () => {
+  loading.value = true;
+};
+
+/* 自定义行属性 */
+const customRow = (record: BszxPayRanking) => {
+  return {
+    // 行点击事件
+    onClick: () => {
+      // console.log(record);
+    },
+    // 行双击事件
+    onDblclick: () => {
+      openEdit(record);
+    }
+  };
+};
+query();
+</script>
+
+<script lang="ts">
+export default {
+  name: 'BszxPayRanking'
+};
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/views/bsyx/extra.vue b/src/views/bsyx/extra.vue
new file mode 100644
index 0000000..a178ce5
--- /dev/null
+++ b/src/views/bsyx/extra.vue
@@ -0,0 +1,60 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space style="flex-wrap: wrap" v-if="hasRole('superAdmin') || hasRole('admin') || hasRole('foundation')">
+    <a-button
+      type="text"
+      @click="openUrl('/bsyx/ranking')"
+    >捐款排行榜
+    </a-button>
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+import {watch,nextTick} from 'vue';
+import {CmsWebsite} from '@/api/cms/cmsWebsite/model';
+import {openUrl} from "@/utils/common";
+import {message} from 'ant-design-vue';
+import {removeSiteInfoCache} from "@/api/cms/cmsWebsite";
+import {hasRole} from "@/utils/permission";
+
+const props = withDefaults(
+  defineProps<{
+    // 选中的角色
+    selection?: [];
+    website?: CmsWebsite;
+    count?: 0;
+  }>(),
+  {}
+);
+
+const emit = defineEmits<{
+  (e: 'add'): void;
+}>();
+
+const add = () => {
+  emit('add');
+};
+
+// 清除缓存
+const clearSiteInfoCache = () => {
+  removeSiteInfoCache('SiteInfo:' + localStorage.getItem('TenantId') + "*").then(
+    (msg) => {
+      if (msg) {
+        message.success(msg);
+      }
+    }
+  );
+};
+
+nextTick(() => {
+  if(localStorage.getItem('NotActive')){
+    // IsActive.value = false
+  }
+})
+
+watch(
+  () => props.selection,
+  () => {
+  }
+);
+</script>
diff --git a/src/views/bszx/bszxBm/components/bszxBmEdit.vue b/src/views/bszx/bszxBm/components/bszxBmEdit.vue
new file mode 100644
index 0000000..dd3d6de
--- /dev/null
+++ b/src/views/bszx/bszxBm/components/bszxBmEdit.vue
@@ -0,0 +1,283 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑报名记录' : '添加报名'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="姓名" name="name">
+        <a-input
+          allow-clear
+          placeholder="请输入姓名"
+          v-model:value="form.name"
+        />
+      </a-form-item>
+      <a-form-item label="类型" name="type">
+        <a-radio-group v-model:value="form.type">
+          <a-radio :value="0">校友</a-radio>
+          <a-radio :value="1">单位</a-radio>
+          <a-radio :value="2">爱心人士</a-radio>
+        </a-radio-group>
+      </a-form-item>
+      <a-form-item label="性别" name="sex">
+        <DictSelect
+          dict-code="sex"
+          :placeholder="`请选择性别`"
+          v-model:value="form.sexName"
+          @done="chooseSex"
+        />
+      </a-form-item>
+      <a-form-item label="性别" name="sex">
+        {{ form }}
+        {{ form.sex == 1 ? '男' : '' }}
+        {{ form.sex == 2 ? '女' : '' }}
+      </a-form-item>
+      <a-form-item label="手机号码" name="mobile">
+        <a-input
+          allow-clear
+          :disabled="form.mobile"
+          placeholder="请输入手机号码"
+          v-model:value="form.mobile"
+        />
+      </a-form-item>
+      <a-form-item label="班级" name="className">
+        <a-input
+          allow-clear
+          disabled
+          placeholder="请输入班级"
+          v-model:value="form.className"
+        />
+      </a-form-item>
+      <a-form-item label="年级" name="gradeName">
+        <a-input
+          allow-clear
+          disabled
+          placeholder="请输入年级"
+          v-model:value="form.gradeName"
+        />
+      </a-form-item>
+      <a-form-item label="居住地址" name="address">
+        <a-input
+          allow-clear
+          placeholder="请输入居住地址"
+          v-model:value="form.address"
+        />
+      </a-form-item>
+      <a-form-item label="工作单位" name="workUnit">
+        <a-input
+          allow-clear
+          placeholder="请输入工作单位"
+          v-model:value="form.workUnit"
+        />
+      </a-form-item>
+      <a-form-item label="职务" name="position">
+        <a-input
+          allow-clear
+          placeholder="请输入职务"
+          v-model:value="form.position"
+        />
+      </a-form-item>
+      <a-form-item label="是否能到场" name="present">
+        <a-input
+          allow-clear
+          placeholder="请输入是否能到场"
+          v-model:value="form.present"
+        />
+      </a-form-item>
+      <!--      <a-form-item label="邀请函" name="certificate">-->
+      <!--        <a-input-->
+      <!--          allow-clear-->
+      <!--          placeholder="请输入邀请函"-->
+      <!--          v-model:value="form.certificate"-->
+      <!--        />-->
+      <!--      </a-form-item>-->
+      <!--      <a-form-item label="排序" name="sortNumber">-->
+      <!--        <a-input-number-->
+      <!--          :min="0"-->
+      <!--          :max="9999"-->
+      <!--          class="ele-fluid"-->
+      <!--          placeholder="请输入排序号"-->
+      <!--          v-model:value="form.sortNumber"-->
+      <!--        />-->
+      <!--      </a-form-item>-->
+      <a-form-item label="备注" name="comments">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="请输入描述"
+          v-model:value="form.comments"
+        />
+      </a-form-item>
+      <!--      <a-form-item label="状态" name="status">-->
+      <!--        <a-radio-group v-model:value="form.status">-->
+      <!--          <a-radio :value="0">显示</a-radio>-->
+      <!--          <a-radio :value="1">隐藏</a-radio>-->
+      <!--        </a-radio-group>-->
+      <!--      </a-form-item>-->
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+import {ref, reactive, watch} from 'vue';
+import {Form, message} from 'ant-design-vue';
+import {assignObject, uuid} from 'ele-admin-pro';
+import {addBszxBm, updateBszxBm} from '@/api/bszx/bszxBm';
+import {BszxBm} from '@/api/bszx/bszxBm/model';
+import {useThemeStore} from '@/store/modules/theme';
+import {storeToRefs} from 'pinia';
+import {ItemType} from 'ele-admin-pro/es/ele-image-upload/types';
+import {FormInstance} from 'ant-design-vue/es/form';
+
+// 是否是修改
+const isUpdate = ref(false);
+const useForm = Form.useForm;
+// 是否开启响应式布局
+const themeStore = useThemeStore();
+const {styleResponsive} = storeToRefs(themeStore);
+
+const props = defineProps<{
+  // 弹窗是否打开
+  visible: boolean;
+  // 修改回显的数据
+  data?: BszxBm | null;
+}>();
+
+const emit = defineEmits<{
+  (e: 'done'): void;
+  (e: 'update:visible', visible: boolean): void;
+}>();
+
+// 提交状态
+const loading = ref(false);
+// 是否显示最大化切换按钮
+const maxable = ref(true);
+// 表格选中数据
+const formRef = ref<FormInstance | null>(null);
+const images = ref<ItemType[]>([]);
+
+// 用户信息
+const form = reactive<BszxBm>({
+  id: undefined,
+  name: undefined,
+  sex: undefined,
+  sexName: undefined,
+  phone: undefined,
+  mobile: undefined,
+  className: undefined,
+  gradeName: undefined,
+  address: undefined,
+  workUnit: undefined,
+  position: undefined,
+  present: undefined,
+  age: undefined,
+  number: undefined,
+  extra: undefined,
+  certificate: undefined,
+  dateTime: undefined,
+  formData: undefined,
+  formId: undefined,
+  userId: undefined,
+  comments: undefined,
+  status: undefined,
+  deleted: undefined,
+  tenantId: undefined,
+  createTime: undefined,
+  sortNumber: 100
+});
+
+/* 更新visible */
+const updateVisible = (value: boolean) => {
+  emit('update:visible', value);
+};
+
+// 表单验证规则
+const rules = reactive({
+  appBszxBmName: [
+    {
+      required: true,
+      type: 'string',
+      message: '请填写应用-百色中学-报名记录名称',
+      trigger: 'blur'
+    }
+  ]
+});
+
+const chooseSex = (data: any) => {
+  form.sex = data.key;
+  form.sexName = data.label;
+};
+
+const {resetFields} = useForm(form, rules);
+
+/* 保存编辑 */
+const save = () => {
+  if (!formRef.value) {
+    return;
+  }
+  formRef.value
+    .validate()
+    .then(() => {
+      loading.value = true;
+      const formData = {
+        ...form
+      };
+      const saveOrUpdate = isUpdate.value ? updateBszxBm : addBszxBm;
+      saveOrUpdate(formData)
+        .then((msg) => {
+          loading.value = false;
+          message.success(msg);
+          updateVisible(false);
+          emit('done');
+        })
+        .catch((e) => {
+          loading.value = false;
+          message.error(e.message);
+        });
+    })
+    .catch(() => {
+    });
+};
+
+watch(
+  () => props.visible,
+  (visible) => {
+    if (visible) {
+      images.value = [];
+      if (props.data) {
+        assignObject(form, props.data);
+        if(props.data.sex){
+          form.sexName = props.data.sexName;
+        }
+        if (props.data.image) {
+          images.value.push({
+            uid: uuid(),
+            url: props.data.image,
+            status: 'done'
+          })
+        }
+        isUpdate.value = true;
+      } else {
+        isUpdate.value = false;
+      }
+    } else {
+      resetFields();
+    }
+  },
+  {immediate: true}
+);
+</script>
diff --git a/src/views/bszx/bszxBm/components/search.vue b/src/views/bszx/bszxBm/components/search.vue
new file mode 100644
index 0000000..795cd47
--- /dev/null
+++ b/src/views/bszx/bszxBm/components/search.vue
@@ -0,0 +1,224 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+<!--    <a-button type="primary" class="ele-btn-icon" @click="add">-->
+<!--      <template #icon>-->
+<!--        <PlusOutlined />-->
+<!--      </template>-->
+<!--      <span>添加</span>-->
+<!--    </a-button>-->
+    <a-radio-group v-model:value="where.branchId" @change="reload">
+      <a-radio-button :value="1">初中部</a-radio-button>
+      <a-radio-button :value="2">高中部</a-radio-button>
+      <a-radio-button :value="8">教职员工</a-radio-button>
+      <a-radio-button :value="9">其他</a-radio-button>
+    </a-radio-group>
+    <a-select
+      show-search
+      v-model:value="where.gradeName"
+      style="width: 240px"
+      placeholder="选择年级"
+      :options="gradeList"
+      @change="onGrade"
+    ></a-select>
+    <a-select
+      v-if="where.gradeName"
+      show-search
+      v-model:value="where.classId"
+      style="width: 240px"
+      placeholder="选择年级"
+      :options="classList"
+      @change="onClass"
+    ></a-select>
+    <a-input-search
+      allow-clear
+      placeholder="请输入关键词"
+      style="width: 280px"
+      v-model:value="where.keywords"
+      @search="reload"
+    />
+    <a-button type="text" @click="handleExport">导出</a-button>
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+import {ref, watch} from 'vue';
+import {utils, writeFile} from 'xlsx';
+import dayjs from 'dayjs';
+import {message} from 'ant-design-vue';
+import {BszxBm, BszxBmParam} from "@/api/bszx/bszxBm/model";
+import useSearch from "@/utils/use-search";
+import {listBszxBm} from "@/api/bszx/bszxBm";
+import {BszxClassParam} from "@/api/bszx/bszxClass/model";
+import {listBszxGrade} from "@/api/bszx/bszxGrade";
+import {listBszxClass} from "@/api/bszx/bszxClass";
+import { PlusOutlined } from '@ant-design/icons-vue';
+
+const props = withDefaults(
+  defineProps<{
+    // 选中的角色
+    selection?: [];
+  }>(),
+  {}
+);
+
+const emit = defineEmits<{
+  (e: 'search', where?: BszxBmParam): void;
+  (e: 'add'): void;
+  (e: 'remove'): void;
+  (e: 'batchMove'): void;
+}>();
+
+// 表单数据
+const {where} = useSearch<BszxBmParam>({
+  id: undefined,
+  keywords: '',
+  className: undefined,
+  classId: undefined,
+  userId: undefined
+});
+
+// 变量
+const loading = ref(false);
+const bmList = ref<BszxBm[]>([])
+const xlsFileName = ref<string>();
+const gradeId = ref<number>();
+const gradeList = ref<BszxClassParam[]>([]);
+const classList = ref<BszxClassParam[]>([]);
+
+const reload = () => {
+  emit('search', where);
+};
+
+// 新增
+const add = () => {
+  emit('add');
+};
+
+const getGradeList = () => {
+  listBszxGrade({branch: where.branchId}).then(res => {
+    gradeList.value = res.map(d => {
+      d.value = Number(d.id);
+      d.label = d.name;
+      return d;
+    });
+  })
+};
+
+const getClassList = () => {
+  listBszxClass({gradeId: gradeId.value}).then(res => {
+    classList.value = res.map(d => {
+      d.value = Number(d.id);
+      d.label = d.name;
+      return d;
+    });
+  })
+}
+
+const onGrade = (gradeName: number, item: any) => {
+  where.gradeName = item.name;
+  if(gradeName){
+    console.log(item)
+    gradeId.value = item.id;
+    getClassList();
+  }
+  emit('search', where);
+}
+
+const onClass = (classId,item) => {
+  console.log(classId);
+  where.className = item.name;
+  reload();
+}
+
+// 导出
+const handleExport = async () => {
+  loading.value = true;
+  const array: (string | number)[][] = [
+    [
+      '用户ID',
+      '姓名',
+      '性别',
+      '手机号码',
+      '班级',
+      '年级',
+      '居住地址',
+      '工作单位',
+      '职务',
+      '是否能到场',
+      '邀请函',
+      '报名时间'
+    ]
+  ];
+
+  // 按搜索结果导出
+  where.sceneType = 'Content';
+  await listBszxBm(where)
+    .then((list) => {
+      bmList.value = list;
+      list?.forEach((d: BszxBm) => {
+        array.push([
+          `${d.userId}`,
+          `${d.name}`,
+          `${d.sex}`,
+          `${d.phone}`,
+          `${d.className}`,
+          `${d.gradeName}`,
+          `${d.address}`,
+          `${d.workUnit}`,
+          `${d.position}`,
+          `${d.present}`,
+          `${d.certificate}`,
+          `${d.createTime}`
+        ]);
+      });
+      const sheetName = `导出报名列表${dayjs(new Date()).format('YYYYMMDD')}`;
+      const workbook = {
+        SheetNames: [sheetName],
+        Sheets: {}
+      };
+      const sheet = utils.aoa_to_sheet(array);
+      workbook.Sheets[sheetName] = sheet;
+      // 设置列宽
+      sheet['!cols'] = [
+        {wch: 10},
+        {wch: 40},
+        {wch: 20},
+        {wch: 20},
+        {wch: 60},
+        {wch: 15},
+        {wch: 10},
+        {wch: 10},
+        {wch: 20},
+        {wch: 10},
+        {wch: 20}
+      ];
+      message.loading('正在导出...');
+      setTimeout(() => {
+        writeFile(
+          workbook,
+          `${
+            where.createTimeEnd ? xlsFileName.value + '_' : ''
+          }${sheetName}.xlsx`
+        );
+        loading.value = false;
+      }, 1000);
+    })
+    .catch((msg) => {
+      message.error(msg);
+      loading.value = false;
+    })
+    .finally(() => {
+    });
+
+};
+
+
+getGradeList();
+
+watch(
+  () => props.selection,
+  () => {
+  }
+);
+</script>
diff --git a/src/views/bszx/bszxBm/index.vue b/src/views/bszx/bszxBm/index.vue
new file mode 100644
index 0000000..55acc41
--- /dev/null
+++ b/src/views/bszx/bszxBm/index.vue
@@ -0,0 +1,306 @@
+<template>
+  <a-page-header :title="getPageTitle()" @back="() => $router.go(-1)">
+    <template #extra>
+<!--      <Extra/>-->
+    </template>
+    <a-card :bordered="false" :body-style="{ padding: '16px' }">
+      <ele-pro-table
+        ref="tableRef"
+        row-key="id"
+        :columns="columns"
+        :datasource="datasource"
+        :customRow="customRow"
+        tool-class="ele-toolbar-form"
+        class="sys-org-table"
+      >
+        <template #toolbar>
+          <search
+            @search="reload"
+            :selection="selection"
+            @add="openEdit"
+            @remove="removeBatch"
+            @batchMove="openMove"
+          />
+        </template>
+        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'name'">
+            <a-space>
+              <a-avatar :src="record.avatar"/>
+              <span>{{ record.name }}</span>
+            </a-space>
+          </template>
+          <template v-if="column.key === 'sex'">
+            <a-tag v-if="record.sex === 1">男</a-tag>
+            <a-tag v-if="record.sex === 2">女</a-tag>
+          </template>
+          <template v-if="column.key === 'present'">
+            <a-tag v-if="record.present">能</a-tag>
+            <a-tag v-else>不能</a-tag>
+          </template>
+          <template v-if="column.key === 'status'">
+            <a-tag v-if="record.status === 0" color="green">显示</a-tag>
+            <a-tag v-if="record.status === 1" color="red">隐藏</a-tag>
+          </template>
+          <template v-if="column.key === 'action'">
+            <a-space>
+              <!--                <a @click="openEdit(record)">修改</a>-->
+              <!--                <a-divider type="vertical" />-->
+              <a-popconfirm
+                title="确定要删除此记录吗？"
+                @confirm="remove(record)"
+              >
+                <a class="ele-text-danger">删除</a>
+              </a-popconfirm>
+            </a-space>
+          </template>
+        </template>
+      </ele-pro-table>
+    </a-card>
+
+    <!-- 编辑弹窗 -->
+    <bszxBmEdit v-model:visible="showEdit" :data="current" @done="reload"/>
+  </a-page-header>
+</template>
+
+<script lang="ts" setup>
+import {createVNode, ref} from 'vue';
+import {message, Modal} from 'ant-design-vue';
+import {ExclamationCircleOutlined} from '@ant-design/icons-vue';
+import type {EleProTable} from 'ele-admin-pro';
+import type {
+  DatasourceFunction,
+  ColumnItem
+} from 'ele-admin-pro/es/ele-pro-table/types';
+import Search from './components/search.vue';
+import BszxBmEdit from './components/bszxBmEdit.vue';
+import {pageBszxBm, removeBszxBm, removeBatchBszxBm} from '@/api/bszx/bszxBm';
+import type {BszxBm, BszxBmParam} from '@/api/bszx/bszxBm/model';
+import {getPageTitle} from "@/utils/common";
+import Extra from "@/views/bszx/extra.vue";
+
+// 表格实例
+const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+// 表格选中数据
+const selection = ref<BszxBm[]>([]);
+// 当前编辑数据
+const current = ref<BszxBm | null>(null);
+// 是否显示编辑弹窗
+const showEdit = ref(false);
+// 是否显示批量移动弹窗
+const showMove = ref(false);
+// 加载状态
+const loading = ref(true);
+
+// 表格数据源
+const datasource: DatasourceFunction = ({
+                                          page,
+                                          limit,
+                                          where,
+                                          orders,
+                                          filters
+                                        }) => {
+  // if (filters) {
+  //   where.status = filters.status;
+  // }
+  return pageBszxBm({
+    ...where,
+    ...orders,
+    page,
+    limit
+  });
+};
+
+// 表格列配置
+const columns = ref<ColumnItem[]>([
+  {
+    key: 'index',
+    width: 90,
+    align: 'center',
+    fixed: 'left',
+    hideInSetting: true,
+    customRender: ({index}) => index + (tableRef.value?.tableIndex ?? 0)
+  },
+  {
+    title: '类型',
+    dataIndex: 'type',
+    key: 'type',
+    width: 120,
+    align: 'center',
+    customRender: ({text}) => ['校友', '单位', '爱心人士'][text]
+  },
+  {
+    title: '姓名',
+    dataIndex: 'name',
+    key: 'name',
+    width: 120
+  },
+  {
+    title: '手机号码',
+    dataIndex: 'mobile',
+    key: 'mobile',
+    width: 130,
+    align: 'center',
+  },
+  {
+    title: '性别',
+    dataIndex: 'sex',
+    key: 'sex',
+    width: 90,
+    align: 'center',
+    customRender: ({text}) => ['', '男', '女'][text]
+  },
+  {
+    title: '分部',
+    dataIndex: 'branchName',
+    key: 'branchName',
+    align: 'center',
+  },
+  {
+    title: '年级',
+    dataIndex: 'gradeName',
+    key: 'gradeName',
+    align: 'center',
+  },
+  {
+    title: '班级',
+    dataIndex: 'className',
+    key: 'className',
+    align: 'center',
+  },
+  {
+    title: '居住地址',
+    dataIndex: 'address',
+    key: 'address',
+    align: 'center',
+  },
+  {
+    title: '工作单位',
+    dataIndex: 'workUnit',
+    key: 'workUnit',
+    align: 'center',
+  },
+  {
+    title: '职务',
+    dataIndex: 'position',
+    key: 'position',
+    align: 'center',
+  },
+  {
+    title: '是否能到场',
+    dataIndex: 'present',
+    key: 'present',
+    align: 'center',
+  },
+  // {
+  //   title: '状态',
+  //   dataIndex: 'status',
+  //   key: 'status',
+  //   align: 'center',
+  // },
+  {
+    title: '报名时间',
+    dataIndex: 'createTime',
+    key: 'createTime',
+    width: 180,
+    align: 'center',
+    sorter: true,
+    ellipsis: true
+  },
+  {
+    title: '操作',
+    key: 'action',
+    width: 120,
+    fixed: 'right',
+    align: 'center',
+    hideInSetting: true
+  }
+]);
+
+/* 搜索 */
+const reload = (where?: BszxBmParam) => {
+  selection.value = [];
+  tableRef?.value?.reload({where: where});
+};
+
+/* 打开编辑弹窗 */
+const openEdit = (row?: BszxBm) => {
+  current.value = row ?? null;
+  showEdit.value = true;
+};
+
+/* 打开批量移动弹窗 */
+const openMove = () => {
+  showMove.value = true;
+};
+
+/* 删除单个 */
+const remove = (row: BszxBm) => {
+  const hide = message.loading('请求中..', 0);
+  removeBszxBm(row.id)
+    .then((msg) => {
+      hide();
+      message.success(msg);
+      reload();
+    })
+    .catch((e) => {
+      hide();
+      message.error(e.message);
+    });
+};
+
+/* 批量删除 */
+const removeBatch = () => {
+  if (!selection.value.length) {
+    message.error('请至少选择一条数据');
+    return;
+  }
+  Modal.confirm({
+    title: '提示',
+    content: '确定要删除选中的记录吗?',
+    icon: createVNode(ExclamationCircleOutlined),
+    maskClosable: true,
+    onOk: () => {
+      const hide = message.loading('请求中..', 0);
+      removeBatchBszxBm(selection.value.map((d) => d.id))
+        .then((msg) => {
+          hide();
+          message.success(msg);
+          reload();
+        })
+        .catch((e) => {
+          hide();
+          message.error(e.message);
+        });
+    }
+  });
+};
+
+/* 查询 */
+const query = () => {
+  loading.value = true;
+};
+
+/* 自定义行属性 */
+const customRow = (record: BszxBm) => {
+  return {
+    // 行点击事件
+    onClick: () => {
+      // console.log(record);
+    },
+    // 行双击事件
+    onDblclick: () => {
+      openEdit(record);
+    }
+  };
+};
+query();
+</script>
+
+<script lang="ts">
+export default {
+  name: 'BszxBm'
+};
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/views/bszx/bszxBranch/components/bszxBranchEdit.vue b/src/views/bszx/bszxBranch/components/bszxBranchEdit.vue
new file mode 100644
index 0000000..ec33edb
--- /dev/null
+++ b/src/views/bszx/bszxBranch/components/bszxBranchEdit.vue
@@ -0,0 +1,179 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑百色中学-分部' : '添加百色中学-分部'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="分部名称 " name="name">
+        <a-input
+          allow-clear
+          placeholder="请输入分部名称 "
+          v-model:value="form.name"
+        />
+      </a-form-item>
+      <a-form-item label="排序(数字越小越靠前)" name="sortNumber">
+        <a-input-number
+          :min="0"
+          :max="9999"
+          class="ele-fluid"
+          placeholder="请输入排序号"
+          v-model:value="form.sortNumber"
+        />
+      </a-form-item>
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, watch } from 'vue';
+  import { Form, message } from 'ant-design-vue';
+  import { assignObject, uuid } from 'ele-admin-pro';
+  import { addBszxBranch, updateBszxBranch } from '@/api/bszx/bszxBranch';
+  import { BszxBranch } from '@/api/bszx/bszxBranch/model';
+  import { useThemeStore } from '@/store/modules/theme';
+  import { storeToRefs } from 'pinia';
+  import { ItemType } from 'ele-admin-pro/es/ele-image-upload/types';
+  import { FormInstance } from 'ant-design-vue/es/form';
+  import { FileRecord } from '@/api/system/file/model';
+
+  // 是否是修改
+  const isUpdate = ref(false);
+  const useForm = Form.useForm;
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: BszxBranch | null;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  // 提交状态
+  const loading = ref(false);
+  // 是否显示最大化切换按钮
+  const maxable = ref(true);
+  // 表格选中数据
+  const formRef = ref<FormInstance | null>(null);
+  const images = ref<ItemType[]>([]);
+
+  // 用户信息
+  const form = reactive<BszxBranch>({
+    id: undefined,
+    name: undefined,
+    sortNumber: undefined,
+    tenantId: undefined,
+    bszxBranchId: undefined,
+    bszxBranchName: '',
+    status: 0,
+    comments: '',
+    sortNumber: 100
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    bszxBranchName: [
+      {
+        required: true,
+        type: 'string',
+        message: '请填写百色中学-分部名称',
+        trigger: 'blur'
+      }
+    ]
+  });
+
+  const chooseImage = (data: FileRecord) => {
+    images.value.push({
+      uid: data.id,
+      url: data.path,
+      status: 'done'
+    });
+    form.image = data.path;
+  };
+
+  const onDeleteItem = (index: number) => {
+    images.value.splice(index, 1);
+    form.image = '';
+  };
+
+  const { resetFields } = useForm(form, rules);
+
+  /* 保存编辑 */
+  const save = () => {
+    if (!formRef.value) {
+      return;
+    }
+    formRef.value
+      .validate()
+      .then(() => {
+        loading.value = true;
+        const formData = {
+          ...form
+        };
+        const saveOrUpdate = isUpdate.value ? updateBszxBranch : addBszxBranch;
+        saveOrUpdate(formData)
+          .then((msg) => {
+            loading.value = false;
+            message.success(msg);
+            updateVisible(false);
+            emit('done');
+          })
+          .catch((e) => {
+            loading.value = false;
+            message.error(e.message);
+          });
+      })
+      .catch(() => {});
+  };
+
+  watch(
+    () => props.visible,
+    (visible) => {
+      if (visible) {
+        images.value = [];
+        if (props.data) {
+          assignObject(form, props.data);
+          if(props.data.image){
+            images.value.push({
+              uid: uuid(),
+              url: props.data.image,
+              status: 'done'
+            })
+          }
+          isUpdate.value = true;
+        } else {
+          isUpdate.value = false;
+        }
+      } else {
+        resetFields();
+      }
+    },
+    { immediate: true }
+  );
+</script>
diff --git a/src/views/bszx/bszxBranch/components/search.vue b/src/views/bszx/bszxBranch/components/search.vue
new file mode 100644
index 0000000..82fea9d
--- /dev/null
+++ b/src/views/bszx/bszxBranch/components/search.vue
@@ -0,0 +1,42 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+    <a-button type="primary" class="ele-btn-icon" @click="add">
+      <template #icon>
+        <PlusOutlined />
+      </template>
+      <span>添加</span>
+    </a-button>
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+  import { PlusOutlined } from '@ant-design/icons-vue';
+  import type { GradeParam } from '@/api/user/grade/model';
+  import { watch } from 'vue';
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的角色
+      selection?: [];
+    }>(),
+    {}
+  );
+
+  const emit = defineEmits<{
+    (e: 'search', where?: GradeParam): void;
+    (e: 'add'): void;
+    (e: 'remove'): void;
+    (e: 'batchMove'): void;
+  }>();
+
+  // 新增
+  const add = () => {
+    emit('add');
+  };
+
+  watch(
+    () => props.selection,
+    () => {}
+  );
+</script>
diff --git a/src/views/bszx/bszxBranch/index.vue b/src/views/bszx/bszxBranch/index.vue
new file mode 100644
index 0000000..b249064
--- /dev/null
+++ b/src/views/bszx/bszxBranch/index.vue
@@ -0,0 +1,218 @@
+<template>
+  <div class="page">
+    <div class="ele-body">
+      <a-card :bordered="false" :body-style="{ padding: '16px' }">
+        <ele-pro-table
+          ref="tableRef"
+          row-key="bszxBranchId"
+          :columns="columns"
+          :datasource="datasource"
+          :customRow="customRow"
+          tool-class="ele-toolbar-form"
+          class="sys-org-table"
+        >
+          <template #toolbar>
+            <search
+              @search="reload"
+              :selection="selection"
+              @add="openEdit"
+              @remove="removeBatch"
+              @batchMove="openMove"
+            />
+          </template>
+          <template #bodyCell="{ column, record }">
+            <template v-if="column.key === 'image'">
+              <a-image :src="record.image" :width="50" />
+            </template>
+            <template v-if="column.key === 'status'">
+              <a-tag v-if="record.status === 0" color="green">显示</a-tag>
+              <a-tag v-if="record.status === 1" color="red">隐藏</a-tag>
+            </template>
+            <template v-if="column.key === 'action'">
+              <a-space>
+                <a @click="openEdit(record)">修改</a>
+                <a-divider type="vertical" />
+                <a-popconfirm
+                  title="确定要删除此记录吗？"
+                  @confirm="remove(record)"
+                >
+                  <a class="ele-text-danger">删除</a>
+                </a-popconfirm>
+              </a-space>
+            </template>
+          </template>
+        </ele-pro-table>
+      </a-card>
+
+      <!-- 编辑弹窗 -->
+      <BszxBranchEdit v-model:visible="showEdit" :data="current" @done="reload" />
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+  import { createVNode, ref } from 'vue';
+  import { message, Modal } from 'ant-design-vue';
+  import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
+  import type { EleProTable } from 'ele-admin-pro';
+  import { toDateString } from 'ele-admin-pro';
+  import type {
+    DatasourceFunction,
+    ColumnItem
+  } from 'ele-admin-pro/es/ele-pro-table/types';
+  import Search from './components/search.vue';
+  import BszxBranchEdit from './components/bszxBranchEdit.vue';
+  import { pageBszxBranch, removeBszxBranch, removeBatchBszxBranch } from '@/api/bszx/bszxBranch';
+  import type { BszxBranch, BszxBranchParam } from '@/api/bszx/bszxBranch/model';
+
+  // 表格实例
+  const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+  // 表格选中数据
+  const selection = ref<BszxBranch[]>([]);
+  // 当前编辑数据
+  const current = ref<BszxBranch | null>(null);
+  // 是否显示编辑弹窗
+  const showEdit = ref(false);
+  // 是否显示批量移动弹窗
+  const showMove = ref(false);
+  // 加载状态
+  const loading = ref(true);
+
+  // 表格数据源
+  const datasource: DatasourceFunction = ({
+    page,
+    limit,
+    where,
+    orders,
+    filters
+  }) => {
+    if (filters) {
+      where.status = filters.status;
+    }
+    return pageBszxBranch({
+      ...where,
+      ...orders,
+      page,
+      limit
+    });
+  };
+
+  // 表格列配置
+  const columns = ref<ColumnItem[]>([
+    {
+      title: 'ID',
+      dataIndex: 'id',
+      key: 'id',
+      align: 'center',
+      width: 90,
+    },
+    {
+      title: '分部名称 ',
+      dataIndex: 'name',
+      key: 'name',
+      align: 'center',
+    },
+    {
+      title: '排序(数字越小越靠前)',
+      dataIndex: 'sortNumber',
+      key: 'sortNumber',
+      align: 'center',
+    },
+    {
+      title: '操作',
+      key: 'action',
+      width: 180,
+      fixed: 'right',
+      align: 'center',
+      hideInSetting: true
+    }
+  ]);
+
+  /* 搜索 */
+  const reload = (where?: BszxBranchParam) => {
+    selection.value = [];
+    tableRef?.value?.reload({ where: where });
+  };
+
+  /* 打开编辑弹窗 */
+  const openEdit = (row?: BszxBranch) => {
+    current.value = row ?? null;
+    showEdit.value = true;
+  };
+
+  /* 打开批量移动弹窗 */
+  const openMove = () => {
+    showMove.value = true;
+  };
+
+  /* 删除单个 */
+  const remove = (row: BszxBranch) => {
+    const hide = message.loading('请求中..', 0);
+    removeBszxBranch(row.bszxBranchId)
+      .then((msg) => {
+        hide();
+        message.success(msg);
+        reload();
+      })
+      .catch((e) => {
+        hide();
+        message.error(e.message);
+      });
+  };
+
+  /* 批量删除 */
+  const removeBatch = () => {
+    if (!selection.value.length) {
+      message.error('请至少选择一条数据');
+      return;
+    }
+    Modal.confirm({
+      title: '提示',
+      content: '确定要删除选中的记录吗?',
+      icon: createVNode(ExclamationCircleOutlined),
+      maskClosable: true,
+      onOk: () => {
+        const hide = message.loading('请求中..', 0);
+        removeBatchBszxBranch(selection.value.map((d) => d.bszxBranchId))
+          .then((msg) => {
+            hide();
+            message.success(msg);
+            reload();
+          })
+          .catch((e) => {
+            hide();
+            message.error(e.message);
+          });
+      }
+    });
+  };
+
+  /* 查询 */
+  const query = () => {
+    loading.value = true;
+  };
+
+  /* 自定义行属性 */
+  const customRow = (record: BszxBranch) => {
+    return {
+      // 行点击事件
+      onClick: () => {
+        // console.log(record);
+      },
+      // 行双击事件
+      onDblclick: () => {
+        openEdit(record);
+      }
+    };
+  };
+  query();
+</script>
+
+<script lang="ts">
+  export default {
+    name: 'BszxBranch'
+  };
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/views/bszx/bszxClass/components/bszxClassEdit.vue b/src/views/bszx/bszxClass/components/bszxClassEdit.vue
new file mode 100644
index 0000000..0cb6701
--- /dev/null
+++ b/src/views/bszx/bszxClass/components/bszxClassEdit.vue
@@ -0,0 +1,205 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑班级' : '添加班级'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="初高中部" name="branch">
+        <a-radio-group v-model:value="form.branch" @change="handleBranch">
+          <a-radio-button :value="1">初中部</a-radio-button>
+          <a-radio-button :value="2">高中部</a-radio-button>
+        </a-radio-group>
+      </a-form-item>
+      <a-form-item label="选择年级" name="gradeId">
+        <a-select
+          v-model:value="form.gradeName"
+          show-search
+          placeholder="选择年级"
+          style="width: 200px"
+          :options="options"
+          @change="handleChange"
+        ></a-select>
+      </a-form-item>
+      <a-form-item label="班级" name="name">
+        <a-input
+          allow-clear
+          placeholder="请输入班级"
+          v-model:value="form.name"
+          @pressEnter="save"
+        />
+      </a-form-item>
+      <a-form-item label="排序" name="sortNumber">
+        <a-input-number
+          :min="0"
+          :max="9999"
+          class="ele-fluid"
+          placeholder="请输入排序号"
+          v-model:value="form.sortNumber"
+        />
+      </a-form-item>
+      <a-form-item label="备注" name="comments">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="请输入描述"
+          v-model:value="form.comments"
+        />
+      </a-form-item>
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, watch } from 'vue';
+  import { Form, message } from 'ant-design-vue';
+  import { assignObject, uuid } from 'ele-admin-pro';
+  import { addBszxClass, updateBszxClass } from '@/api/bszx/bszxClass';
+  import { BszxClass } from '@/api/bszx/bszxClass/model';
+  import { useThemeStore } from '@/store/modules/theme';
+  import { storeToRefs } from 'pinia';
+  import { ItemType } from 'ele-admin-pro/es/ele-image-upload/types';
+  import { FormInstance } from 'ant-design-vue/es/form';
+  import {BszxGrade} from "@/api/bszx/bszxGrade/model";
+  import {listBszxGrade} from "@/api/bszx/bszxGrade";
+
+  // 是否是修改
+  const isUpdate = ref(false);
+  const useForm = Form.useForm;
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: BszxClass | null;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  // 提交状态
+  const loading = ref(false);
+  // 是否显示最大化切换按钮
+  const maxable = ref(true);
+  // 表格选中数据
+  const formRef = ref<FormInstance | null>(null);
+  const images = ref<ItemType[]>([]);
+  const options = ref<BszxGrade[]>([]);
+
+  // 用户信息
+  const form = reactive<BszxClass>({
+    id: undefined,
+    name: undefined,
+    gradeId: undefined,
+    gradeName: undefined,
+    branch: 2,
+    sortNumber: 100,
+    comments: undefined,
+    status: undefined,
+    tenantId: undefined,
+    createTime: undefined
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    appBszxClassName: [
+      {
+        required: true,
+        type: 'string',
+        message: '请填写应用-百色中学-班级名称',
+        trigger: 'blur'
+      }
+    ]
+  });
+
+  const handleChange = (value: string, item: any) => {
+    form.gradeName = value;
+    form.gradeId = item.id;
+  };
+
+  const handleBranch = () => {
+    getBszxGradeList();
+  }
+
+  const getBszxGradeList = () => {
+    listBszxGrade({branch: form.branch}).then((list) => {
+      options.value = list.map(d => {
+        d.value = d.name;
+        d.label = d.name;
+        return d;
+      });
+    })
+  }
+  const { resetFields } = useForm(form, rules);
+
+  /* 保存编辑 */
+  const save = () => {
+    if (!formRef.value) {
+      return;
+    }
+    formRef.value
+      .validate()
+      .then(() => {
+        loading.value = true;
+        const formData = {
+          ...form
+        };
+        const saveOrUpdate = isUpdate.value ? updateBszxClass : addBszxClass;
+        saveOrUpdate(formData)
+          .then((msg) => {
+            loading.value = false;
+            message.success(msg);
+            updateVisible(false);
+            emit('done');
+          })
+          .catch((e) => {
+            loading.value = false;
+            message.error(e.message);
+          });
+      })
+      .catch(() => {});
+  };
+
+  watch(
+    () => props.visible,
+    (visible) => {
+      if (visible) {
+        getBszxGradeList()
+        images.value = [];
+        if (props.data) {
+          assignObject(form, props.data);
+          isUpdate.value = true;
+        } else {
+          isUpdate.value = false;
+        }
+      } else {
+        // resetFields();
+      }
+    },
+    { immediate: true }
+  );
+</script>
diff --git a/src/views/bszx/bszxClass/components/search.vue b/src/views/bszx/bszxClass/components/search.vue
new file mode 100644
index 0000000..bf43337
--- /dev/null
+++ b/src/views/bszx/bszxClass/components/search.vue
@@ -0,0 +1,102 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+    <a-button type="primary" class="ele-btn-icon" @click="add">
+      <template #icon>
+        <PlusOutlined/>
+      </template>
+      <span>添加</span>
+    </a-button>
+    <a-radio-group v-model:value="where.branch" @change="handleSearch">
+      <a-radio-button :value="1">初中部</a-radio-button>
+      <a-radio-button :value="2">高中部</a-radio-button>
+    </a-radio-group>
+    <a-select
+      show-search
+      v-model:value="where.gradeId"
+      style="width: 240px"
+      placeholder="选择年级"
+      :options="gradeList"
+      @change="onGrade"
+    ></a-select>
+    <a-input-search
+      allow-clear
+      placeholder="请输入关键词"
+      style="width: 240px"
+      v-model:value="where.keywords"
+      @search="handleSearch"
+    />
+    <a-button @click="reset">重置</a-button>
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+import {PlusOutlined} from '@ant-design/icons-vue';
+import {watch,ref} from 'vue';
+import useSearch from "@/utils/use-search";
+import {BszxClassParam} from "@/api/bszx/bszxClass/model";
+import {listBszxGrade} from "@/api/bszx/bszxGrade";
+
+const props = withDefaults(
+  defineProps<{
+    // 选中的角色
+    selection?: [];
+  }>(),
+  {}
+);
+
+const gradeList = ref<BszxClassParam[]>([]);
+
+
+const emit = defineEmits<{
+  (e: 'search', where?: BszxClassParam): void;
+  (e: 'add'): void;
+  (e: 'remove'): void;
+  (e: 'batchMove'): void;
+}>();
+
+// 表单数据
+const {where, resetFields} = useSearch<BszxClassParam>({
+  gradeId: undefined,
+  eraId: undefined,
+  branch: undefined,
+  keywords: ''
+});
+
+// 新增
+const add = () => {
+  emit('add');
+};
+
+const handleSearch = () => {
+  emit('search', where);
+}
+
+/*  重置 */
+const reset = () => {
+  resetFields();
+  handleSearch();
+};
+
+const onGrade = (gradeId: number) => {
+  where.gradeId = gradeId;
+  handleSearch();
+}
+
+const reload = () => {
+  listBszxGrade({}).then(res => {
+    gradeList.value = res.map(d => {
+      d.value = Number(d.id);
+      d.label = d.name;
+      return d;
+    });
+  })
+}
+reload();
+watch(
+  () => props.selection,
+  () => {
+  },
+  { immediate: true }
+);
+</script>
diff --git a/src/views/bszx/bszxClass/index.vue b/src/views/bszx/bszxClass/index.vue
new file mode 100644
index 0000000..a65c8a1
--- /dev/null
+++ b/src/views/bszx/bszxClass/index.vue
@@ -0,0 +1,244 @@
+<template>
+  <a-page-header :title="getPageTitle()" @back="() => $router.go(-1)">
+    <template #extra>
+      <a-button
+        type="text"
+        @click="openUrl('/bszx/grade')"
+      >年级设置
+      </a-button
+      >
+      <a-button
+        type="text"
+        @click="openUrl('/bszx/class')"
+      >班级设置
+      </a-button
+      >
+    </template>
+    <a-card :bordered="false" :body-style="{ padding: '16px' }">
+      <ele-pro-table
+        ref="tableRef"
+        row-key="id"
+        :columns="columns"
+        :datasource="datasource"
+        :customRow="customRow"
+        tool-class="ele-toolbar-form"
+        class="sys-org-table"
+      >
+        <template #toolbar>
+          <search
+            @search="reload"
+            :selection="selection"
+            @add="openEdit"
+            @remove="removeBatch"
+            @batchMove="openMove"
+          />
+        </template>
+        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'image'">
+            <a-image :src="record.image" :width="50"/>
+          </template>
+          <template v-if="column.key === 'era'">
+            <span>{{ record.era }}级</span>
+          </template>
+          <template v-if="column.key === 'status'">
+            <a-tag v-if="record.status === 0" color="green">显示</a-tag>
+            <a-tag v-if="record.status === 1" color="red">隐藏</a-tag>
+          </template>
+          <template v-if="column.key === 'action'">
+            <a-space>
+              <a @click="openEdit(record)">修改</a>
+              <a-divider type="vertical"/>
+              <a-popconfirm
+                title="确定要删除此记录吗？"
+                @confirm="remove(record)"
+              >
+                <a class="ele-text-danger">删除</a>
+              </a-popconfirm>
+            </a-space>
+          </template>
+        </template>
+      </ele-pro-table>
+    </a-card>
+
+    <!-- 编辑弹窗 -->
+    <BszxClassEdit v-model:visible="showEdit" :data="current" @done="reload"/>
+  </a-page-header>
+</template>
+
+<script lang="ts" setup>
+import {createVNode, ref} from 'vue';
+import {message, Modal} from 'ant-design-vue';
+import {ExclamationCircleOutlined} from '@ant-design/icons-vue';
+import type {EleProTable} from 'ele-admin-pro';
+import type {
+  DatasourceFunction,
+  ColumnItem
+} from 'ele-admin-pro/es/ele-pro-table/types';
+import Search from './components/search.vue';
+import BszxClassEdit from './components/bszxClassEdit.vue';
+import {pageBszxClass, removeBszxClass, removeBatchBszxClass} from '@/api/bszx/bszxClass';
+import type {BszxClass, BszxClassParam} from '@/api/bszx/bszxClass/model';
+import {getPageTitle, openUrl} from "@/utils/common";
+
+// 表格实例
+const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+// 表格选中数据
+const selection = ref<BszxClass[]>([]);
+// 当前编辑数据
+const current = ref<BszxClass | null>(null);
+// 是否显示编辑弹窗
+const showEdit = ref(false);
+// 是否显示批量移动弹窗
+const showMove = ref(false);
+// 加载状态
+const loading = ref(true);
+
+// 表格数据源
+const datasource: DatasourceFunction = ({
+                                          page,
+                                          limit,
+                                          where,
+                                          orders,
+                                          filters
+                                        }) => {
+  if (filters) {
+    where.status = filters.status;
+  }
+  return pageBszxClass({
+    ...where,
+    ...orders,
+    page,
+    limit
+  });
+};
+
+// 表格列配置
+const columns = ref<ColumnItem[]>([
+  {
+    title: 'ID',
+    dataIndex: 'id',
+    key: 'id',
+    width: 120,
+  },
+  {
+    title: '初高中',
+    dataIndex: 'branch',
+    key: 'branch',
+    width: 120,
+    customRender: ({ text }) => ['','初中','高中'][text]
+  },
+  {
+    title: '年级',
+    dataIndex: 'gradeName',
+    key: 'gradeName',
+    width: 120
+  },
+  // {
+  //   title: '年级',
+  //   dataIndex: 'gradeId',
+  //   key: 'gradeId',
+  //   width: 120
+  // },
+  {
+    title: '班级',
+    dataIndex: 'name',
+    key: 'name'
+  },
+  {
+    title: '操作',
+    key: 'action',
+    width: 180,
+    fixed: 'right',
+    align: 'center',
+    hideInSetting: true
+  }
+]);
+
+/* 搜索 */
+const reload = (where?: BszxClassParam) => {
+  selection.value = [];
+  tableRef?.value?.reload({where: where});
+};
+
+/* 打开编辑弹窗 */
+const openEdit = (row?: BszxClass) => {
+  current.value = row ?? null;
+  showEdit.value = true;
+};
+
+/* 打开批量移动弹窗 */
+const openMove = () => {
+  showMove.value = true;
+};
+
+/* 删除单个 */
+const remove = (row: BszxClass) => {
+  const hide = message.loading('请求中..', 0);
+  removeBszxClass(row.id)
+    .then((msg) => {
+      hide();
+      message.success(msg);
+      reload();
+    })
+    .catch((e) => {
+      hide();
+      message.error(e.message);
+    });
+};
+
+/* 批量删除 */
+const removeBatch = () => {
+  if (!selection.value.length) {
+    message.error('请至少选择一条数据');
+    return;
+  }
+  Modal.confirm({
+    title: '提示',
+    content: '确定要删除选中的记录吗?',
+    icon: createVNode(ExclamationCircleOutlined),
+    maskClosable: true,
+    onOk: () => {
+      const hide = message.loading('请求中..', 0);
+      removeBatchBszxClass(selection.value.map((d) => d.id))
+        .then((msg) => {
+          hide();
+          message.success(msg);
+          reload();
+        })
+        .catch((e) => {
+          hide();
+          message.error(e.message);
+        });
+    }
+  });
+};
+
+/* 查询 */
+const query = () => {
+  loading.value = true;
+};
+
+/* 自定义行属性 */
+const customRow = (record: BszxClass) => {
+  return {
+    // 行点击事件
+    onClick: () => {
+      // console.log(record);
+    },
+    // 行双击事件
+    onDblclick: () => {
+      openEdit(record);
+    }
+  };
+};
+query();
+</script>
+
+<script lang="ts">
+export default {
+  name: 'BszxClass'
+};
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/views/bszx/bszxGrade/components/bszxGradeEdit.vue b/src/views/bszx/bszxGrade/components/bszxGradeEdit.vue
new file mode 100644
index 0000000..e010c2d
--- /dev/null
+++ b/src/views/bszx/bszxGrade/components/bszxGradeEdit.vue
@@ -0,0 +1,170 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑年级' : '添加年级'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="分部" name="branch">
+        <a-radio-group v-model:value="form.branch">
+          <a-radio-button :value="1">初中部</a-radio-button>
+          <a-radio-button :value="2">高中部</a-radio-button>
+        </a-radio-group>
+      </a-form-item>
+      <a-form-item label="年级" name="name">
+        <a-input
+          allow-clear
+          placeholder="请输入年级"
+          v-model:value="form.name"
+        />
+      </a-form-item>
+      <a-form-item label="排序" name="sortNumber">
+        <a-input-number
+          :min="0"
+          :max="9999"
+          class="ele-fluid"
+          placeholder="请输入排序号"
+          v-model:value="form.sortNumber"
+        />
+      </a-form-item>
+      <a-form-item label="备注" name="comments">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="请输入描述"
+          v-model:value="form.comments"
+        />
+      </a-form-item>
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, watch } from 'vue';
+  import { Form, message } from 'ant-design-vue';
+  import { assignObject, uuid } from 'ele-admin-pro';
+  import { addBszxGrade, updateBszxGrade } from '@/api/bszx/bszxGrade';
+  import { BszxGrade } from '@/api/bszx/bszxGrade/model';
+  import { useThemeStore } from '@/store/modules/theme';
+  import { storeToRefs } from 'pinia';
+  import { ItemType } from 'ele-admin-pro/es/ele-image-upload/types';
+  import { FormInstance } from 'ant-design-vue/es/form';
+
+  // 是否是修改
+  const isUpdate = ref(false);
+  const useForm = Form.useForm;
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: BszxGrade | null;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  // 提交状态
+  const loading = ref(false);
+  // 是否显示最大化切换按钮
+  const maxable = ref(true);
+  // 表格选中数据
+  const formRef = ref<FormInstance | null>(null);
+  const images = ref<ItemType[]>([]);
+
+  // 用户信息
+  const form = reactive<BszxGrade>({
+    id: undefined,
+    branch: 2,
+    name: undefined,
+    comments: undefined,
+    status: undefined,
+    tenantId: undefined,
+    createTime: undefined,
+    sortNumber: 100
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    appBszxGradeName: [
+      {
+        required: true,
+        type: 'string',
+        message: '请填写应用-百色中学-年级名称',
+        trigger: 'blur'
+      }
+    ]
+  });
+
+  const { resetFields } = useForm(form, rules);
+
+  /* 保存编辑 */
+  const save = () => {
+    if (!formRef.value) {
+      return;
+    }
+    formRef.value
+      .validate()
+      .then(() => {
+        loading.value = true;
+        const formData = {
+          ...form
+        };
+        const saveOrUpdate = isUpdate.value ? updateBszxGrade : addBszxGrade;
+        saveOrUpdate(formData)
+          .then((msg) => {
+            loading.value = false;
+            message.success(msg);
+            updateVisible(false);
+            emit('done');
+          })
+          .catch((e) => {
+            loading.value = false;
+            message.error(e.message);
+          });
+      })
+      .catch(() => {});
+  };
+
+  watch(
+    () => props.visible,
+    (visible) => {
+      if (visible) {
+        images.value = [];
+        if (props.data) {
+          assignObject(form, props.data);
+          isUpdate.value = true;
+        } else {
+          isUpdate.value = false;
+        }
+      } else {
+        resetFields();
+      }
+    },
+    { immediate: true }
+  );
+</script>
diff --git a/src/views/bszx/bszxGrade/components/search.vue b/src/views/bszx/bszxGrade/components/search.vue
new file mode 100644
index 0000000..ff51191
--- /dev/null
+++ b/src/views/bszx/bszxGrade/components/search.vue
@@ -0,0 +1,56 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+    <a-button type="primary" class="ele-btn-icon" @click="add">
+      <template #icon>
+        <PlusOutlined />
+      </template>
+      <span>添加</span>
+    </a-button>
+    <a-radio-group v-model:value="where.branch" @change="handleSearch">
+      <a-radio-button :value="1">初中部</a-radio-button>
+      <a-radio-button :value="2">高中部</a-radio-button>
+    </a-radio-group>
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+  import { PlusOutlined } from '@ant-design/icons-vue';
+  import useSearch from "@/utils/use-search";
+  import { watch } from 'vue';
+  import {BszxGradeParam} from "@/api/bszx/bszxGrade/model";
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的角色
+      selection?: [];
+    }>(),
+    {}
+  );
+
+  const emit = defineEmits<{
+    (e: 'search', where?: BszxGradeParam): void;
+    (e: 'add'): void;
+    (e: 'remove'): void;
+    (e: 'batchMove'): void;
+  }>();
+
+  // 表单数据
+  const {where} = useSearch<BszxGradeParam>({
+    branch: undefined,
+    keywords: ''
+  });
+
+  // 新增
+  const add = () => {
+    emit('add');
+  };
+
+  const handleSearch = () => {
+    emit('search', where);
+  }
+  watch(
+    () => props.selection,
+    () => {}
+  );
+</script>
diff --git a/src/views/bszx/bszxGrade/index.vue b/src/views/bszx/bszxGrade/index.vue
new file mode 100644
index 0000000..79d71b1
--- /dev/null
+++ b/src/views/bszx/bszxGrade/index.vue
@@ -0,0 +1,237 @@
+<template>
+  <a-page-header :title="getPageTitle()" @back="() => $router.go(-1)">
+    <template #extra>
+      <a-button
+        type="text"
+        @click="openUrl('/bszx/grade')"
+      >年级设置
+      </a-button
+      >
+      <a-button
+        type="text"
+        @click="openUrl('/bszx/class')"
+      >班级设置
+      </a-button
+      >
+    </template>
+    <a-card :bordered="false" :body-style="{ padding: '16px' }">
+      <ele-pro-table
+        ref="tableRef"
+        row-key="appBszxGradeId"
+        :columns="columns"
+        :datasource="datasource"
+        :customRow="customRow"
+        tool-class="ele-toolbar-form"
+        class="sys-org-table"
+      >
+        <template #toolbar>
+          <search
+            @search="reload"
+            :selection="selection"
+            @add="openEdit"
+            @remove="removeBatch"
+            @batchMove="openMove"
+          />
+        </template>
+        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'image'">
+            <a-image :src="record.image" :width="50" />
+          </template>
+          <template v-if="column.key === 'status'">
+            <a-tag v-if="record.status === 0" color="green">显示</a-tag>
+            <a-tag v-if="record.status === 1" color="red">隐藏</a-tag>
+          </template>
+          <template v-if="column.key === 'action'">
+            <a-space>
+              <a @click="openEdit(record)">修改</a>
+              <a-divider type="vertical" />
+              <a-popconfirm
+                title="确定要删除此记录吗？"
+                @confirm="remove(record)"
+              >
+                <a class="ele-text-danger">删除</a>
+              </a-popconfirm>
+            </a-space>
+          </template>
+        </template>
+      </ele-pro-table>
+    </a-card>
+
+    <!-- 编辑弹窗 -->
+    <BszxGradeEdit v-model:visible="showEdit" :data="current" @done="reload" />
+  </a-page-header>
+</template>
+
+<script lang="ts" setup>
+  import { createVNode, ref } from 'vue';
+  import { message, Modal } from 'ant-design-vue';
+  import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
+  import type { EleProTable } from 'ele-admin-pro';
+  import type {
+    DatasourceFunction,
+    ColumnItem
+  } from 'ele-admin-pro/es/ele-pro-table/types';
+  import Search from './components/search.vue';
+  import BszxGradeEdit from './components/bszxGradeEdit.vue';
+  import { pageBszxGrade, removeBszxGrade, removeBatchBszxGrade } from '@/api/bszx/bszxGrade';
+  import type { BszxGrade, BszxGradeParam } from '@/api/bszx/bszxGrade/model';
+  import {getPageTitle, openUrl} from "@/utils/common";
+
+  // 表格实例
+  const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+  // 表格选中数据
+  const selection = ref<BszxGrade[]>([]);
+  // 当前编辑数据
+  const current = ref<BszxGrade | null>(null);
+  // 是否显示编辑弹窗
+  const showEdit = ref(false);
+  // 是否显示批量移动弹窗
+  const showMove = ref(false);
+  // 加载状态
+  const loading = ref(true);
+
+  // 表格数据源
+  const datasource: DatasourceFunction = ({
+    page,
+    limit,
+    where,
+    orders,
+    filters
+  }) => {
+    if (filters) {
+      where.status = filters.status;
+    }
+    return pageBszxGrade({
+      ...where,
+      ...orders,
+      page,
+      limit
+    });
+  };
+
+  // 表格列配置
+  const columns = ref<ColumnItem[]>([
+    // {
+    //   title: 'ID',
+    //   dataIndex: 'id',
+    //   key: 'id',
+    //   align: 'center',
+    //   width: 90,
+    // },
+    {
+      title: '初高中',
+      dataIndex: 'branch',
+      key: 'branch',
+      width: 120,
+      customRender: ({ text }) => ['','初中','高中'][text]
+    },
+    {
+      title: '年级',
+      dataIndex: 'name',
+      key: 'name'
+    },
+    {
+      title: '排序',
+      dataIndex: 'sortNumber',
+      key: 'sortNumber',
+      align: 'center',
+      width: 120,
+    },
+    {
+      title: '操作',
+      key: 'action',
+      width: 180,
+      fixed: 'right',
+      align: 'center',
+      hideInSetting: true
+    }
+  ]);
+
+  /* 搜索 */
+  const reload = (where?: BszxGradeParam) => {
+    selection.value = [];
+    tableRef?.value?.reload({ where: where });
+  };
+
+  /* 打开编辑弹窗 */
+  const openEdit = (row?: BszxGrade) => {
+    current.value = row ?? null;
+    showEdit.value = true;
+  };
+
+  /* 打开批量移动弹窗 */
+  const openMove = () => {
+    showMove.value = true;
+  };
+
+  /* 删除单个 */
+  const remove = (row: BszxGrade) => {
+    const hide = message.loading('请求中..', 0);
+    removeBszxGrade(row.id)
+      .then((msg) => {
+        hide();
+        message.success(msg);
+        reload();
+      })
+      .catch((e) => {
+        hide();
+        message.error(e.message);
+      });
+  };
+
+  /* 批量删除 */
+  const removeBatch = () => {
+    if (!selection.value.length) {
+      message.error('请至少选择一条数据');
+      return;
+    }
+    Modal.confirm({
+      title: '提示',
+      content: '确定要删除选中的记录吗?',
+      icon: createVNode(ExclamationCircleOutlined),
+      maskClosable: true,
+      onOk: () => {
+        const hide = message.loading('请求中..', 0);
+        removeBatchBszxGrade(selection.value.map((d) => d.id))
+          .then((msg) => {
+            hide();
+            message.success(msg);
+            reload();
+          })
+          .catch((e) => {
+            hide();
+            message.error(e.message);
+          });
+      }
+    });
+  };
+
+  /* 查询 */
+  const query = () => {
+    loading.value = true;
+  };
+
+  /* 自定义行属性 */
+  const customRow = (record: BszxGrade) => {
+    return {
+      // 行点击事件
+      onClick: () => {
+        // console.log(record);
+      },
+      // 行双击事件
+      onDblclick: () => {
+        openEdit(record);
+      }
+    };
+  };
+  query();
+</script>
+
+<script lang="ts">
+  export default {
+    name: 'BszxGrade'
+  };
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/views/bszx/bszxOrder/components/bszxPayEdit.vue b/src/views/bszx/bszxOrder/components/bszxPayEdit.vue
new file mode 100644
index 0000000..876727d
--- /dev/null
+++ b/src/views/bszx/bszxOrder/components/bszxPayEdit.vue
@@ -0,0 +1,249 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑捐款记录' : '添加捐款记录'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="年龄" name="age">
+        <a-input
+          allow-clear
+          placeholder="请输入年龄"
+          v-model:value="form.age"
+        />
+      </a-form-item>
+      <a-form-item label="姓名" name="name">
+        <a-input
+          allow-clear
+          placeholder="请输入姓名"
+          v-model:value="form.name"
+        />
+      </a-form-item>
+      <a-form-item label="性别 1男 2女" name="sex">
+        <a-input
+          allow-clear
+          placeholder="请输入性别 1男 2女"
+          v-model:value="form.sex"
+        />
+      </a-form-item>
+      <a-form-item label="手机号码" name="phone">
+        <a-input
+          allow-clear
+          placeholder="请输入手机号码"
+          v-model:value="form.phone"
+        />
+      </a-form-item>
+      <a-form-item label="班级" name="className">
+        <a-input
+          allow-clear
+          placeholder="请输入班级"
+          v-model:value="form.className"
+        />
+      </a-form-item>
+      <a-form-item label="年级" name="gradeName">
+        <a-input
+          allow-clear
+          placeholder="请输入年级"
+          v-model:value="form.gradeName"
+        />
+      </a-form-item>
+      <a-form-item label="居住地址" name="address">
+        <a-input
+          allow-clear
+          placeholder="请输入居住地址"
+          v-model:value="form.address"
+        />
+      </a-form-item>
+      <a-form-item label="工作单位" name="workUnit">
+        <a-input
+          allow-clear
+          placeholder="请输入工作单位"
+          v-model:value="form.workUnit"
+        />
+      </a-form-item>
+      <a-form-item label="职务" name="position">
+        <a-input
+          allow-clear
+          placeholder="请输入职务"
+          v-model:value="form.position"
+        />
+      </a-form-item>
+      <a-form-item label="捐赠证书" name="certificate">
+        <a-input
+          allow-clear
+          placeholder="请输入捐赠证书"
+          v-model:value="form.certificate"
+        />
+      </a-form-item>
+      <a-form-item label="排序(数字越小越靠前)" name="sortNumber">
+        <a-input-number
+          :min="0"
+          :max="9999"
+          class="ele-fluid"
+          placeholder="请输入排序号"
+          v-model:value="form.sortNumber"
+        />
+      </a-form-item>
+      <a-form-item label="备注" name="comments">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="请输入描述"
+          v-model:value="form.comments"
+        />
+      </a-form-item>
+      <a-form-item label="状态" name="status">
+        <a-radio-group v-model:value="form.status">
+          <a-radio :value="0">显示</a-radio>
+          <a-radio :value="1">隐藏</a-radio>
+        </a-radio-group>
+      </a-form-item>
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, watch } from 'vue';
+  import { Form, message } from 'ant-design-vue';
+  import { assignObject, uuid } from 'ele-admin-pro';
+  import { addBszxPay, updateBszxPay } from '@/api/bszx/bszxPay';
+  import { BszxPay } from '@/api/bszx/bszxPay/model';
+  import { useThemeStore } from '@/store/modules/theme';
+  import { storeToRefs } from 'pinia';
+  import { ItemType } from 'ele-admin-pro/es/ele-image-upload/types';
+  import { FormInstance } from 'ant-design-vue/es/form';
+  import { FileRecord } from '@/api/system/file/model';
+
+  // 是否是修改
+  const isUpdate = ref(false);
+  const useForm = Form.useForm;
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: BszxPay | null;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  // 提交状态
+  const loading = ref(false);
+  // 是否显示最大化切换按钮
+  const maxable = ref(true);
+  // 表格选中数据
+  const formRef = ref<FormInstance | null>(null);
+  const images = ref<ItemType[]>([]);
+
+  // 用户信息
+  const form = reactive<BszxPay>({
+    id: undefined,
+    age: undefined,
+    name: undefined,
+    sex: undefined,
+    phone: undefined,
+    className: undefined,
+    gradeName: undefined,
+    address: undefined,
+    workUnit: undefined,
+    position: undefined,
+    number: undefined,
+    extra: undefined,
+    dateTime: undefined,
+    certificate: undefined,
+    formData: undefined,
+    formId: undefined,
+    userId: undefined,
+    comments: undefined,
+    status: undefined,
+    deleted: undefined,
+    tenantId: undefined,
+    createTime: undefined,
+    sortNumber: 100
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    appBszxPayName: [
+      {
+        required: true,
+        type: 'string',
+        message: '请填写应用-百色中学-捐款记录名称',
+        trigger: 'blur'
+      }
+    ]
+  });
+
+  const { resetFields } = useForm(form, rules);
+
+  /* 保存编辑 */
+  const save = () => {
+    if (!formRef.value) {
+      return;
+    }
+    formRef.value
+      .validate()
+      .then(() => {
+        loading.value = true;
+        const formData = {
+          ...form
+        };
+        const saveOrUpdate = isUpdate.value ? updateBszxPay : addBszxPay;
+        saveOrUpdate(formData)
+          .then((msg) => {
+            loading.value = false;
+            message.success(msg);
+            updateVisible(false);
+            emit('done');
+          })
+          .catch((e) => {
+            loading.value = false;
+            message.error(e.message);
+          });
+      })
+      .catch(() => {});
+  };
+
+  watch(
+    () => props.visible,
+    (visible) => {
+      if (visible) {
+        images.value = [];
+        if (props.data) {
+          assignObject(form, props.data);
+          isUpdate.value = true;
+        } else {
+          isUpdate.value = false;
+        }
+      } else {
+        resetFields();
+      }
+    },
+    { immediate: true }
+  );
+</script>
diff --git a/src/views/bszx/bszxOrder/components/orderInfo.vue b/src/views/bszx/bszxOrder/components/orderInfo.vue
new file mode 100644
index 0000000..6c88446
--- /dev/null
+++ b/src/views/bszx/bszxOrder/components/orderInfo.vue
@@ -0,0 +1,566 @@
+<!-- 用户编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="`80%`"
+    :visible="visible"
+    :confirm-loading="loading"
+    :maxable="maxAble"
+    :title="isUpdate ? '编辑订单' : '订单详情'"
+    :body-style="{ paddingBottom: '8px', background: '#f3f3f3' }"
+    @update:visible="updateVisible"
+    :maskClosable="false"
+    :footer="null"
+    @ok="save"
+  >
+    <a-card style="margin-bottom: 20px" :bordered="false">
+      <a-descriptions :column="3">
+        <!-- 第一排-->
+        <a-descriptions-item
+          label="订单编号"
+          span="3"
+          :labelStyle="{ width: '90px', color: '#808080' }"
+        >
+          <span @click="copyText(form.orderNo)">{{ form.orderNo }}</span>
+        </a-descriptions-item>
+        <!-- 第二排-->
+        <a-descriptions-item
+          label="买家信息"
+          :labelStyle="{ width: '90px', color: '#808080' }"
+        >
+          <a-space class="flex items-center">
+            <a-avatar :src="form.avatar" size="small"/>
+            {{ form.realName }}
+          </a-space>
+        </a-descriptions-item>
+        <a-descriptions-item
+          label="订单金额"
+          :labelStyle="{ width: '90px', color: '#808080' }"
+        >
+          ￥{{ form.totalPrice }}
+        </a-descriptions-item>
+        <a-descriptions-item
+          label="订单状态"
+          :labelStyle="{ width: '90px', color: '#808080' }"
+        >
+          <a-tag v-if="form.orderStatus === 0">未完成</a-tag>
+          <a-tag v-if="form.orderStatus === 1" color="green">已完成</a-tag>
+          <a-tag v-if="form.orderStatus === 2" color="red">已取消</a-tag>
+          <a-tag v-if="form.orderStatus === 3" color="red">取消中</a-tag>
+          <a-tag v-if="form.orderStatus === 4" color="red">退款申请中</a-tag>
+          <a-tag v-if="form.orderStatus === 5" color="red">退款被拒绝</a-tag>
+          <a-tag v-if="form.orderStatus === 6" color="orange">退款成功</a-tag>
+          <a-tag v-if="form.orderStatus === 7" color="pink">客户端申请退款</a-tag>
+        </a-descriptions-item>
+        <!-- 第三排-->
+        <a-descriptions-item
+          label="手机号码"
+          :labelStyle="{ width: '90px', color: '#808080' }"
+        >
+          {{ form.phone }}
+        </a-descriptions-item>
+        <a-descriptions-item
+          label="实付金额"
+          :labelStyle="{ width: '90px', color: '#808080' }"
+        >
+          ￥{{ form.payPrice }}
+        </a-descriptions-item>
+        <a-descriptions-item
+          label="支付状态"
+          :labelStyle="{ width: '90px', color: '#808080' }"
+        >
+          <a-tag v-if="form.payStatus == 1" color="green">已付款</a-tag>
+          <a-tag v-if="form.payStatus == 0">未付款</a-tag>
+          <a-tag v-if="form.payStatus == 3">未付款,占场中</a-tag>
+        </a-descriptions-item>
+        <!-- 第四排-->
+        <a-descriptions-item
+          label="收货地址"
+          :labelStyle="{ width: '90px', color: '#808080' }"
+        >
+          {{ form.address }}
+        </a-descriptions-item>
+        <a-descriptions-item
+          label="减少的金额"
+          :labelStyle="{ width: '90px', color: '#808080' }"
+        >
+          ￥{{ form.reducePrice }}
+        </a-descriptions-item>
+        <a-descriptions-item
+          label="核销状态"
+          :labelStyle="{ width: '90px', color: '#808080' }"
+        >
+          <a-tag v-if="form.deliveryStatus == 10">未核销</a-tag>
+          <a-tag v-if="form.deliveryStatus == 20" color="green">已核销</a-tag>
+          <a-tag v-if="form.deliveryStatus == 30" color="bule">部分核销</a-tag>
+        </a-descriptions-item>
+        <!-- 第五排-->
+        <a-descriptions-item
+          label="备注信息"
+          :labelStyle="{ width: '90px', color: '#808080' }"
+        >
+          {{ form.comments }}
+        </a-descriptions-item>
+        <a-descriptions-item
+          label="支付方式"
+          :labelStyle="{ width: '90px', color: '#808080' }"
+        >
+          <a-tooltip :title="`支付时间：${form.payTime || ''}`">
+            <template v-if="form.payStatus == 1">
+              <a-tag v-if="form.payType == 0">余额支付</a-tag>
+              <a-tag v-if="form.payType == 1">
+                <WechatOutlined class="tag-icon"/>
+                微信支付
+              </a-tag>
+              <a-tag v-if="form.payType == 2">积分</a-tag>
+              <a-tag v-if="form.payType == 3">
+                <AlipayCircleOutlined class="tag-icon"/>
+                支付宝
+              </a-tag>
+              <a-tag v-if="form.payType == 4">
+                <IdcardOutlined class="tag-icon"/>
+                现金
+              </a-tag>
+              <a-tag v-if="form.payType == 5">
+                <IdcardOutlined class="tag-icon"/>
+                POS机
+              </a-tag>
+              <a-tag v-if="form.payType == 6">
+                <IdcardOutlined class="tag-icon"/>
+                VIP月卡
+              </a-tag>
+              <a-tag v-if="form.payType == 7">
+                <IdcardOutlined class="tag-icon"/>
+                VIP年卡
+              </a-tag>
+              <a-tag v-if="form.payType == 8">
+                <IdcardOutlined class="tag-icon"/>
+                VIP次卡
+              </a-tag>
+              <a-tag v-if="form.payType == 9">
+                <IdcardOutlined class="tag-icon"/>
+                IC月卡
+              </a-tag>
+              <a-tag v-if="form.payType == 10">
+                <IdcardOutlined class="tag-icon"/>
+                IC年卡
+              </a-tag>
+              <a-tag v-if="form.payType == 11">
+                <IdcardOutlined class="tag-icon"/>
+                IC次卡
+              </a-tag>
+              <a-tag v-if="form.payType == 12">
+                <IdcardOutlined class="tag-icon"/>
+                免费
+              </a-tag>
+              <a-tag v-if="form.payType == 13">
+                <IdcardOutlined class="tag-icon"/>
+                VIP充值卡
+              </a-tag>
+              <a-tag v-if="form.payType == 14">
+                <IdcardOutlined class="tag-icon"/>
+                IC充值卡
+              </a-tag>
+              <a-tag v-if="form.payType == 15">
+                <IdcardOutlined class="tag-icon"/>
+                积分支付
+              </a-tag>
+              <a-tag v-if="form.payType == 16">
+                <IdcardOutlined class="tag-icon"/>
+                VIP季卡
+              </a-tag>
+              <a-tag v-if="form.payType == 17">
+                <IdcardOutlined class="tag-icon"/>
+                IC季卡
+              </a-tag>
+            </template>
+          </a-tooltip>
+        </a-descriptions-item>
+        <a-descriptions-item
+          label="开票状态"
+          :labelStyle="{ width: '90px', color: '#808080' }"
+        >
+          <a-tag v-if="form.isInvoice == 0">未开具</a-tag>
+          <a-tag v-if="form.isInvoice == 1" color="green">已开具</a-tag>
+          <a-tag v-if="form.isInvoice == 2" color="blue">不能开具</a-tag>
+        </a-descriptions-item>
+        <!-- 第六排-->
+        <a-descriptions-item
+          label="下单时间"
+          :labelStyle="{ width: '90px', color: '#808080' }"
+        >
+          {{ toDateString(form.createTime, 'yyyy-MM-dd HH:mm') }}
+        </a-descriptions-item>
+        <a-descriptions-item
+          label="交易流水号"
+          :labelStyle="{ width: '90px', color: '#808080' }"
+        >
+          <a-tooltip :title="form.payTime">{{ form.transactionId }}</a-tooltip>
+        </a-descriptions-item>
+        <a-descriptions-item
+          label="结算状态"
+          :labelStyle="{ width: '90px', color: '#808080' }"
+        >
+          <a-tag v-if="form.isSettled == 0">未结算</a-tag>
+          <a-tag v-if="form.isSettled == 1" color="green">已结算</a-tag>
+        </a-descriptions-item>
+
+<!--        <a-descriptions-item span="3">-->
+<!--          <a-divider/>-->
+<!--        </a-descriptions-item>-->
+
+      </a-descriptions>
+    </a-card>
+    <a-card class="order-card" :bordered="false">
+      <a-spin :spinning="loading">
+        <a-table
+          :data-source="orderInfo"
+          :columns="columns"
+          :pagination="false"
+        />
+      </a-spin>
+    </a-card>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+import {ref, reactive, watch} from 'vue';
+import {Form} from 'ant-design-vue';
+import {assignObject} from 'ele-admin-pro';
+import {ColumnItem} from 'ele-admin-pro/es/ele-pro-table/types';
+import {
+  CheckOutlined,
+  CloseOutlined,
+  CoffeeOutlined
+} from '@ant-design/icons-vue';
+import {ShopOrder} from '@/api/shop/shopOrder/model';
+import {BszxPay} from '@/api/bszx/bszxPay/model';
+import {pageBszxPay} from '@/api/bszx/bszxPay';
+import {toDateString} from 'ele-admin-pro';
+import {copyText} from "@/utils/common";
+
+const useForm = Form.useForm;
+
+const props = defineProps<{
+  // 弹窗是否打开
+  visible: boolean;
+  // 修改回显的数据
+  data?: ShopOrder | null;
+}>();
+
+export interface step {
+  title?: String | undefined;
+  subTitle?: String | undefined;
+  description?: String | undefined;
+}
+
+// 是否是修改
+const isUpdate = ref(false);
+// 是否显示最大化切换按钮
+const maxAble = ref(true);
+// 订单信息
+const orderInfo = ref<BszxPay[]>([]);
+
+// 步骤条
+const steps = ref<step[]>([
+  {
+    title: '报餐',
+    description: undefined
+  },
+  {
+    title: '付款',
+    description: undefined
+  },
+  {
+    title: '发餐',
+    description: undefined
+  },
+  {
+    title: '取餐',
+    description: undefined
+  },
+  {
+    title: '完成',
+    description: undefined
+  }
+]);
+const active = ref(2);
+
+const emit = defineEmits<{
+  (e: 'done'): void;
+  (e: 'update:visible', visible: boolean): void;
+}>();
+
+// 订单信息
+const form = reactive<ShopOrder>({
+  // 订单号
+  orderId: undefined,
+  // 订单编号
+  orderNo: undefined,
+  // 订单类型，0商城订单 1预定订单/外卖 2会员卡
+  type: undefined,
+  // 快递/自提
+  deliveryType: undefined,
+  // 下单渠道，0小程序预定 1俱乐部训练场 3活动订场
+  channel: undefined,
+  // 微信支付订单号
+  transactionId: undefined,
+  // 微信退款订单号
+  refundOrder: undefined,
+  // 商户ID
+  merchantId: undefined,
+  // 商户名称
+  merchantName: undefined,
+  // 商户编号
+  merchantCode: undefined,
+  // 使用的优惠券id
+  couponId: undefined,
+  // 使用的会员卡id
+  cardId: undefined,
+  // 关联管理员id
+  adminId: undefined,
+  // 核销管理员id
+  confirmId: undefined,
+  // IC卡号
+  icCard: undefined,
+  // 头像
+  avatar: undefined,
+  // 真实姓名
+  realName: undefined,
+  // 手机号码
+  phone: undefined,
+  // 收货地址
+  address: undefined,
+  //
+  addressLat: undefined,
+  //
+  addressLng: undefined,
+  // 自提店铺id
+  selfTakeMerchantId: undefined,
+  // 自提店铺
+  selfTakeMerchantName: undefined,
+  // 配送开始时间
+  sendStartTime: undefined,
+  // 配送结束时间
+  sendEndTime: undefined,
+  // 发货店铺id
+  expressMerchantId: undefined,
+  // 发货店铺
+  expressMerchantName: undefined,
+  // 订单总额
+  totalPrice: undefined,
+  // 减少的金额，使用VIP会员折扣、优惠券抵扣、优惠券折扣后减去的价格
+  reducePrice: undefined,
+  // 实际付款
+  payPrice: undefined,
+  // 用于统计
+  price: undefined,
+  // 价钱，用于积分赠送
+  money: undefined,
+  // 退款金额
+  refundMoney: undefined,
+  // 教练价格
+  coachPrice: undefined,
+  // 购买数量
+  totalNum: undefined,
+  // 教练id
+  coachId: undefined,
+  // 支付的用户id
+  payUserId: undefined,
+  // 0余额支付, 1微信支付，102微信Native，2会员卡支付，3支付宝，4现金，5POS机，6VIP月卡，7VIP年卡，8VIP次卡，9IC月卡，10IC年卡，11IC次卡，12免费，13VIP充值卡，14IC充值卡，15积分支付，16VIP季卡，17IC季卡，18代付
+  payType: undefined,
+  // 代付支付方式,0余额支付, 1微信支付，102微信Native，2会员卡支付，3支付宝，4现金，5POS机，6VIP月卡，7VIP年卡，8VIP次卡，9IC月卡，10IC年卡，11IC次卡，12免费，13VIP充值卡，14IC充值卡，15积分支付，16VIP季卡，17IC季卡，18代付
+  friendPayType: undefined,
+  // 0未付款，1已付款
+  payStatus: undefined,
+  // 0未使用，1已完成，2已取消，3取消中，4退款申请中，5退款被拒绝，6退款成功，7客户端申请退款
+  orderStatus: undefined,
+  // 发货状态(10未发货 20已发货 30部分发货)
+  deliveryStatus: undefined,
+  // 发货时间
+  deliveryTime: undefined,
+  // 优惠类型：0无、1抵扣优惠券、2折扣优惠券、3、VIP月卡、4VIP年卡，5VIP次卡、6VIP会员卡、7IC月卡、8IC年卡、9IC次卡、10IC会员卡、11免费订单、12VIP充值卡、13IC充值卡、14VIP季卡、15IC季卡
+  couponType: undefined,
+  // 优惠说明
+  couponDesc: undefined,
+  // 二维码地址，保存订单号，支付成功后才生成
+  qrcode: undefined,
+  // vip月卡年卡、ic月卡年卡回退次数
+  returnNum: undefined,
+  // vip充值回退金额
+  returnMoney: undefined,
+  // 预约详情开始时间数组
+  startTime: undefined,
+  // 是否已开具发票：0未开发票，1已开发票，2不能开具发票
+  isInvoice: undefined,
+  // 发票流水号
+  invoiceNo: undefined,
+  // 支付时间
+  payTime: undefined,
+  // 退款时间
+  refundTime: undefined,
+  // 申请退款时间
+  refundApplyTime: undefined,
+  // 过期时间
+  expirationTime: undefined,
+  // 对账情况：0=未对账；1=已对账；3=已对账，金额对不上；4=未查询到该订单
+  checkBill: undefined,
+  // 订单是否已结算(0未结算 1已结算)
+  isSettled: undefined,
+  // 系统版本号 0当前版本 value=其他版本
+  version: undefined,
+  // 用户id
+  userId: undefined,
+  // 备注
+  comments: undefined,
+  // 排序号
+  sortNumber: undefined,
+  // 是否删除, 0否, 1是
+  deleted: undefined,
+  // 租户id
+  tenantId: undefined,
+  // 修改时间
+  updateTime: undefined,
+  // 创建时间
+  createTime: undefined,
+  // 自提码
+  selfTakeCode: undefined,
+  // 是否已收到赠品
+  hasTakeGift: undefined,
+});
+
+// 请求状态
+const loading = ref(true);
+
+const {resetFields} = useForm(form);
+
+/* 更新visible */
+const updateVisible = (value: boolean) => {
+  emit('update:visible', value);
+};
+
+const columns = ref<ColumnItem[]>([
+  {
+    title: '商品名称',
+    dataIndex: 'formName',
+    key: 'formName',
+    align: 'center',
+    width: 280
+  },
+  {
+    title: '金额',
+    dataIndex: 'price',
+    align: 'center'
+  },
+  {
+    title: '备注',
+    dataIndex: 'comments',
+    key: 'comments',
+    align: 'center'
+  },
+  {
+    title: '操作',
+    dataIndex: 'isFree',
+    align: 'center'
+  }
+]);
+
+/* 制作步骤条 */
+const loadSteps = (order) => {
+  steps.value = [];
+  steps.value.push({
+    title: '下单'
+  });
+  steps.value.push({
+    title: '付款'
+  });
+  steps.value.push({
+    title: '发货'
+  });
+  steps.value.push({
+    title: '收货'
+  });
+  steps.value.push({
+    title: '完成'
+  });
+
+  // 下单
+  if (order.payStatus == 10) {
+    active.value = 0;
+    steps.value[0].description = order.createTime;
+  }
+  // 付款
+  if (order.payStatus == 20) {
+    active.value = 1;
+    steps.value[0].description = order.createTime;
+    steps.value[1].description = order.payTime;
+  }
+  // 发货
+  if (order.payStatus == 20 && order.deliveryStatus == 20) {
+    active.value = 2;
+    steps.value[0].description = order.createTime;
+    steps.value[1].description = order.payTime;
+    steps.value[2].description = order.deliveryTime;
+  }
+  // 收货
+  if (order.payStatus == 20 && order.receiptStatus == 20) {
+    active.value = 3;
+    steps.value[0].description = order.createTime;
+    steps.value[1].description = order.payTime;
+    steps.value[2].description = order.deliveryTime;
+    steps.value[3].description = order.receiptTime;
+  }
+  // 完成
+  if (order.payStatus == 20 && order.orderStatus == 30) {
+    active.value = 4;
+    steps.value[0].description = order.createTime;
+    steps.value[1].description = order.payTime;
+    steps.value[2].description = order.deliveryTime;
+    steps.value[3].description = order.receiptTime;
+  }
+  // 已取消
+  if (order.orderStatus == 20) {
+    active.value = 4;
+  }
+};
+
+// const getOrderInfo = () => {
+//   const orderId = props.data?.orderId;
+//   listOrderInfo({ orderId }).then((data) => {
+//     orderInfo.value = data.filter((d) => d.totalNum > 0);
+//   });
+// };
+
+/* 保存编辑 */
+const save = () => {
+};
+
+watch(
+  () => props.visible,
+  (visible) => {
+    if (visible) {
+      if (props.data) {
+        loading.value = true;
+        assignObject(form, props.data);
+        pageBszxPay({orderNo: form.orderNo}).then((res) => {
+          if (res?.list) {
+            orderInfo.value = res?.list;
+          }
+          loading.value = false;
+        });
+        loadSteps(props.data);
+      }
+    } else {
+      resetFields();
+    }
+  }
+);
+</script>
+
+<script lang="ts">
+import * as MenuIcons from '@/layout/menu-icons';
+
+export default {
+  name: 'BszxOrderInfo',
+  components: MenuIcons
+};
+</script>
diff --git a/src/views/bszx/bszxOrder/components/search.vue b/src/views/bszx/bszxOrder/components/search.vue
new file mode 100644
index 0000000..7346f4c
--- /dev/null
+++ b/src/views/bszx/bszxOrder/components/search.vue
@@ -0,0 +1,204 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+    <a-select
+      v-model:value="where.payStatus"
+      style="width: 150px"
+      placeholder="付款状态"
+      @change="search"
+    >
+      <a-select-option value="">全部</a-select-option>
+      <a-select-option :value="1">已付款</a-select-option>
+      <a-select-option :value="0">未付款</a-select-option>
+    </a-select>
+    <a-select
+      v-model:value="where.orderStatus"
+      style="width: 150px"
+      placeholder="订单状态"
+      @change="search"
+    >
+      <a-select-option value="">全部</a-select-option>
+      <a-select-option :value="1">已完成</a-select-option>
+      <a-select-option :value="0">未完成</a-select-option>
+      <a-select-option :value="2">未使用</a-select-option>
+      <a-select-option :value="3">已取消</a-select-option>
+      <a-select-option :value="4">退款中</a-select-option>
+      <a-select-option :value="5">退款被拒</a-select-option>
+      <a-select-option :value="6">退款成功</a-select-option>
+    </a-select>
+    <a-select
+      :options="getPayType()"
+      v-model:value="where.payType"
+      style="width: 150px"
+      placeholder="付款方式"
+      @change="search"
+    />
+    <a-select
+      v-model:value="where.isInvoice"
+      style="width: 150px"
+      placeholder="开票状态"
+      @change="search"
+    >
+      <a-select-option :value="1">已开票</a-select-option>
+      <a-select-option :value="0">未开票</a-select-option>
+      <a-select-option :value="2">不能开票</a-select-option>
+    </a-select>
+    <a-range-picker
+      v-model:value="dateRange"
+      @change="search"
+      value-format="YYYY-MM-DD"
+    />
+    <a-input-search
+      allow-clear
+      placeholder="请输入关键词"
+      style="width: 280px"
+      v-model:value="where.keywords"
+      @search="reload"
+    />
+    <a-button @click="reset">重置</a-button>
+    <a-button @click="handleExport">导出</a-button>
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+  import { ref, watch } from 'vue';
+  import { utils, writeFile } from 'xlsx';
+  import { message } from 'ant-design-vue';
+  import useSearch from "@/utils/use-search";
+  import {ShopOrder, ShopOrderParam} from "@/api/shop/shopOrder/model";
+  import {listShopOrder} from "@/api/shop/shopOrder";
+  import {getPayType} from "@/utils/shop";
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的角色
+      selection?: [];
+    }>(),
+    {}
+  );
+
+  const emit = defineEmits<{
+    (e: 'search', where?: ShopOrderParam): void;
+    (e: 'add'): void;
+    (e: 'remove'): void;
+    (e: 'batchMove'): void;
+  }>();
+
+  // 表单数据
+  const { where, resetFields } = useSearch<ShopOrderParam>({
+    keywords: '',
+    orderId: undefined,
+    orderNo: undefined,
+    createTimeStart: undefined,
+    createTimeEnd: undefined,
+    userId: undefined,
+    phone: undefined,
+    payStatus: undefined,
+    orderStatus: undefined,
+    payType: undefined,
+    isInvoice: undefined,
+  });
+
+  const reload = () => {
+    emit('search', where);
+  };
+
+  /* 搜索 */
+  const search = () => {
+    const [d1, d2] = dateRange.value ?? [];
+    xlsFileName.value = `${d1}至${d2}`;
+    where.createTimeStart = d1 ? d1 + ' 00:00:00' : undefined;
+    where.createTimeEnd = d2 ? d2 + ' 23:59:59' : undefined;
+    emit('search', {
+      ...where
+    });
+  };
+
+  /*  重置 */
+  const reset = () => {
+    resetFields();
+    search();
+  };
+
+  const dateRange = ref<[string, string]>(['', '']);
+  // 变量
+  const loading = ref(false);
+  const orders = ref<ShopOrder[]>([])
+  const xlsFileName = ref<string>();
+
+  // 导出
+  const handleExport = async () => {
+    loading.value = true;
+    const array: (string | number)[][] = [
+      [
+        '订单编号',
+        '订单标题',
+        '买家姓名',
+        '手机号码',
+        '实付金额(元)',
+        '支付方式',
+        '付款时间',
+        '下单时间'
+      ]
+    ];
+
+    await listShopOrder(where)
+      .then((list) => {
+        orders.value = list;
+        list?.forEach((d: ShopOrder) => {
+          array.push([
+            `${d.orderNo}`,
+            `${d.comments}`,
+            `${d.realName}`,
+            `${d.phone}`,
+            `${d.payPrice}`,
+            `${getPayType(d.payType)}`,
+            `${d.payTime || ''}`,
+            `${d.createTime}`
+          ]);
+        });
+        const sheetName = `订单数据`;
+        const workbook = {
+          SheetNames: [sheetName],
+          Sheets: {}
+        };
+        const sheet = utils.aoa_to_sheet(array);
+        workbook.Sheets[sheetName] = sheet;
+        // 设置列宽
+        sheet['!cols'] = [
+          { wch: 10 },
+          { wch: 40 },
+          { wch: 20 },
+          { wch: 20 },
+          { wch: 60 },
+          { wch: 15 },
+          { wch: 10 },
+          { wch: 10 },
+          { wch: 20 },
+          { wch: 10 },
+          { wch: 20 }
+        ];
+        message.loading('正在导出...');
+        setTimeout(() => {
+          writeFile(
+            workbook,
+            `${
+              where.createTimeEnd ? xlsFileName.value + '_' : ''
+            }${sheetName}.xlsx`
+          );
+          loading.value = false;
+        }, 1000);
+      })
+      .catch((msg) => {
+        message.error(msg);
+        loading.value = false;
+      })
+      .finally(() => {});
+
+  };
+
+  watch(
+    () => props.selection,
+    () => {}
+  );
+</script>
diff --git a/src/views/bszx/bszxOrder/index.vue b/src/views/bszx/bszxOrder/index.vue
new file mode 100644
index 0000000..669eb00
--- /dev/null
+++ b/src/views/bszx/bszxOrder/index.vue
@@ -0,0 +1,307 @@
+<template>
+  <a-page-header :title="getPageTitle()" @back="() => $router.go(-1)">
+    <template #extra>
+      <Extra/>
+    </template>
+    <a-card :bordered="false" :body-style="{ padding: '16px' }">
+      <ele-pro-table
+        ref="tableRef"
+        row-key="orderId"
+        :columns="columns"
+        :datasource="datasource"
+        :customRow="customRow"
+        tool-class="ele-toolbar-form"
+        class="sys-org-table"
+      >
+        <template #toolbar>
+          <search
+            @search="reload"
+            :selection="selection"
+            @add="openEdit"
+            @batchMove="openMove"
+          />
+        </template>
+        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'name'">
+            <div @click="onSearch(record)" class="cursor-pointer">{{ record.name || '匿名' }}</div>
+          </template>
+          <template v-if="column.key === 'phone'">
+            <div v-if="record.mobile" class="text-gray-400">{{ record.mobile }}</div>
+            <div v-else class="text-gray-600">{{ record.phone }}</div>
+          </template>
+          <template v-if="column.key === 'payType'">
+            <template v-for="item in getPayType()">
+              <template v-if="record.payStatus == 1">
+                <span v-if="item.value == record.payType">{{ item.label }}</span>
+              </template>
+              <template v-else>
+                <span></span>
+              </template>
+            </template>
+          </template>
+          <template v-if="column.key === 'payStatus'">
+            <a-tag v-if="record.payStatus == 1" color="green" @click="updatePayStatus(record)">已付款</a-tag>
+            <a-tag v-if="record.payStatus == 0" @click="updatePayStatus(record)">未付款</a-tag>
+            <a-tag v-if="record.payStatus == 3">未付款,占场中</a-tag>
+          </template>
+          <template v-if="column.key === 'image'">
+            <a-image :src="record.image" :width="50"/>
+          </template>
+          <template v-if="column.key === 'sex'">
+            <a-tag v-if="record.sex === 1">男</a-tag>
+            <a-tag v-if="record.sex === 2">女</a-tag>
+          </template>
+          <template v-if="column.key === 'deliveryStatus'">
+            <a-tag v-if="record.deliveryStatus == 10">未核销</a-tag>
+            <a-tag v-if="record.deliveryStatus == 20" color="green">已核销</a-tag>
+            <a-tag v-if="record.deliveryStatus == 30" color="bule">部分核销</a-tag>
+          </template>
+          <template v-if="column.key === 'orderStatus'">
+            <a-tag v-if="record.orderStatus === 0">未完成</a-tag>
+            <a-tag v-if="record.orderStatus === 1" color="green">已完成</a-tag>
+            <a-tag v-if="record.orderStatus === 2" color="red">已取消</a-tag>
+            <a-tag v-if="record.orderStatus === 3" color="red">取消中</a-tag>
+            <a-tag v-if="record.orderStatus === 4" color="red">退款申请中</a-tag>
+            <a-tag v-if="record.orderStatus === 5" color="red">退款被拒绝</a-tag>
+            <a-tag v-if="record.orderStatus === 6" color="orange">退款成功</a-tag>
+            <a-tag v-if="record.orderStatus === 7" color="pink">客户端申请退款</a-tag>
+          </template>
+          <template v-if="column.key === 'isInvoice'">
+            <a-tag v-if="record.isInvoice == 0">未开具</a-tag>
+            <a-tag v-if="record.isInvoice == 1" color="green">已开具</a-tag>
+            <a-tag v-if="record.isInvoice == 2" color="blue">不能开具</a-tag>
+          </template>
+          <template v-if="column.key === 'status'">
+            <a-tag v-if="record.status === 0" color="green">显示</a-tag>
+            <a-tag v-if="record.status === 1" color="red">隐藏</a-tag>
+          </template>
+          <template v-if="column.key === 'action'">
+            <a-space>
+              <a @click="openEdit(record)">修改</a>
+              <a-divider type="vertical"/>
+              <a-popconfirm
+                title="确定要删除此记录吗？"
+                @confirm="remove(record)"
+              >
+                <a class="ele-text-danger">删除</a>
+              </a-popconfirm>
+            </a-space>
+          </template>
+        </template>
+      </ele-pro-table>
+    </a-card>
+
+    <!-- 编辑弹窗 -->
+    <OrderInfo v-model:visible="showEdit" :data="current" @done="reload"/>
+  </a-page-header>
+</template>
+
+<script lang="ts" setup>
+import {ref} from 'vue';
+import type {EleProTable} from 'ele-admin-pro';
+import type {
+  DatasourceFunction,
+  ColumnItem
+} from 'ele-admin-pro/es/ele-pro-table/types';
+import Search from './components/search.vue';
+import {getPageTitle} from "@/utils/common";
+import Extra from "@/views/bszx/extra.vue";
+import {pageBszxOrder} from "@/api/bszx/bszxOrder";
+import OrderInfo from './components/orderInfo.vue';
+import {ShopOrder, ShopOrderParam} from "@/api/shop/shopOrder/model";
+import {updateShopOrder} from "@/api/shop/shopOrder";
+import {message} from "ant-design-vue";
+import {updateUser} from "@/api/system/user";
+import {getPayType} from '@/utils/shop';
+import {repairOrder} from "@/api/bszx/bszxPay";
+
+// 表格实例
+const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+// 表格选中数据
+const selection = ref<ShopOrder[]>([]);
+// 当前编辑数据
+const current = ref<ShopOrder | null>(null);
+// 是否显示编辑弹窗
+const showEdit = ref(false);
+// 是否显示批量移动弹窗
+const showMove = ref(false);
+// 加载状态
+const loading = ref(true);
+
+// 表格数据源
+const datasource: DatasourceFunction = ({
+                                          page,
+                                          limit,
+                                          where,
+                                          orders,
+                                          filters
+                                        }) => {
+  if (filters) {
+    where.status = filters.status;
+  }
+  return pageBszxOrder({
+    ...where,
+    ...orders,
+    page,
+    limit
+  });
+};
+
+// 表格列配置
+const columns = ref<ColumnItem[]>([
+  {
+    title: '订单号',
+    dataIndex: 'orderNo',
+    key: 'orderNo',
+    align: 'center',
+    width: 200,
+  },
+  {
+    title: '姓名',
+    dataIndex: 'realName',
+    key: 'realName',
+    align: 'center'
+  },
+  {
+    title: '手机号码',
+    dataIndex: 'phone',
+    key: 'phone',
+    align: 'center'
+  },
+  {
+    title: '实付金额',
+    dataIndex: 'payPrice',
+    key: 'payPrice',
+    align: 'center',
+    customRender: ({text}) => '￥' + text
+  },
+  {
+    title: '支付方式',
+    dataIndex: 'payType',
+    key: 'payType',
+    align: 'center'
+  },
+  {
+    title: '支付状态',
+    dataIndex: 'payStatus',
+    key: 'payStatus',
+    align: 'center'
+  },
+  {
+    title: '核销状态',
+    dataIndex: 'deliveryStatus',
+    key: 'deliveryStatus',
+    align: 'center',
+  },
+  {
+    title: '开票状态',
+    dataIndex: 'isInvoice',
+    key: 'isInvoice',
+    align: 'center',
+  },
+  {
+    title: '订单状态',
+    dataIndex: 'orderStatus',
+    key: 'orderStatus',
+    align: 'center',
+  },
+  // {
+  //   title: '支付时间',
+  //   dataIndex: 'payTime',
+  //   key: 'payTime',
+  //   align: 'center',
+  //   width: 180,
+  //   sorter: true,
+  //   ellipsis: true
+  // },
+  {
+    title: '下单时间',
+    dataIndex: 'createTime',
+    key: 'createTime',
+    align: 'center',
+    width: 180,
+    sorter: true,
+    ellipsis: true
+  },
+  // {
+  //   title: '操作',
+  //   key: 'action',
+  //   width: 180,
+  //   fixed: 'right',
+  //   align: 'center',
+  //   hideInSetting: true
+  // }
+]);
+
+/* 搜索 */
+const reload = (where?: ShopOrderParam) => {
+  selection.value = [];
+  tableRef?.value?.reload({where: where});
+};
+
+const onSearch = (item: ShopOrder) => {
+  reload({userId: item.userId})
+}
+
+/* 打开编辑弹窗 */
+const openEdit = (row?: ShopOrder) => {
+  current.value = row ?? null;
+  showEdit.value = true;
+};
+
+/* 打开批量移动弹窗 */
+const openMove = () => {
+  showMove.value = true;
+};
+
+/**
+ * 修复订单支付状态
+ */
+const updatePayStatus = (record: ShopOrder) => {
+  // 修复订单
+  repairOrder(record).then(() => {
+    message.success('修复成功');
+  }).then(() => {
+    if(record.realName == '' || record.realName == undefined){
+      // 更新用户真实姓名
+      updateUser({
+        userId: record.userId,
+        realName: record.realName
+      })
+    }
+    reload();
+  })
+}
+
+/* 查询 */
+const query = () => {
+  loading.value = true;
+};
+
+/* 自定义行属性 */
+const customRow = (record: ShopOrder) => {
+  return {
+    // 行点击事件
+    onClick: () => {
+      // console.log(record);
+    },
+    // 行双击事件
+    onDblclick: () => {
+      openEdit(record);
+    }
+  };
+};
+query();
+</script>
+
+<script lang="ts">
+import * as MenuIcons from '@/layout/menu-icons';
+
+export default {
+  name: 'BszxOrder',
+  components: MenuIcons
+};
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/views/bszx/bszxPay/components/bszxPayEdit.vue b/src/views/bszx/bszxPay/components/bszxPayEdit.vue
new file mode 100644
index 0000000..876727d
--- /dev/null
+++ b/src/views/bszx/bszxPay/components/bszxPayEdit.vue
@@ -0,0 +1,249 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑捐款记录' : '添加捐款记录'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="年龄" name="age">
+        <a-input
+          allow-clear
+          placeholder="请输入年龄"
+          v-model:value="form.age"
+        />
+      </a-form-item>
+      <a-form-item label="姓名" name="name">
+        <a-input
+          allow-clear
+          placeholder="请输入姓名"
+          v-model:value="form.name"
+        />
+      </a-form-item>
+      <a-form-item label="性别 1男 2女" name="sex">
+        <a-input
+          allow-clear
+          placeholder="请输入性别 1男 2女"
+          v-model:value="form.sex"
+        />
+      </a-form-item>
+      <a-form-item label="手机号码" name="phone">
+        <a-input
+          allow-clear
+          placeholder="请输入手机号码"
+          v-model:value="form.phone"
+        />
+      </a-form-item>
+      <a-form-item label="班级" name="className">
+        <a-input
+          allow-clear
+          placeholder="请输入班级"
+          v-model:value="form.className"
+        />
+      </a-form-item>
+      <a-form-item label="年级" name="gradeName">
+        <a-input
+          allow-clear
+          placeholder="请输入年级"
+          v-model:value="form.gradeName"
+        />
+      </a-form-item>
+      <a-form-item label="居住地址" name="address">
+        <a-input
+          allow-clear
+          placeholder="请输入居住地址"
+          v-model:value="form.address"
+        />
+      </a-form-item>
+      <a-form-item label="工作单位" name="workUnit">
+        <a-input
+          allow-clear
+          placeholder="请输入工作单位"
+          v-model:value="form.workUnit"
+        />
+      </a-form-item>
+      <a-form-item label="职务" name="position">
+        <a-input
+          allow-clear
+          placeholder="请输入职务"
+          v-model:value="form.position"
+        />
+      </a-form-item>
+      <a-form-item label="捐赠证书" name="certificate">
+        <a-input
+          allow-clear
+          placeholder="请输入捐赠证书"
+          v-model:value="form.certificate"
+        />
+      </a-form-item>
+      <a-form-item label="排序(数字越小越靠前)" name="sortNumber">
+        <a-input-number
+          :min="0"
+          :max="9999"
+          class="ele-fluid"
+          placeholder="请输入排序号"
+          v-model:value="form.sortNumber"
+        />
+      </a-form-item>
+      <a-form-item label="备注" name="comments">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="请输入描述"
+          v-model:value="form.comments"
+        />
+      </a-form-item>
+      <a-form-item label="状态" name="status">
+        <a-radio-group v-model:value="form.status">
+          <a-radio :value="0">显示</a-radio>
+          <a-radio :value="1">隐藏</a-radio>
+        </a-radio-group>
+      </a-form-item>
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, watch } from 'vue';
+  import { Form, message } from 'ant-design-vue';
+  import { assignObject, uuid } from 'ele-admin-pro';
+  import { addBszxPay, updateBszxPay } from '@/api/bszx/bszxPay';
+  import { BszxPay } from '@/api/bszx/bszxPay/model';
+  import { useThemeStore } from '@/store/modules/theme';
+  import { storeToRefs } from 'pinia';
+  import { ItemType } from 'ele-admin-pro/es/ele-image-upload/types';
+  import { FormInstance } from 'ant-design-vue/es/form';
+  import { FileRecord } from '@/api/system/file/model';
+
+  // 是否是修改
+  const isUpdate = ref(false);
+  const useForm = Form.useForm;
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: BszxPay | null;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  // 提交状态
+  const loading = ref(false);
+  // 是否显示最大化切换按钮
+  const maxable = ref(true);
+  // 表格选中数据
+  const formRef = ref<FormInstance | null>(null);
+  const images = ref<ItemType[]>([]);
+
+  // 用户信息
+  const form = reactive<BszxPay>({
+    id: undefined,
+    age: undefined,
+    name: undefined,
+    sex: undefined,
+    phone: undefined,
+    className: undefined,
+    gradeName: undefined,
+    address: undefined,
+    workUnit: undefined,
+    position: undefined,
+    number: undefined,
+    extra: undefined,
+    dateTime: undefined,
+    certificate: undefined,
+    formData: undefined,
+    formId: undefined,
+    userId: undefined,
+    comments: undefined,
+    status: undefined,
+    deleted: undefined,
+    tenantId: undefined,
+    createTime: undefined,
+    sortNumber: 100
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    appBszxPayName: [
+      {
+        required: true,
+        type: 'string',
+        message: '请填写应用-百色中学-捐款记录名称',
+        trigger: 'blur'
+      }
+    ]
+  });
+
+  const { resetFields } = useForm(form, rules);
+
+  /* 保存编辑 */
+  const save = () => {
+    if (!formRef.value) {
+      return;
+    }
+    formRef.value
+      .validate()
+      .then(() => {
+        loading.value = true;
+        const formData = {
+          ...form
+        };
+        const saveOrUpdate = isUpdate.value ? updateBszxPay : addBszxPay;
+        saveOrUpdate(formData)
+          .then((msg) => {
+            loading.value = false;
+            message.success(msg);
+            updateVisible(false);
+            emit('done');
+          })
+          .catch((e) => {
+            loading.value = false;
+            message.error(e.message);
+          });
+      })
+      .catch(() => {});
+  };
+
+  watch(
+    () => props.visible,
+    (visible) => {
+      if (visible) {
+        images.value = [];
+        if (props.data) {
+          assignObject(form, props.data);
+          isUpdate.value = true;
+        } else {
+          isUpdate.value = false;
+        }
+      } else {
+        resetFields();
+      }
+    },
+    { immediate: true }
+  );
+</script>
diff --git a/src/views/bszx/bszxPay/components/search.vue b/src/views/bszx/bszxPay/components/search.vue
new file mode 100644
index 0000000..43631a7
--- /dev/null
+++ b/src/views/bszx/bszxPay/components/search.vue
@@ -0,0 +1,235 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+    <a-radio-group v-model:value="branchId" @change="onBranchId">
+      <a-radio-button :value="1">初中部</a-radio-button>
+      <a-radio-button :value="2">高中部</a-radio-button>
+    </a-radio-group>
+    <a-select
+      v-if="branchId"
+      show-search
+      v-model:value="where.gradeName"
+      style="width: 240px"
+      placeholder="选择年级"
+      :options="gradeList"
+      @change="onGrade"
+    ></a-select>
+    <a-select
+      v-if="where.gradeName"
+      show-search
+      v-model:value="where.className"
+      style="width: 240px"
+      placeholder="选择年级"
+      :options="classList"
+      @change="onClass"
+    ></a-select>
+    <a-input-search
+      allow-clear
+      placeholder="请输入关键词"
+      style="width: 220px"
+      v-model:value="where.keywords"
+      @search="reload"
+    />
+    <a-range-picker
+      v-model:value="dateRange"
+      @change="search"
+      value-format="YYYY-MM-DD"
+    />
+    <a-button @click="handleExport">导出</a-button>
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+import {ref, watch} from 'vue';
+import {utils, writeFile} from 'xlsx';
+import dayjs from 'dayjs';
+import {message} from 'ant-design-vue';
+import useSearch from "@/utils/use-search";
+import {BszxPayParam} from "@/api/bszx/bszxPay/model";
+import {BszxBm} from "@/api/bszx/bszxBm/model";
+import {listBszxPay} from "@/api/bszx/bszxPay";
+import {BszxClassParam} from "@/api/bszx/bszxClass/model";
+import {listBszxGrade} from "@/api/bszx/bszxGrade";
+import {listBszxClass} from "@/api/bszx/bszxClass";
+
+const props = withDefaults(
+  defineProps<{
+    // 选中的角色
+    selection?: [];
+  }>(),
+  {}
+);
+
+const emit = defineEmits<{
+  (e: 'search', where?: BszxPayParam): void;
+  (e: 'add'): void;
+  (e: 'remove'): void;
+  (e: 'batchMove'): void;
+}>();
+
+// 表单数据
+const {where} = useSearch<BszxPayParam>({
+  id: undefined,
+  keywords: '',
+  gradeName: undefined,
+  className: undefined,
+  createTimeStart: undefined,
+  createTimeEnd: undefined,
+  userId: undefined
+});
+
+const reload = () => {
+  emit('search', where);
+};
+
+/* 搜索 */
+const search = () => {
+  const [d1, d2] = dateRange.value ?? [];
+  where.createTimeStart = d1 ? d1 + ' 00:00:00' : undefined;
+  where.createTimeEnd = d2 ? d2 + ' 23:59:59' : undefined;
+  emit('search', {
+    ...where
+  });
+};
+
+
+const dateRange = ref<[string, string]>(['', '']);
+// 变量
+const loading = ref(false);
+const bmList = ref<BszxBm[]>([])
+const xlsFileName = ref<string>();
+const branchId = ref<number>();
+const gradeId = ref<number>();
+const gradeList = ref<BszxClassParam[]>([]);
+const classList = ref<BszxClassParam[]>([]);
+
+
+const getGradeList = () => {
+  listBszxGrade({branch: branchId.value}).then(res => {
+    gradeList.value = res.map(d => {
+      d.value = Number(d.id);
+      d.label = d.name;
+      return d;
+    });
+  })
+};
+
+const getClassList = () => {
+  listBszxClass({gradeId: gradeId.value}).then(res => {
+    classList.value = res.map(d => {
+      d.value = Number(d.id);
+      d.label = d.name;
+      return d;
+    });
+  })
+}
+
+const onGrade = (gradeName: number, item: any) => {
+  where.gradeName = item.name;
+  if (gradeName) {
+    console.log(item)
+    gradeId.value = item.id;
+    getClassList();
+  }
+  emit('search', where);
+}
+
+const onBranchId = () => {
+  getGradeList();
+}
+
+const onClass = (classId, item) => {
+  console.log(classId);
+  where.className = item.name;
+  reload();
+}
+
+// 导出
+const handleExport = async () => {
+  loading.value = true;
+  const array: (string | number)[][] = [
+    [
+      '订单编号',
+      '姓名',
+      '手机号码',
+      '捐款金额',
+      '性别',
+      '年级',
+      '班级',
+      '居住地址',
+      '工作单位',
+      '职务',
+      '捐款时间'
+    ]
+  ];
+
+  // 按搜索结果导出
+  where.sceneType = 'Content';
+  await listBszxPay(where)
+    .then((list) => {
+      bmList.value = list;
+      list?.forEach((d: BszxBm) => {
+        array.push([
+          `${d.orderNo}`,
+          `${d.name}`,
+          `${d.mobile}`,
+          `${d.price}`,
+          `${d.sex == 1 ? '男' : ''}${d.sex == 2 ? '女' : '-'}`,
+          `${d.gradeName ? d.gradeName : '-'}`,
+          `${d.className ? d.className : '-'}`,
+          `${d.address ? d.address : '-'}`,
+          `${d.workUnit ? d.workUnit : '-'}`,
+          `${d.position ? d.position : '-'}`,
+          `${d.createTime}`
+        ]);
+      });
+      const sheetName = `导出捐款记录${dayjs(new Date()).format('YYYYMMDD')}`;
+      const workbook = {
+        SheetNames: [sheetName],
+        Sheets: {}
+      };
+      const sheet = utils.aoa_to_sheet(array);
+      workbook.Sheets[sheetName] = sheet;
+      // 设置列宽
+      sheet['!cols'] = [
+        {wch: 10},
+        {wch: 40},
+        {wch: 20},
+        {wch: 20},
+        {wch: 60},
+        {wch: 15},
+        {wch: 10},
+        {wch: 10},
+        {wch: 20},
+        {wch: 10},
+        {wch: 20}
+      ];
+      message.loading('正在导出...');
+      setTimeout(() => {
+        writeFile(
+          workbook,
+          `${
+            where.createTimeEnd ? xlsFileName.value + '_' : ''
+          }${sheetName}.xlsx`
+        );
+        loading.value = false;
+      }, 1000);
+    })
+    .catch((msg) => {
+      message.error(msg);
+      loading.value = false;
+    })
+    .finally(() => {
+    });
+
+};
+
+getGradeList();
+
+watch(
+  () => props.totalPriceAmount,
+  (totalPriceAmount) => {
+    console.log(totalPriceAmount, 'totalPriceAmount')
+  }
+);
+</script>
diff --git a/src/views/bszx/bszxPay/index.vue b/src/views/bszx/bszxPay/index.vue
new file mode 100644
index 0000000..24e5f4b
--- /dev/null
+++ b/src/views/bszx/bszxPay/index.vue
@@ -0,0 +1,336 @@
+<template>
+  <a-page-header :title="getPageTitle()" @back="() => $router.go(-1)">
+    <template #extra>
+      <Extra/>
+    </template>
+    <a-card :bordered="false" :body-style="{ padding: '16px' }">
+      <ele-pro-table
+        ref="tableRef"
+        row-key="id"
+        :columns="columns"
+        :datasource="datasource"
+        :customRow="customRow"
+        :parse-data="parseData"
+        tool-class="ele-toolbar-form"
+        class="sys-org-table"
+      >
+        <template #toolbar>
+          <search
+            @search="reload"
+            :selection="selection"
+            @add="openEdit"
+            @remove="removeBatch"
+            @batchMove="openMove"
+          />
+        </template>
+        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'name'">
+            <div @click="onSearch(record)" class="cursor-pointer">{{ record.name || '匿名' }}</div>
+          </template>
+          <template v-if="column.key === 'phone'">
+            <div v-if="record.mobile" class="text-gray-400">{{ record.mobile }}</div>
+            <div v-else class="text-gray-600">{{ record.phone }}</div>
+          </template>
+          <template v-if="column.key === 'image'">
+            <a-image :src="record.image" :width="50"/>
+          </template>
+          <template v-if="column.key === 'sex'">
+            <a-tag v-if="record.sex === 1">男</a-tag>
+            <a-tag v-if="record.sex === 2">女</a-tag>
+          </template>
+          <template v-if="column.key === 'present'">
+            <a-tag v-if="record.present">能</a-tag>
+            <a-tag v-else>不能</a-tag>
+          </template>
+          <template v-if="column.key === 'status'">
+            <a-tag v-if="record.status === 0" color="green">显示</a-tag>
+            <a-tag v-if="record.status === 1" color="red">隐藏</a-tag>
+          </template>
+          <template v-if="column.key === 'action'">
+            <a-space>
+              <a @click="openEdit(record)">修改</a>
+              <a-divider type="vertical"/>
+              <a-popconfirm
+                title="确定要删除此记录吗？"
+                @confirm="remove(record)"
+              >
+                <a class="ele-text-danger">删除</a>
+              </a-popconfirm>
+            </a-space>
+          </template>
+        </template>
+        <template #footer>
+          <span v-if="totalPriceAmount" class="text-red-500 font-bold">小计：￥{{ totalPriceAmount.toFixed(2) }}</span>
+        </template>
+      </ele-pro-table>
+    </a-card>
+
+    <!-- 编辑弹窗 -->
+    <BszxPayEdit v-model:visible="showEdit" :data="current" @done="reload"/>
+  </a-page-header>
+</template>
+
+<script lang="ts" setup>
+import {createVNode, ref} from 'vue';
+import {message, Modal} from 'ant-design-vue';
+import {ExclamationCircleOutlined} from '@ant-design/icons-vue';
+import type {EleProTable} from 'ele-admin-pro';
+import type {
+  DatasourceFunction,
+  ColumnItem
+} from 'ele-admin-pro/es/ele-pro-table/types';
+import Search from './components/search.vue';
+import BszxPayEdit from './components/bszxPayEdit.vue';
+import {pageBszxPay, removeBszxPay, removeBatchBszxPay} from '@/api/bszx/bszxPay';
+import type {BszxPay, BszxPayParam} from '@/api/bszx/bszxPay/model';
+import {getPageTitle} from "@/utils/common";
+import Extra from "@/views/bszx/extra.vue";
+import {PageResult} from "@/api";
+
+// 表格实例
+const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+// 表格选中数据
+const selection = ref<BszxPay[]>([]);
+// 当前编辑数据
+const current = ref<BszxPay | null>(null);
+// 是否显示编辑弹窗
+const showEdit = ref(false);
+// 是否显示批量移动弹窗
+const showMove = ref(false);
+// 加载状态
+const loading = ref(true);
+const totalPriceAmount = ref<number>(0);
+
+// 表格数据源
+const datasource: DatasourceFunction = ({
+                                          page,
+                                          limit,
+                                          where,
+                                          orders,
+                                          filters
+                                        }) => {
+  if (filters) {
+    where.status = filters.status;
+  }
+  return pageBszxPay({
+    ...where,
+    ...orders,
+    page,
+    limit
+  });
+};
+
+// 整理数据
+const parseData = (data: PageResult<BszxPay>) => {
+  totalPriceAmount.value = 0;
+  data.list?.map((item) => {
+    if(item.price){
+      totalPriceAmount.value += Number(item.price)
+    }
+  })
+  return data;
+};
+
+// 表格列配置
+const columns = ref<ColumnItem[]>([
+  {
+    title: '订单编号',
+    dataIndex: 'orderNo',
+    key: 'orderNo',
+    align: 'center',
+    width: 200,
+  },
+  {
+    title: '姓名',
+    dataIndex: 'name',
+    key: 'name',
+    align: 'center',
+  },
+  {
+    title: '手机号码',
+    dataIndex: 'phone',
+    key: 'phone',
+    align: 'center',
+    width: 120
+  },
+  {
+    title: '捐款金额',
+    dataIndex: 'price',
+    key: 'price',
+    width: 120,
+    align: 'center',
+    sorter: true,
+    customRender: ({text}) => '￥' + text
+  },
+  {
+    title: '性别',
+    dataIndex: 'sex',
+    key: 'sex',
+    align: 'center',
+    customRender: ({text}) => ['', '男', '女'][text]
+  },
+  {
+    title: '分部',
+    dataIndex: 'branchName',
+    key: 'branchName',
+    align: 'center',
+  },
+  {
+    title: '年级',
+    dataIndex: 'gradeName',
+    key: 'gradeName',
+    align: 'center',
+  },
+  {
+    title: '班级',
+    dataIndex: 'className',
+    key: 'className',
+    align: 'center',
+  },
+  {
+    title: '居住地址',
+    dataIndex: 'address',
+    key: 'address',
+    align: 'center',
+  },
+  {
+    title: '工作单位',
+    dataIndex: 'workUnit',
+    key: 'workUnit',
+    align: 'center',
+  },
+  {
+    title: '职务',
+    dataIndex: 'position',
+    key: 'position',
+    align: 'center',
+  },
+  // {
+  //   title: '捐赠证书',
+  //   dataIndex: 'certificate',
+  //   key: 'certificate',
+  //   align: 'center',
+  // },
+  {
+    title: '心愿',
+    dataIndex: 'comments',
+    key: 'comments',
+    align: 'center',
+  },
+  // {
+  //   title: '状态',
+  //   dataIndex: 'status',
+  //   key: 'status',
+  //   align: 'center',
+  // },
+  {
+    title: '捐款时间',
+    dataIndex: 'createTime',
+    key: 'createTime',
+    align: 'center',
+    width: 180,
+    sorter: true,
+    ellipsis: true
+  },
+  // {
+  //   title: '操作',
+  //   key: 'action',
+  //   width: 180,
+  //   fixed: 'right',
+  //   align: 'center',
+  //   hideInSetting: true
+  // }
+]);
+
+/* 搜索 */
+const reload = (where?: BszxPayParam) => {
+  selection.value = [];
+  tableRef?.value?.reload({where: where});
+};
+
+const onSearch = (item: BszxPay) => {
+  reload({userId: item.userId})
+}
+
+/* 打开编辑弹窗 */
+const openEdit = (row?: BszxPay) => {
+  current.value = row ?? null;
+  showEdit.value = true;
+};
+
+/* 打开批量移动弹窗 */
+const openMove = () => {
+  showMove.value = true;
+};
+
+/* 删除单个 */
+const remove = (row: BszxPay) => {
+  const hide = message.loading('请求中..', 0);
+  removeBszxPay(row.id)
+    .then((msg) => {
+      hide();
+      message.success(msg);
+      reload();
+    })
+    .catch((e) => {
+      hide();
+      message.error(e.message);
+    });
+};
+
+/* 批量删除 */
+const removeBatch = () => {
+  if (!selection.value.length) {
+    message.error('请至少选择一条数据');
+    return;
+  }
+  Modal.confirm({
+    title: '提示',
+    content: '确定要删除选中的记录吗?',
+    icon: createVNode(ExclamationCircleOutlined),
+    maskClosable: true,
+    onOk: () => {
+      const hide = message.loading('请求中..', 0);
+      removeBatchBszxPay(selection.value.map((d) => d.id))
+        .then((msg) => {
+          hide();
+          message.success(msg);
+          reload();
+        })
+        .catch((e) => {
+          hide();
+          message.error(e.message);
+        });
+    }
+  });
+};
+
+/* 查询 */
+const query = () => {
+  loading.value = true;
+};
+
+/* 自定义行属性 */
+const customRow = (record: BszxPay) => {
+  return {
+    // 行点击事件
+    onClick: () => {
+      // console.log(record);
+    },
+    // 行双击事件
+    onDblclick: () => {
+      // openEdit(record);
+    }
+  };
+};
+query();
+</script>
+
+<script lang="ts">
+export default {
+  name: 'BszxPay'
+};
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/views/bszx/bszxPayCert/components/appBszxPayEdit.vue b/src/views/bszx/bszxPayCert/components/appBszxPayEdit.vue
new file mode 100644
index 0000000..ff753a4
--- /dev/null
+++ b/src/views/bszx/bszxPayCert/components/appBszxPayEdit.vue
@@ -0,0 +1,270 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑应用-百色中学-捐款记录' : '添加应用-百色中学-捐款记录'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="年龄" name="age">
+        <a-input
+          allow-clear
+          placeholder="请输入年龄"
+          v-model:value="form.age"
+        />
+      </a-form-item>
+      <a-form-item label="姓名" name="name">
+        <a-input
+          allow-clear
+          placeholder="请输入姓名"
+          v-model:value="form.name"
+        />
+      </a-form-item>
+      <a-form-item label="性别 1男 2女" name="sex">
+        <a-input
+          allow-clear
+          placeholder="请输入性别 1男 2女"
+          v-model:value="form.sex"
+        />
+      </a-form-item>
+      <a-form-item label="手机号码" name="phone">
+        <a-input
+          allow-clear
+          placeholder="请输入手机号码"
+          v-model:value="form.phone"
+        />
+      </a-form-item>
+      <a-form-item label="班级" name="className">
+        <a-input
+          allow-clear
+          placeholder="请输入班级"
+          v-model:value="form.className"
+        />
+      </a-form-item>
+      <a-form-item label="年级" name="gradeName">
+        <a-input
+          allow-clear
+          placeholder="请输入年级"
+          v-model:value="form.gradeName"
+        />
+      </a-form-item>
+      <a-form-item label="居住地址" name="address">
+        <a-input
+          allow-clear
+          placeholder="请输入居住地址"
+          v-model:value="form.address"
+        />
+      </a-form-item>
+      <a-form-item label="工作单位" name="workUnit">
+        <a-input
+          allow-clear
+          placeholder="请输入工作单位"
+          v-model:value="form.workUnit"
+        />
+      </a-form-item>
+      <a-form-item label="职务" name="position">
+        <a-input
+          allow-clear
+          placeholder="请输入职务"
+          v-model:value="form.position"
+        />
+      </a-form-item>
+      <a-form-item label="捐赠证书" name="certificate">
+        <a-input
+          allow-clear
+          placeholder="请输入捐赠证书"
+          v-model:value="form.certificate"
+        />
+      </a-form-item>
+      <a-form-item label="排序(数字越小越靠前)" name="sortNumber">
+        <a-input-number
+          :min="0"
+          :max="9999"
+          class="ele-fluid"
+          placeholder="请输入排序号"
+          v-model:value="form.sortNumber"
+        />
+      </a-form-item>
+      <a-form-item label="备注" name="comments">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="请输入描述"
+          v-model:value="form.comments"
+        />
+      </a-form-item>
+      <a-form-item label="状态" name="status">
+        <a-radio-group v-model:value="form.status">
+          <a-radio :value="0">显示</a-radio>
+          <a-radio :value="1">隐藏</a-radio>
+        </a-radio-group>
+      </a-form-item>
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, watch } from 'vue';
+  import { Form, message } from 'ant-design-vue';
+  import { assignObject, uuid } from 'ele-admin-pro';
+  import { addBszxPay, updateBszxPay } from '@/api/bszx/bszxPay';
+  import { BszxPay } from '@/api/bszx/bszxPay/model';
+  import { useThemeStore } from '@/store/modules/theme';
+  import { storeToRefs } from 'pinia';
+  import { ItemType } from 'ele-admin-pro/es/ele-image-upload/types';
+  import { FormInstance } from 'ant-design-vue/es/form';
+  import { FileRecord } from '@/api/system/file/model';
+
+  // 是否是修改
+  const isUpdate = ref(false);
+  const useForm = Form.useForm;
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: BszxPay | null;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  // 提交状态
+  const loading = ref(false);
+  // 是否显示最大化切换按钮
+  const maxable = ref(true);
+  // 表格选中数据
+  const formRef = ref<FormInstance | null>(null);
+  const images = ref<ItemType[]>([]);
+
+  // 用户信息
+  const form = reactive<BszxPay>({
+    id: undefined,
+    age: undefined,
+    name: undefined,
+    sex: undefined,
+    phone: undefined,
+    className: undefined,
+    gradeName: undefined,
+    address: undefined,
+    workUnit: undefined,
+    position: undefined,
+    number: undefined,
+    extra: undefined,
+    dateTime: undefined,
+    certificate: undefined,
+    formData: undefined,
+    formId: undefined,
+    userId: undefined,
+    comments: undefined,
+    status: undefined,
+    deleted: undefined,
+    tenantId: undefined,
+    createTime: undefined,
+    sortNumber: 100
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    appBszxPayName: [
+      {
+        required: true,
+        type: 'string',
+        message: '请填写应用-百色中学-捐款记录名称',
+        trigger: 'blur'
+      }
+    ]
+  });
+
+  const chooseImage = (data: FileRecord) => {
+    images.value.push({
+      uid: data.id,
+      url: data.path,
+      status: 'done'
+    });
+    form.image = data.path;
+  };
+
+  const onDeleteItem = (index: number) => {
+    images.value.splice(index, 1);
+    form.image = '';
+  };
+
+  const { resetFields } = useForm(form, rules);
+
+  /* 保存编辑 */
+  const save = () => {
+    if (!formRef.value) {
+      return;
+    }
+    formRef.value
+      .validate()
+      .then(() => {
+        loading.value = true;
+        const formData = {
+          ...form
+        };
+        const saveOrUpdate = isUpdate.value ? updateBszxPay : addBszxPay;
+        saveOrUpdate(formData)
+          .then((msg) => {
+            loading.value = false;
+            message.success(msg);
+            updateVisible(false);
+            emit('done');
+          })
+          .catch((e) => {
+            loading.value = false;
+            message.error(e.message);
+          });
+      })
+      .catch(() => {});
+  };
+
+  watch(
+    () => props.visible,
+    (visible) => {
+      if (visible) {
+        images.value = [];
+        if (props.data) {
+          assignObject(form, props.data);
+          if(props.data.image){
+            images.value.push({
+              uid: uuid(),
+              url: props.data.image,
+              status: 'done'
+            })
+          }
+          isUpdate.value = true;
+        } else {
+          isUpdate.value = false;
+        }
+      } else {
+        resetFields();
+      }
+    },
+    { immediate: true }
+  );
+</script>
diff --git a/src/views/bszx/bszxPayCert/components/search.vue b/src/views/bszx/bszxPayCert/components/search.vue
new file mode 100644
index 0000000..cbbebef
--- /dev/null
+++ b/src/views/bszx/bszxPayCert/components/search.vue
@@ -0,0 +1,141 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+    <a-input-search
+      allow-clear
+      placeholder="请输入关键词"
+      style="width: 280px"
+      v-model:value="where.keywords"
+      @search="reload"
+    />
+    <a-button type="text" @click="handleExport">导出</a-button>
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+  import { ref, watch } from 'vue';
+  import { utils, writeFile } from 'xlsx';
+  import dayjs from 'dayjs';
+  import { message } from 'ant-design-vue';
+  import useSearch from "@/utils/use-search";
+  import {BszxPayParam} from "@/api/bszx/bszxPay/model";
+  import {BszxBm} from "@/api/bszx/bszxBm/model";
+  import {listBszxPay} from "@/api/bszx/bszxPay";
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的角色
+      selection?: [];
+    }>(),
+    {}
+  );
+
+  const emit = defineEmits<{
+    (e: 'search', where?: BszxPayParam): void;
+    (e: 'add'): void;
+    (e: 'remove'): void;
+    (e: 'batchMove'): void;
+  }>();
+
+  // 表单数据
+  const { where } = useSearch<BszxPayParam>({
+    id: undefined,
+    keywords: '',
+    userId: undefined
+  });
+
+  const reload = () => {
+    emit('search', where);
+  };
+
+  // 变量
+  const loading = ref(false);
+  const bmList = ref<BszxBm[]>([])
+  const xlsFileName = ref<string>();
+
+  // 导出
+  const handleExport = async () => {
+    loading.value = true;
+    const array: (string | number)[][] = [
+      [
+        '用户ID',
+        '姓名',
+        '性别',
+        '手机号码',
+        '班级',
+        '年级',
+        '居住地址',
+        '工作单位',
+        '职务',
+        '是否能到场',
+        '邀请函',
+        '捐款时间'
+      ]
+    ];
+
+    // 按搜索结果导出
+    where.sceneType = 'Content';
+    await listBszxPay(where)
+      .then((list) => {
+        bmList.value = list;
+        list?.forEach((d: BszxBm) => {
+          array.push([
+            `${d.userId}`,
+            `${d.name}`,
+            `${d.sex}`,
+            `${d.phone}`,
+            `${d.className}`,
+            `${d.gradeName}`,
+            `${d.address}`,
+            `${d.workUnit}`,
+            `${d.position}`,
+            `${d.present}`,
+            `${d.certificate}`,
+            `${d.createTime}`
+          ]);
+        });
+        const sheetName = `导出捐款记录${dayjs(new Date()).format('YYYYMMDD')}`;
+        const workbook = {
+          SheetNames: [sheetName],
+          Sheets: {}
+        };
+        const sheet = utils.aoa_to_sheet(array);
+        workbook.Sheets[sheetName] = sheet;
+        // 设置列宽
+        sheet['!cols'] = [
+          { wch: 10 },
+          { wch: 40 },
+          { wch: 20 },
+          { wch: 20 },
+          { wch: 60 },
+          { wch: 15 },
+          { wch: 10 },
+          { wch: 10 },
+          { wch: 20 },
+          { wch: 10 },
+          { wch: 20 }
+        ];
+        message.loading('正在导出...');
+        setTimeout(() => {
+          writeFile(
+            workbook,
+            `${
+              where.createTimeEnd ? xlsFileName.value + '_' : ''
+            }${sheetName}.xlsx`
+          );
+          loading.value = false;
+        }, 1000);
+      })
+      .catch((msg) => {
+        message.error(msg);
+        loading.value = false;
+      })
+      .finally(() => {});
+
+  };
+
+  watch(
+    () => props.selection,
+    () => {}
+  );
+</script>
diff --git a/src/views/bszx/bszxPayCert/index.vue b/src/views/bszx/bszxPayCert/index.vue
new file mode 100644
index 0000000..d7ad56b
--- /dev/null
+++ b/src/views/bszx/bszxPayCert/index.vue
@@ -0,0 +1,112 @@
+<template>
+  <div class="cert-box h-screen">
+    <div class="cert-content" v-html="article.content"></div>
+    <div class="create-time text-right">
+      <span>广西百色中学</span>
+      <p>{{ toDateString(form.createTime, "YYYY-MM-dd") }}</p>
+    </div>
+    <!-- 二维码 -->
+    <div class="qrcode mt-10 text-center">
+      <ele-qr-code-svg :value="`${qrcode}`" :size="200" />
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+  import { useRouter } from 'vue-router';
+  import { onMounted, ref,unref, reactive } from 'vue';
+  import { assignObject, toDateString } from "ele-admin-pro";
+  import {getBszxPay} from '@/api/bszx/bszxPay';
+  import type { BszxPay } from '@/api/bszx/bszxPay/model';
+  import {getCmsArticle} from "@/api/cms/cmsArticle";
+  import {CmsArticle} from "@/api/cms/cmsArticle/model";
+
+  // 二维码内容
+  const qrcode = ref('123');
+  // 当前编辑数据
+  // 是否显示编辑弹窗
+  // 是否显示批量移动弹窗
+  // 加载状态
+  const loading = ref(true);
+
+  // 捐款记录
+  const form = reactive<BszxPay>({
+    id: undefined,
+    age: undefined,
+    name: undefined,
+    sex: undefined,
+    phone: undefined,
+    className: undefined,
+    gradeName: undefined,
+    address: undefined,
+    workUnit: undefined,
+    position: undefined,
+    number: undefined,
+    price: undefined,
+    extra: undefined,
+    dateTime: undefined,
+    certificate: undefined,
+    formData: undefined,
+    formId: undefined,
+    userId: undefined,
+    comments: undefined,
+    status: undefined,
+    deleted: undefined,
+    tenantId: undefined,
+    createTime: undefined,
+    sortNumber: 100
+  });
+
+  // 文章
+  const article = reactive<CmsArticle>({
+    articleId: undefined,
+    content: undefined,
+    createTime: undefined
+  });
+
+
+  /* 查询 */
+  const query = () => {
+    loading.value = true;
+    const { currentRoute } = useRouter();
+    const { params } = unref(currentRoute);
+    console.log(params.id,'query')
+    getBszxPay(Number(params?.id)).then(data => {
+      assignObject(form, data);
+      if(data.formId && data.formId > 0){
+        getCmsArticle(data.formId).then(result => {
+          if(result.content){
+            result.content = result?.content.replace('校友', data?.name + '___校友');
+            result.content = result?.content.replace('人民币', '人民币 ' + data?.price);
+            qrcode.value = 'https://website.websoft.top/bszx/pay-cert/' + data?.id;
+          }
+          assignObject(article, result);
+        })
+      }
+    })
+  };
+
+onMounted(() => {
+  query();
+})
+</script>
+
+<script lang="ts">
+  export default {
+    name: 'BszxPay'
+  };
+</script>
+
+<style lang="less" scoped>
+.cert-box{
+  width: 500px;
+  margin: 10px auto;
+  padding: 58px;
+  border-bottom: blue 1px solid;
+  background: url("https://oss.wsdns.cn/20250127/cb1088c3b1354a118477a0b1a3cdac41.png") no-repeat;
+  background-size: 100%;
+}
+.cert-content{
+  margin-top: 250px;
+}
+</style>
diff --git a/src/views/bszx/bszxPayRanking/components/bszxPayRankingEdit.vue b/src/views/bszx/bszxPayRanking/components/bszxPayRankingEdit.vue
new file mode 100644
index 0000000..3c241f9
--- /dev/null
+++ b/src/views/bszx/bszxPayRanking/components/bszxPayRankingEdit.vue
@@ -0,0 +1,215 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑百色中学-捐款排行' : '添加百色中学-捐款排行'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="来源表ID（项目名称）" name="formId">
+        <a-input
+          allow-clear
+          placeholder="请输入来源表ID（项目名称）"
+          v-model:value="form.formId"
+        />
+      </a-form-item>
+      <a-form-item label="数量" name="number">
+        <a-input
+          allow-clear
+          placeholder="请输入数量"
+          v-model:value="form.number"
+        />
+      </a-form-item>
+      <a-form-item label="获得捐款总金额" name="totalPrice">
+        <a-input
+          allow-clear
+          placeholder="请输入获得捐款总金额"
+          v-model:value="form.totalPrice"
+        />
+      </a-form-item>
+      <a-form-item label="排序(数字越小越靠前)" name="sortNumber">
+        <a-input-number
+          :min="0"
+          :max="9999"
+          class="ele-fluid"
+          placeholder="请输入排序号"
+          v-model:value="form.sortNumber"
+        />
+      </a-form-item>
+      <a-form-item label="备注" name="comments">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="请输入描述"
+          v-model:value="form.comments"
+        />
+      </a-form-item>
+      <a-form-item label="状态, 0正常, 1冻结" name="status">
+        <a-radio-group v-model:value="form.status">
+          <a-radio :value="0">显示</a-radio>
+          <a-radio :value="1">隐藏</a-radio>
+        </a-radio-group>
+      </a-form-item>
+      <a-form-item label="是否删除, 0否, 1是" name="deleted">
+        <a-input
+          allow-clear
+          placeholder="请输入是否删除, 0否, 1是"
+          v-model:value="form.deleted"
+        />
+      </a-form-item>
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, watch } from 'vue';
+  import { Form, message } from 'ant-design-vue';
+  import { assignObject, uuid } from 'ele-admin-pro';
+  import { addBszxPayRanking, updateBszxPayRanking } from '@/api/bszx/bszxPayRanking';
+  import { BszxPayRanking } from '@/api/bszx/bszxPayRanking/model';
+  import { useThemeStore } from '@/store/modules/theme';
+  import { storeToRefs } from 'pinia';
+  import { ItemType } from 'ele-admin-pro/es/ele-image-upload/types';
+  import { FormInstance } from 'ant-design-vue/es/form';
+  import { FileRecord } from '@/api/system/file/model';
+
+  // 是否是修改
+  const isUpdate = ref(false);
+  const useForm = Form.useForm;
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: BszxPayRanking | null;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  // 提交状态
+  const loading = ref(false);
+  // 是否显示最大化切换按钮
+  const maxable = ref(true);
+  // 表格选中数据
+  const formRef = ref<FormInstance | null>(null);
+  const images = ref<ItemType[]>([]);
+
+  // 用户信息
+  const form = reactive<BszxPayRanking>({
+    id: undefined,
+    formId: undefined,
+    number: undefined,
+    totalPrice: undefined,
+    deleted: undefined,
+    tenantId: undefined,
+    createTime: undefined,
+    status: 0,
+    comments: '',
+    sortNumber: 100
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    bszxPayRankingName: [
+      {
+        required: true,
+        type: 'string',
+        message: '请填写百色中学-捐款排行名称',
+        trigger: 'blur'
+      }
+    ]
+  });
+
+  const chooseImage = (data: FileRecord) => {
+    images.value.push({
+      uid: data.id,
+      url: data.path,
+      status: 'done'
+    });
+    form.image = data.path;
+  };
+
+  const onDeleteItem = (index: number) => {
+    images.value.splice(index, 1);
+    form.image = '';
+  };
+
+  const { resetFields } = useForm(form, rules);
+
+  /* 保存编辑 */
+  const save = () => {
+    if (!formRef.value) {
+      return;
+    }
+    formRef.value
+      .validate()
+      .then(() => {
+        loading.value = true;
+        const formData = {
+          ...form
+        };
+        const saveOrUpdate = isUpdate.value ? updateBszxPayRanking : addBszxPayRanking;
+        saveOrUpdate(formData)
+          .then((msg) => {
+            loading.value = false;
+            message.success(msg);
+            updateVisible(false);
+            emit('done');
+          })
+          .catch((e) => {
+            loading.value = false;
+            message.error(e.message);
+          });
+      })
+      .catch(() => {});
+  };
+
+  watch(
+    () => props.visible,
+    (visible) => {
+      if (visible) {
+        images.value = [];
+        if (props.data) {
+          assignObject(form, props.data);
+          if(props.data.image){
+            images.value.push({
+              uid: uuid(),
+              url: props.data.image,
+              status: 'done'
+            })
+          }
+          isUpdate.value = true;
+        } else {
+          isUpdate.value = false;
+        }
+      } else {
+        resetFields();
+      }
+    },
+    { immediate: true }
+  );
+</script>
diff --git a/src/views/bszx/bszxPayRanking/components/search.vue b/src/views/bszx/bszxPayRanking/components/search.vue
new file mode 100644
index 0000000..e99b42d
--- /dev/null
+++ b/src/views/bszx/bszxPayRanking/components/search.vue
@@ -0,0 +1,86 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+    <a-range-picker
+      v-model:value="dateRange"
+      @change="search"
+      value-format="YYYY-MM-DD"
+    />
+    <a-tooltip title="实际订单总金额（来自订单表）" class="flex px-4">
+      <span class="text-gray-400">实际订单总金额：</span>
+      <span class="text-gray-700 font-bold">￥{{ formatNumber(bszxTotalPrice) }}</span>
+    </a-tooltip>
+
+    <a-tooltip title="排行榜统计金额（来自排行榜表）" class="flex px-4 ml-4">
+      <span class="text-gray-400">排行榜统计金额：</span>
+      <span class="text-gray-700 font-bold">￥{{ formatNumber(rankingTotalPrice) }}</span>
+    </a-tooltip>
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+  import useSearch from "@/utils/use-search";
+  import { watch, ref, computed } from 'vue';
+  import { formatNumber } from 'ele-admin-pro/es';
+  import { BszxPayRankingParam } from "@/api/bszx/bszxPayRanking/model";
+  import { useBszxStatisticsStore } from '@/store/modules/bszx-statistics';
+
+  // 使用百色中学统计数据 store
+  const bszxStatisticsStore = useBszxStatisticsStore();
+
+  // 从 store 中获取总金额
+  const bszxTotalPrice = computed(() => bszxStatisticsStore.bszxTotalPrice);
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的角色
+      selection?: [];
+      // 保留这个属性以保持向后兼容，但不再使用
+      totalPriceAmount?: number;
+      // 排行榜统计金额
+      rankingTotalPrice?: number;
+    }>(),
+    {
+      rankingTotalPrice: 0
+    }
+  );
+
+  // 日期范围选择
+  const dateRange = ref<[string, string]>(['', '']);
+
+  const emit = defineEmits<{
+    (e: 'search', where?: BszxPayRankingParam): void;
+    (e: 'add'): void;
+    (e: 'remove'): void;
+    (e: 'batchMove'): void;
+  }>();
+
+  // 表单数据
+  const {where,resetFields} = useSearch<BszxPayRankingParam>({
+    id: undefined,
+    userId: undefined,
+    createTimeStart: undefined,
+    createTimeEnd: undefined,
+    keywords: ''
+  });
+
+  /* 搜索 */
+  const search = () => {
+    const [d1, d2] = dateRange.value ?? [];
+    emit('search', {
+      ...where,
+      createTimeStart: d1 ? d1 + ' 00:00:00' : '',
+      createTimeEnd: d2 ? d2 + ' 23:59:59' : ''
+    });
+  };
+
+  const onSearch = (text: string) => {
+    where.sceneType = text
+    search();
+  }
+
+  watch(
+    () => props.selection,
+    () => {}
+  );
+</script>
diff --git a/src/views/bszx/bszxPayRanking/index.vue b/src/views/bszx/bszxPayRanking/index.vue
new file mode 100644
index 0000000..7af7390
--- /dev/null
+++ b/src/views/bszx/bszxPayRanking/index.vue
@@ -0,0 +1,242 @@
+<template>
+  <a-page-header :title="getPageTitle()" @back="() => $router.go(-1)">
+    <template #extra>
+      <Extra/>
+    </template>
+    <a-card :bordered="false" :body-style="{ padding: '16px' }">
+      <ele-pro-table
+        ref="tableRef"
+        row-key="id"
+        :columns="columns"
+        :datasource="datasource"
+        :customRow="customRow"
+        tool-class="ele-toolbar-form"
+        class="sys-org-table"
+      >
+        <template #toolbar>
+          <search
+            @search="reload"
+            :selection="selection"
+            :rankingTotalPrice="rankingTotalPrice"
+            @add="openEdit"
+            @remove="removeBatch"
+            @batchMove="openMove"
+          />
+        </template>
+        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'image'">
+            <a-image :src="record.image" :width="50"/>
+          </template>
+          <template v-if="column.key === 'status'">
+            <a-tag v-if="record.status === 0" color="green">显示</a-tag>
+            <a-tag v-if="record.status === 1" color="red">隐藏</a-tag>
+          </template>
+          <template v-if="column.key === 'action'">
+            <a-space>
+              <a @click="openEdit(record)">修改</a>
+              <a-divider type="vertical"/>
+              <a-popconfirm
+                title="确定要删除此记录吗？"
+                @confirm="remove(record)"
+              >
+                <a class="ele-text-danger">删除</a>
+              </a-popconfirm>
+            </a-space>
+          </template>
+        </template>
+      </ele-pro-table>
+    </a-card>
+
+    <!-- 编辑弹窗 -->
+    <BszxPayRankingEdit v-model:visible="showEdit" :data="current" @done="reload"/>
+  </a-page-header>
+</template>
+
+<script lang="ts" setup>
+import {createVNode, ref, onMounted} from 'vue';
+import {message, Modal} from 'ant-design-vue';
+import {ExclamationCircleOutlined} from '@ant-design/icons-vue';
+import type {EleProTable} from 'ele-admin-pro';
+import type {
+  DatasourceFunction,
+  ColumnItem
+} from 'ele-admin-pro/es/ele-pro-table/types';
+import Search from './components/search.vue';
+import BszxPayRankingEdit from './components/bszxPayRankingEdit.vue';
+import {removeBszxPayRanking, removeBatchBszxPayRanking, ranking} from '@/api/bszx/bszxPayRanking';
+import type {BszxPayRanking, BszxPayRankingParam} from '@/api/bszx/bszxPayRanking/model';
+import {getPageTitle} from "@/utils/common";
+import Extra from "@/views/bszx/extra.vue";
+import { useBszxStatisticsStore } from '@/store/modules/bszx-statistics';
+
+// 使用百色中学统计数据 store
+const bszxStatisticsStore = useBszxStatisticsStore();
+
+// 表格实例
+const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+// 表格选中数据
+const selection = ref<BszxPayRanking[]>([]);
+// 当前编辑数据
+const current = ref<BszxPayRanking | null>(null);
+// 是否显示编辑弹窗
+const showEdit = ref(false);
+// 是否显示批量移动弹窗
+const showMove = ref(false);
+// 加载状态
+const loading = ref(true);
+// 排行榜总金额（本地计算）
+const rankingTotalPrice = ref<number>(0);
+
+// 表格数据源
+const datasource: DatasourceFunction = ({where}) => {
+  return ranking({...where}).then(data => {
+    // 计算排行榜总金额（用于对比显示）
+    let total = 0;
+    data.forEach((item) => {
+      if(item.totalPrice){
+        total += item.totalPrice;
+      }
+    });
+    rankingTotalPrice.value = total;
+
+    // 不再在这里更新 store 数据，因为这里的数据是排行榜数据，不是真实的订单统计
+    // store 中的数据应该来自 bszxOrderTotal API，代表真实的订单金额
+    return data;
+  });
+};
+
+// 表格列配置
+const columns = ref<ColumnItem[]>([
+  {
+    key: 'index',
+    width: 48,
+    align: 'center',
+    fixed: 'left',
+    hideInSetting: true,
+    customRender: ({ index }) => index + (tableRef.value?.tableIndex ?? 0)
+  },
+  {
+    title: '项目名称',
+    dataIndex: 'formName',
+    key: 'formName'
+  },
+  {
+    title: '捐款人数',
+    dataIndex: 'number',
+    key: 'number',
+    align: 'center',
+  },
+  {
+    title: '获得捐款总金额',
+    dataIndex: 'totalPrice',
+    key: 'totalPrice',
+    align: 'center',
+  }
+  // {
+  //   title: '操作',
+  //   key: 'action',
+  //   width: 180,
+  //   fixed: 'right',
+  //   align: 'center',
+  //   hideInSetting: true
+  // }
+]);
+
+/* 搜索 */
+const reload = (where?: BszxPayRankingParam) => {
+  selection.value = [];
+  tableRef?.value?.reload({where: where});
+};
+
+// 初始化数据
+onMounted(async () => {
+  try {
+    // 初始化百色中学统计数据
+    await bszxStatisticsStore.fetchBszxStatistics();
+  } catch (error) {
+    console.error('初始化百色中学统计数据失败:', error);
+  }
+});
+
+/* 打开编辑弹窗 */
+const openEdit = (row?: BszxPayRanking) => {
+  current.value = row ?? null;
+  showEdit.value = true;
+};
+
+/* 打开批量移动弹窗 */
+const openMove = () => {
+  showMove.value = true;
+};
+
+/* 删除单个 */
+const remove = (row: BszxPayRanking) => {
+  const hide = message.loading('请求中..', 0);
+  removeBszxPayRanking(row.bszxPayRankingId)
+    .then((msg) => {
+      hide();
+      message.success(msg);
+      reload();
+    })
+    .catch((e) => {
+      hide();
+      message.error(e.message);
+    });
+};
+
+/* 批量删除 */
+const removeBatch = () => {
+  if (!selection.value.length) {
+    message.error('请至少选择一条数据');
+    return;
+  }
+  Modal.confirm({
+    title: '提示',
+    content: '确定要删除选中的记录吗?',
+    icon: createVNode(ExclamationCircleOutlined),
+    maskClosable: true,
+    onOk: () => {
+      const hide = message.loading('请求中..', 0);
+      removeBatchBszxPayRanking(selection.value.map((d) => d.bszxPayRankingId))
+        .then((msg) => {
+          hide();
+          message.success(msg);
+          reload();
+        })
+        .catch((e) => {
+          hide();
+          message.error(e.message);
+        });
+    }
+  });
+};
+
+/* 查询 */
+const query = () => {
+  loading.value = true;
+};
+
+/* 自定义行属性 */
+const customRow = (record: BszxPayRanking) => {
+  return {
+    // 行点击事件
+    onClick: () => {
+      // console.log(record);
+    },
+    // 行双击事件
+    onDblclick: () => {
+      openEdit(record);
+    }
+  };
+};
+query();
+</script>
+
+<script lang="ts">
+export default {
+  name: 'BszxPayRanking'
+};
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/views/bszx/bszxPayRanking2/components/bszxPayRankingEdit.vue b/src/views/bszx/bszxPayRanking2/components/bszxPayRankingEdit.vue
new file mode 100644
index 0000000..614a8d4
--- /dev/null
+++ b/src/views/bszx/bszxPayRanking2/components/bszxPayRankingEdit.vue
@@ -0,0 +1,213 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑百色中学-捐款排行' : '添加百色中学-捐款排行'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="来源表ID（项目名称）" name="formId">
+        <a-input
+          allow-clear
+          placeholder="请输入来源表ID（项目名称）"
+          v-model:value="form.formId"
+        />
+      </a-form-item>
+      <a-form-item label="数量" name="number">
+        <a-input
+          allow-clear
+          placeholder="请输入数量"
+          v-model:value="form.number"
+        />
+      </a-form-item>
+      <a-form-item label="获得捐款总金额" name="totalPrice">
+        <a-input
+          allow-clear
+          placeholder="请输入获得捐款总金额"
+          v-model:value="form.totalPrice"
+        />
+      </a-form-item>
+      <a-form-item label="排序(数字越小越靠前)" name="sortNumber">
+        <a-input-number
+          :min="0"
+          :max="9999"
+          class="ele-fluid"
+          placeholder="请输入排序号"
+          v-model:value="form.sortNumber"
+        />
+      </a-form-item>
+      <a-form-item label="备注" name="comments">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="请输入描述"
+          v-model:value="form.comments"
+        />
+      </a-form-item>
+      <a-form-item label="状态, 0正常, 1冻结" name="status">
+        <a-radio-group v-model:value="form.status">
+          <a-radio :value="0">显示</a-radio>
+          <a-radio :value="1">隐藏</a-radio>
+        </a-radio-group>
+      </a-form-item>
+      <a-form-item label="是否删除, 0否, 1是" name="deleted">
+        <a-input
+          allow-clear
+          placeholder="请输入是否删除, 0否, 1是"
+          v-model:value="form.deleted"
+        />
+      </a-form-item>
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, watch } from 'vue';
+  import { Form, message } from 'ant-design-vue';
+  import { assignObject, uuid } from 'ele-admin-pro';
+  import { addBszxPayRanking, updateBszxPayRanking } from '@/api/bszx/bszxPayRanking';
+  import { BszxPayRanking } from '@/api/bszx/bszxPayRanking/model';
+  import { useThemeStore } from '@/store/modules/theme';
+  import { storeToRefs } from 'pinia';
+  import { ItemType } from 'ele-admin-pro/es/ele-image-upload/types';
+  import { FormInstance } from 'ant-design-vue/es/form';
+  import { FileRecord } from '@/api/system/file/model';
+
+  // 是否是修改
+  const isUpdate = ref(false);
+  const useForm = Form.useForm;
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: BszxPayRanking | null;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  // 提交状态
+  const loading = ref(false);
+  // 是否显示最大化切换按钮
+  const maxable = ref(true);
+  // 表格选中数据
+  const formRef = ref<FormInstance | null>(null);
+  const images = ref<ItemType[]>([]);
+
+  // 用户信息
+  const form = reactive<BszxPayRanking>({
+    id: undefined,
+    formId: undefined,
+    number: undefined,
+    totalPrice: undefined,
+    createTime: undefined,
+    status: 0,
+    comments: '',
+    sortNumber: 100
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    bszxPayRankingName: [
+      {
+        required: true,
+        type: 'string',
+        message: '请填写百色中学-捐款排行名称',
+        trigger: 'blur'
+      }
+    ]
+  });
+
+  const chooseImage = (data: FileRecord) => {
+    images.value.push({
+      uid: data.id,
+      url: data.path,
+      status: 'done'
+    });
+    form.image = data.path;
+  };
+
+  const onDeleteItem = (index: number) => {
+    images.value.splice(index, 1);
+    form.image = '';
+  };
+
+  const { resetFields } = useForm(form, rules);
+
+  /* 保存编辑 */
+  const save = () => {
+    if (!formRef.value) {
+      return;
+    }
+    formRef.value
+      .validate()
+      .then(() => {
+        loading.value = true;
+        const formData = {
+          ...form
+        };
+        const saveOrUpdate = isUpdate.value ? updateBszxPayRanking : addBszxPayRanking;
+        saveOrUpdate(formData)
+          .then((msg) => {
+            loading.value = false;
+            message.success(msg);
+            updateVisible(false);
+            emit('done');
+          })
+          .catch((e) => {
+            loading.value = false;
+            message.error(e.message);
+          });
+      })
+      .catch(() => {});
+  };
+
+  watch(
+    () => props.visible,
+    (visible) => {
+      if (visible) {
+        images.value = [];
+        if (props.data) {
+          assignObject(form, props.data);
+          if(props.data.image){
+            images.value.push({
+              uid: uuid(),
+              url: props.data.image,
+              status: 'done'
+            })
+          }
+          isUpdate.value = true;
+        } else {
+          isUpdate.value = false;
+        }
+      } else {
+        resetFields();
+      }
+    },
+    { immediate: true }
+  );
+</script>
diff --git a/src/views/bszx/bszxPayRanking2/components/search.vue b/src/views/bszx/bszxPayRanking2/components/search.vue
new file mode 100644
index 0000000..e661f3a
--- /dev/null
+++ b/src/views/bszx/bszxPayRanking2/components/search.vue
@@ -0,0 +1,217 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+    <a-radio-group v-model:value="where.branch" @change="onBranch">
+      <a-radio-button :value="1">初中部</a-radio-button>
+      <a-radio-button :value="2">高中部</a-radio-button>
+<!--      <a-radio-button :value="8">教职员工</a-radio-button>-->
+<!--      <a-radio-button :value="9">其他</a-radio-button>-->
+    </a-radio-group>
+    <a-select
+      show-search
+      v-model:value="where.gradeId"
+      style="width: 240px"
+      placeholder="选择年级"
+      :options="gradeList"
+      @change="onGrade"
+    ></a-select>
+    <a-select
+      v-if="where.gradeId"
+      show-search
+      v-model:value="where.name"
+      style="width: 240px"
+      placeholder="选择年级"
+      :options="classList"
+      @change="onClass"
+    ></a-select>
+<!--    <a-input-search-->
+<!--      allow-clear-->
+<!--      placeholder="请输入关键词"-->
+<!--      style="width: 280px"-->
+<!--      v-model:value="where.keywords"-->
+<!--      @search="reload"-->
+<!--    />-->
+<!--    <a-button type="text" @click="handleExport">导出</a-button>-->
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+import {ref, watch} from 'vue';
+import {utils, writeFile} from 'xlsx';
+import dayjs from 'dayjs';
+import {message} from 'ant-design-vue';
+import {BszxBm} from "@/api/bszx/bszxBm/model";
+import useSearch from "@/utils/use-search";
+import {listBszxBm} from "@/api/bszx/bszxBm";
+import {BszxClassParam} from "@/api/bszx/bszxClass/model";
+import {listBszxGrade} from "@/api/bszx/bszxGrade";
+import {listBszxClass} from "@/api/bszx/bszxClass";
+
+const props = withDefaults(
+  defineProps<{
+    // 选中的角色
+    selection?: [];
+  }>(),
+  {}
+);
+
+const emit = defineEmits<{
+  (e: 'search', where?: BszxClassParam): void;
+  (e: 'add'): void;
+  (e: 'remove'): void;
+  (e: 'batchMove'): void;
+}>();
+
+// 表单数据
+const {where} = useSearch<BszxClassParam>({
+  id: undefined,
+  keywords: '',
+  name: undefined,
+  branch: undefined,
+  userId: undefined
+});
+
+// 变量
+const loading = ref(false);
+const bmList = ref<BszxBm[]>([])
+const xlsFileName = ref<string>();
+const gradeId = ref<number>();
+const gradeList = ref<BszxClassParam[]>([]);
+const classList = ref<BszxClassParam[]>([]);
+
+const reload = () => {
+  emit('search', where);
+};
+
+const getGradeList = () => {
+  listBszxGrade({branch: where.branch}).then(res => {
+    gradeList.value = res.map(d => {
+      d.value = Number(d.id);
+      d.label = d.name;
+      return d;
+    });
+  })
+};
+
+const getClassList = () => {
+  listBszxClass({gradeId: gradeId.value}).then(res => {
+    classList.value = res.map(d => {
+      d.value = Number(d.id);
+      d.label = d.name;
+      return d;
+    });
+  })
+}
+
+const onBranch = () => {
+  getGradeList();
+  reload();
+}
+
+const onGrade = (gradeName: number, item: any) => {
+  where.gradeId = item.id;
+  if(gradeName){
+    console.log(item)
+    gradeId.value = item.id;
+    getClassList();
+  }
+  emit('search', where);
+}
+
+const onClass = (classId,item) => {
+  console.log(classId);
+  where.name = item.name;
+  reload();
+}
+
+// 导出
+const handleExport = async () => {
+  loading.value = true;
+  const array: (string | number)[][] = [
+    [
+      '用户ID',
+      '姓名',
+      '性别',
+      '手机号码',
+      '班级',
+      '年级',
+      '居住地址',
+      '工作单位',
+      '职务',
+      '是否能到场',
+      '邀请函',
+      '报名时间'
+    ]
+  ];
+
+  // 按搜索结果导出
+  where.sceneType = 'Content';
+  await listBszxBm(where)
+    .then((list) => {
+      bmList.value = list;
+      list?.forEach((d: BszxBm) => {
+        array.push([
+          `${d.userId}`,
+          `${d.name}`,
+          `${d.sex}`,
+          `${d.phone}`,
+          `${d.className}`,
+          `${d.gradeName}`,
+          `${d.address}`,
+          `${d.workUnit}`,
+          `${d.position}`,
+          `${d.present}`,
+          `${d.certificate}`,
+          `${d.createTime}`
+        ]);
+      });
+      const sheetName = `导出报名列表${dayjs(new Date()).format('YYYYMMDD')}`;
+      const workbook = {
+        SheetNames: [sheetName],
+        Sheets: {}
+      };
+      const sheet = utils.aoa_to_sheet(array);
+      workbook.Sheets[sheetName] = sheet;
+      // 设置列宽
+      sheet['!cols'] = [
+        {wch: 10},
+        {wch: 40},
+        {wch: 20},
+        {wch: 20},
+        {wch: 60},
+        {wch: 15},
+        {wch: 10},
+        {wch: 10},
+        {wch: 20},
+        {wch: 10},
+        {wch: 20}
+      ];
+      message.loading('正在导出...');
+      setTimeout(() => {
+        writeFile(
+          workbook,
+          `${
+            where.createTimeEnd ? xlsFileName.value + '_' : ''
+          }${sheetName}.xlsx`
+        );
+        loading.value = false;
+      }, 1000);
+    })
+    .catch((msg) => {
+      message.error(msg);
+      loading.value = false;
+    })
+    .finally(() => {
+    });
+
+};
+
+
+getGradeList();
+
+watch(
+  () => props.selection,
+  () => {
+  }
+);
+</script>
diff --git a/src/views/bszx/bszxPayRanking2/index.vue b/src/views/bszx/bszxPayRanking2/index.vue
new file mode 100644
index 0000000..0727a05
--- /dev/null
+++ b/src/views/bszx/bszxPayRanking2/index.vue
@@ -0,0 +1,226 @@
+<template>
+  <a-page-header :title="getPageTitle()" @back="() => $router.go(-1)">
+    <template #extra>
+      <Extra/>
+    </template>
+    <a-card :bordered="false" :body-style="{ padding: '16px' }">
+      <ele-pro-table
+        ref="tableRef"
+        row-key="id"
+        :columns="columns"
+        :datasource="datasource"
+        :customRow="customRow"
+        tool-class="ele-toolbar-form"
+        class="sys-org-table"
+      >
+        <template #toolbar>
+          <search
+            @search="reload"
+            :selection="selection"
+            :totalPriceAmount="totalPriceAmount.toFixed(2)"
+            @add="openEdit"
+            @remove="removeBatch"
+            @batchMove="openMove"
+          />
+        </template>
+        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'image'">
+            <a-image :src="record.image" :width="50"/>
+          </template>
+          <template v-if="column.key === 'status'">
+            <a-tag v-if="record.status === 0" color="green">显示</a-tag>
+            <a-tag v-if="record.status === 1" color="red">隐藏</a-tag>
+          </template>
+          <template v-if="column.key === 'action'">
+            <a-space>
+              <a @click="openEdit(record)">修改</a>
+              <a-divider type="vertical"/>
+              <a-popconfirm
+                title="确定要删除此记录吗？"
+                @confirm="remove(record)"
+              >
+                <a class="ele-text-danger">删除</a>
+              </a-popconfirm>
+            </a-space>
+          </template>
+        </template>
+      </ele-pro-table>
+    </a-card>
+
+    <!-- 编辑弹窗 -->
+    <BszxPayRankingEdit v-model:visible="showEdit" :data="current" @done="reload"/>
+  </a-page-header>
+</template>
+
+<script lang="ts" setup>
+import {createVNode, ref} from 'vue';
+import {message, Modal} from 'ant-design-vue';
+import {ExclamationCircleOutlined} from '@ant-design/icons-vue';
+import type {EleProTable} from 'ele-admin-pro';
+import type {
+  DatasourceFunction,
+  ColumnItem
+} from 'ele-admin-pro/es/ele-pro-table/types';
+import Search from './components/search.vue';
+import BszxPayRankingEdit from './components/bszxPayRankingEdit.vue';
+import {removeBszxPayRanking, removeBatchBszxPayRanking, ranking2} from '@/api/bszx/bszxPayRanking';
+import type {BszxPayRanking} from '@/api/bszx/bszxPayRanking/model';
+import {getPageTitle} from "@/utils/common";
+import Extra from "@/views/bszx/extra.vue";
+import {BszxPayParam} from "@/api/bszx/bszxPay/model";
+
+// 表格实例
+const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+// 表格选中数据
+const selection = ref<BszxPayRanking[]>([]);
+// 当前编辑数据
+const current = ref<BszxPayRanking | null>(null);
+// 是否显示编辑弹窗
+const showEdit = ref(false);
+// 是否显示批量移动弹窗
+const showMove = ref(false);
+// 加载状态
+const loading = ref(true);
+// 合计总金额
+const totalPriceAmount = ref<number>(0);
+
+// 表格数据源
+const datasource: DatasourceFunction = ({where}) => {
+  return ranking2({...where}).then(data => {
+    return data;
+  });
+};
+
+// 表格列配置
+const columns = ref<ColumnItem[]>([
+  {
+    key: 'index',
+    width: 48,
+    align: 'center',
+    fixed: 'left',
+    hideInSetting: true,
+    customRender: ({ index }) => index + (tableRef.value?.tableIndex ?? 0)
+  },
+  {
+    title: 'ID',
+    dataIndex: 'id'
+  },
+  {
+    title: '分部',
+    dataIndex: 'branchName',
+    key: 'branchName',
+  },
+  {
+    title: '所在年级',
+    dataIndex: 'gradeName',
+    key: 'gradeName'
+  },
+  {
+    title: '班级',
+    dataIndex: 'name',
+    key: 'name'
+  },
+  {
+    title: '累计捐款金额',
+    dataIndex: 'totalMoney',
+    key: 'totalMoney',
+    align: 'center',
+  },
+  // {
+  //   title: '操作',
+  //   key: 'action',
+  //   width: 180,
+  //   fixed: 'right',
+  //   align: 'center',
+  //   hideInSetting: true
+  // }
+]);
+
+/* 搜索 */
+const reload = (where?: BszxPayParam) => {
+  selection.value = [];
+  tableRef?.value?.reload({where: where});
+};
+
+/* 打开编辑弹窗 */
+const openEdit = (row?: BszxPayRanking) => {
+  current.value = row ?? null;
+  showEdit.value = true;
+};
+
+/* 打开批量移动弹窗 */
+const openMove = () => {
+  showMove.value = true;
+};
+
+/* 删除单个 */
+const remove = (row: BszxPayRanking) => {
+  const hide = message.loading('请求中..', 0);
+  removeBszxPayRanking(row.id)
+    .then((msg) => {
+      hide();
+      message.success(msg);
+      reload();
+    })
+    .catch((e) => {
+      hide();
+      message.error(e.message);
+    });
+};
+
+/* 批量删除 */
+const removeBatch = () => {
+  if (!selection.value.length) {
+    message.error('请至少选择一条数据');
+    return;
+  }
+  Modal.confirm({
+    title: '提示',
+    content: '确定要删除选中的记录吗?',
+    icon: createVNode(ExclamationCircleOutlined),
+    maskClosable: true,
+    onOk: () => {
+      const hide = message.loading('请求中..', 0);
+      removeBatchBszxPayRanking(selection.value.map((d) => d.id))
+        .then((msg) => {
+          hide();
+          message.success(msg);
+          reload();
+        })
+        .catch((e) => {
+          hide();
+          message.error(e.message);
+        });
+    }
+  });
+};
+
+/* 查询 */
+const query = () => {
+  loading.value = true;
+};
+
+/* 自定义行属性 */
+const customRow = (record: BszxPayRanking) => {
+  return {
+    // 行点击事件
+    onClick: () => {
+      // console.log(record);
+    },
+    // 行双击事件
+    onDblclick: () => {
+      // openEdit(record);
+    }
+  };
+};
+query();
+</script>
+
+<script lang="ts">
+export default {
+  name: 'BszxPayRanking'
+};
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/views/bszx/dashboard/components/search.vue b/src/views/bszx/dashboard/components/search.vue
new file mode 100644
index 0000000..c893ea6
--- /dev/null
+++ b/src/views/bszx/dashboard/components/search.vue
@@ -0,0 +1,100 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space style="flex-wrap: wrap">
+    <a-button
+      type="text"
+      @click="openUrl(`/website/field`)"
+    >字段扩展
+    </a-button>
+    <a-button
+      type="text"
+      @click="openUrl('/website/dict')"
+    >字典管理
+    </a-button>
+    <a-button
+      type="text"
+      @click="openUrl('/website/domain')"
+    >域名管理
+    </a-button
+    >
+    <a-button
+      type="text"
+      @click="openUrl('/website/model')"
+    >模型管理
+    </a-button
+    >
+    <a-button
+      type="text"
+      @click="openUrl('/website/form')"
+    >表单管理
+    </a-button
+    >
+    <a-button
+      type="text"
+      @click="openUrl('/website/lang')"
+    >国际化
+    </a-button
+    >
+    <a-button
+      type="text"
+      @click="openUrl('/website/setting')"
+    >网站设置
+    </a-button
+    >
+    <a-button
+      type="text"
+      class="ele-btn-icon"
+      @click="clearSiteInfoCache">
+      清除缓存
+    </a-button>
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+import {watch,nextTick} from 'vue';
+import {CmsWebsite} from '@/api/cms/cmsWebsite/model';
+import {openUrl} from "@/utils/common";
+import {message} from 'ant-design-vue';
+import {removeSiteInfoCache} from "@/api/cms/cmsWebsite";
+
+const props = withDefaults(
+  defineProps<{
+    // 选中的角色
+    selection?: [];
+    website?: CmsWebsite;
+    count?: 0;
+  }>(),
+  {}
+);
+
+const emit = defineEmits<{
+  (e: 'add'): void;
+}>();
+
+const add = () => {
+  emit('add');
+};
+
+// 清除缓存
+const clearSiteInfoCache = () => {
+  removeSiteInfoCache('SiteInfo:' + localStorage.getItem('TenantId') + "*").then(
+    (msg) => {
+      if (msg) {
+        message.success(msg);
+      }
+    }
+  );
+};
+
+nextTick(() => {
+  if(localStorage.getItem('NotActive')){
+    // IsActive.value = false
+  }
+})
+
+watch(
+  () => props.selection,
+  () => {
+  }
+);
+</script>
diff --git a/src/views/bszx/dashboard/components/websiteEdit.vue b/src/views/bszx/dashboard/components/websiteEdit.vue
new file mode 100644
index 0000000..d68758f
--- /dev/null
+++ b/src/views/bszx/dashboard/components/websiteEdit.vue
@@ -0,0 +1,413 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑小程序' : '创建小程序'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    :confirm-loading="loading"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="Logo" name="avatar">
+        <SelectFile
+          :placeholder="`请选择图片`"
+          :limit="1"
+          :data="images"
+          @done="chooseImage"
+          @del="onDeleteItem"
+        />
+      </a-form-item>
+      <a-form-item label="账号类型" name="type">
+        {{ form.type }}
+      </a-form-item>
+      <a-form-item label="小程序名称" name="websiteName">
+        <a-input
+          allow-clear
+          placeholder="请输入小程序名称"
+          v-model:value="form.websiteName"
+        />
+      </a-form-item>
+      <a-form-item label="网站域名" name="domain" v-if="form.type  == 10">
+        <a-input
+          v-model:value="form.domain"
+          placeholder="huawei.com"
+        >
+          <template #addonBefore>
+            <a-select v-model:value="form.prefix" style="width: 90px">
+              <a-select-option value="http://">http://</a-select-option>
+              <a-select-option value="https://">https://</a-select-option>
+            </a-select>
+          </template>
+        </a-input>
+      </a-form-item>
+      <a-form-item label="AppId" name="websiteCode" v-if="form.type  == 20">
+        <a-input
+          allow-clear
+          placeholder="请输入AppId"
+          v-model:value="form.websiteCode"
+        />
+      </a-form-item>
+      <a-form-item label="小程序描述" name="comments">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="请输入小程序描述"
+          v-model:value="form.comments"
+        />
+      </a-form-item>
+      <a-form-item label="SEO关键词" name="keywords">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="请输入SEO关键词"
+          v-model:value="form.keywords"
+        />
+      </a-form-item>
+      <!--      <a-form-item label="全局样式" name="style">-->
+      <!--        <a-textarea-->
+      <!--          :rows="4"-->
+      <!--          :maxlength="200"-->
+      <!--          placeholder="全局样式"-->
+      <!--          v-model:value="form.style"-->
+      <!--        />-->
+      <!--      </a-form-item>-->
+      <!--      <a-form-item label="小程序类型" name="websiteType">-->
+      <!--        <a-select-->
+      <!--          :options="websiteType"-->
+      <!--          :value="form.websiteType"-->
+      <!--          placeholder="请选择主体类型"-->
+      <!--          @change="onCmsWebsiteType"-->
+      <!--        />-->
+      <!--      </a-form-item>-->
+      <!--      <a-form-item label="当前版本" name="version">-->
+      <!--        <a-tag color="red" v-if="form.version === 10">标准版</a-tag>-->
+      <!--        <a-tag color="green" v-if="form.version === 20">专业版</a-tag>-->
+      <!--        <a-tag color="cyan" v-if="form.version === 30">永久授权</a-tag>-->
+      <!--      </a-form-item>-->
+      <a-form-item label="状态" name="running">
+        <a-radio-group
+          v-model:value="form.running"
+          :disabled="form.running == 4 || form.running == 5"
+        >
+          <a-radio :value="1">运行中</a-radio>
+          <a-radio :value="2">维护中</a-radio>
+          <a-radio :value="3">已关闭</a-radio>
+        </a-radio-group>
+      </a-form-item>
+      <a-form-item v-if="form.running == 2" label="维护说明" name="statusText">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="状态说明"
+          v-model:value="form.statusText"
+        />
+      </a-form-item>
+      <!--      <a-divider style="margin-bottom: 24px" />-->
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+import {ref, reactive, watch} from 'vue';
+import {Form, message} from 'ant-design-vue';
+import {assignObject, uuid} from 'ele-admin-pro';
+import {addCmsWebsite, updateCmsWebsite} from '@/api/cms/cmsWebsite';
+import {CmsWebsite} from '@/api/cms/cmsWebsite/model';
+import {useThemeStore} from '@/store/modules/theme';
+import {storeToRefs} from 'pinia';
+import {FormInstance, type Rule} from 'ant-design-vue/es/form';
+import {ItemType} from 'ele-admin-pro/es/ele-image-upload/types';
+import {FileRecord} from '@/api/system/file/model';
+import {checkExistence} from '@/api/cms/cmsDomain';
+import {updateCmsDomain} from '@/api/cms/cmsDomain';
+import {updateTenant} from "@/api/system/tenant";
+
+// 是否是修改
+const isUpdate = ref(false);
+const useForm = Form.useForm;
+// 是否开启响应式布局
+const themeStore = useThemeStore();
+const {styleResponsive} = storeToRefs(themeStore);
+
+const props = defineProps<{
+  // 弹窗是否打开
+  visible: boolean;
+  // 修改回显的数据
+  data?: CmsWebsite | null;
+}>();
+
+const emit = defineEmits<{
+  (e: 'done'): void;
+  (e: 'update:visible', visible: boolean): void;
+}>();
+
+// 提交状态
+const loading = ref(false);
+// 是否显示最大化切换按钮
+const maxable = ref(true);
+// 表格选中数据
+const formRef = ref<FormInstance | null>(null);
+const images = ref<ItemType[]>([]);
+const websiteQrcode = ref<ItemType[]>([]);
+const oldDomain = ref();
+const files = ref<ItemType[]>([]);
+
+// 用户信息
+const form = reactive<CmsWebsite>({
+  websiteId: undefined,
+  websiteLogo: undefined,
+  websiteName: undefined,
+  websiteCode: undefined,
+  type: 20,
+  files: undefined,
+  keywords: '',
+  prefix: '',
+  domain: '',
+  adminUrl: '',
+  style: '',
+  icpNo: undefined,
+  email: undefined,
+  version: undefined,
+  websiteType: '',
+  running: 1,
+  expirationTime: undefined,
+  sortNumber: undefined,
+  comments: undefined,
+  status: undefined,
+  statusText: undefined
+});
+
+/* 更新visible */
+const updateVisible = (value: boolean) => {
+  emit('update:visible', value);
+};
+
+// 表单验证规则
+const rules = reactive({
+  // comments: [
+  //   {
+  //     required: true,
+  //     type: 'string',
+  //     message: '请填写小程序描述',
+  //     trigger: 'blur'
+  //   }
+  // ],
+  keywords: [
+    {
+      required: true,
+      type: 'string',
+      message: '请填写SEO关键词',
+      trigger: 'blur'
+    }
+  ],
+  running: [
+    {
+      required: true,
+      type: 'number',
+      message: '请选择小程序状态',
+      trigger: 'change'
+    }
+  ],
+  domain: [
+    {
+      required: true,
+      type: 'string',
+      message: '请填写小程序域名',
+      trigger: 'blur'
+    }
+  ],
+  websiteCode: [
+    {
+      required: true,
+      type: 'string',
+      message: '请填写小程序码',
+      trigger: 'blur'
+    }
+  ],
+  // websiteCode: [
+  //   {
+  //     required: true,
+  //     type: 'string',
+  //     message: '该域名已被使用',
+  //     validator: (_rule: Rule, value: string) => {
+  //       return new Promise<void>((resolve, reject) => {
+  //         if (!value) {
+  //           return reject('请输入二级域名');
+  //         }
+  //         checkExistence('domain', `${value}.wsdns.cn`)
+  //           .then(() => {
+  //             if (value === oldDomain.value) {
+  //               return resolve();
+  //             }
+  //             reject('已存在');
+  //           })
+  //           .catch(() => {
+  //             resolve();
+  //           });
+  //       });
+  //     },
+  //     trigger: 'blur'
+  //   }
+  // ],
+  adminUrl: [
+    {
+      required: true,
+      type: 'string',
+      message: '请填写小程序后台管理地址',
+      trigger: 'blur'
+    }
+  ],
+  icpNo: [
+    {
+      required: true,
+      type: 'string',
+      message: '请填写ICP备案号',
+      trigger: 'blur'
+    }
+  ],
+  appSecret: [
+    {
+      required: true,
+      type: 'string',
+      message: '请填写小程序秘钥',
+      trigger: 'blur'
+    }
+  ],
+  websiteName: [
+    {
+      required: true,
+      type: 'string',
+      message: '请填写小程序信息名称',
+      trigger: 'blur'
+    }
+  ]
+});
+
+const chooseImage = (data: FileRecord) => {
+  images.value.push({
+    uid: data.id,
+    url: data.path,
+    status: 'done'
+  });
+  form.websiteLogo = data.downloadUrl;
+};
+
+const onDeleteItem = (index: number) => {
+  images.value.splice(index, 1);
+  form.websiteLogo = '';
+};
+
+const chooseFile = (data: FileRecord) => {
+  form.websiteCode = data.url;
+  files.value.push({
+    uid: data.id,
+    url: data.url,
+    status: 'done'
+  });
+};
+
+const onDeleteFile = (index: number) => {
+  files.value.splice(index, 1);
+};
+
+// const onWebsiteType = (text: string) => {
+//   form.websiteType = text;
+// };
+
+const {resetFields} = useForm(form, rules);
+
+/* 保存编辑 */
+const save = () => {
+  if (!formRef.value) {
+    return;
+  }
+  formRef.value
+    .validate()
+    .then(() => {
+      loading.value = true;
+      const saveOrUpdate = isUpdate.value ? updateCmsWebsite : addCmsWebsite;
+      if (!isUpdate.value) {
+        updateVisible(false);
+        message.loading('创建过程中请勿刷新页面！', 0)
+      }
+      const formData = {
+        ...form,
+        type: 20,
+        adminUrl: `mp.websoft.top`,
+        files: JSON.stringify(files.value),
+      };
+      saveOrUpdate(formData)
+        .then((msg) => {
+          loading.value = false;
+          updateVisible(false);
+          updateCmsDomain({
+            websiteId: form.websiteId,
+            domain: `${localStorage.getItem('TenantId')}.shoplnk.cn`
+          });
+          updateTenant({
+            tenantName: `${form.websiteName}`
+          }).then(() => {
+          })
+          localStorage.setItem('Domain', `${form.websiteCode}.shoplnk.cn`);
+          localStorage.setItem('WebsiteId', `${form.websiteId}`);
+          localStorage.setItem('WebsiteName', `${form.websiteName}`);
+          message.destroy();
+          message.success(msg);
+          // window.location.reload();
+          emit('done');
+        })
+        .catch((e) => {
+          loading.value = false;
+          message.destroy();
+          message.error(e.message);
+        });
+    })
+    .catch(() => {
+    });
+};
+
+watch(
+  () => props.visible,
+  (visible) => {
+    if (visible) {
+      images.value = [];
+      files.value = [];
+      websiteQrcode.value = [];
+      if (props.data?.websiteId) {
+        assignObject(form, props.data);
+        if (props.data.websiteLogo) {
+          images.value.push({
+            uid: uuid(),
+            url: props.data.websiteLogo,
+            status: 'done'
+          });
+        }
+        if (props.data.files) {
+          files.value = JSON.parse(props.data.files);
+        }
+        if (props.data.websiteCode) {
+          oldDomain.value = props.data.websiteCode;
+        }
+        isUpdate.value = true;
+      } else {
+        isUpdate.value = false;
+      }
+    } else {
+      resetFields();
+    }
+  },
+  {immediate: true}
+);
+</script>
diff --git a/src/views/bszx/dashboard/index.vue b/src/views/bszx/dashboard/index.vue
new file mode 100644
index 0000000..f3d5c91
--- /dev/null
+++ b/src/views/bszx/dashboard/index.vue
@@ -0,0 +1,264 @@
+<template>
+  <a-page-header :show-back="false">
+    <a-row :gutter="16">
+      <!-- 应用基本信息卡片 -->
+      <a-col :span="24" style="margin-bottom: 16px">
+        <a-card title="概况" :bordered="false">
+          <a-row :gutter="16">
+            <a-col :span="6">
+              <a-image
+                :width="80"
+                :height="80"
+                :preview="false"
+                style="border-radius: 8px"
+                :src="siteStore.logo"
+                fallback="/logo.png"
+              />
+            </a-col>
+            <a-col :span="14">
+              <div class="system-info">
+                <h2 class="ele-text-heading">{{ siteStore.appName }}</h2>
+                <p class="ele-text-secondary">{{ siteStore.description }}</p>
+                <a-space>
+                  <a-tag color="blue">{{ siteStore.version }}</a-tag>
+                  <a-tag color="green">{{ siteStore.statusText }}</a-tag>
+                  <a-popover title="小程序码">
+                    <template #content>
+                      <p><img :src="siteStore.mpQrCode" alt="小程序码" width="300" height="300"></p>
+                    </template>
+                    <a-tag>
+                      <QrcodeOutlined/>
+                    </a-tag>
+                  </a-popover>
+                </a-space>
+              </div>
+            </a-col>
+            <a-col :span="3">
+              <div class="flex justify-center items-center h-full w-full">
+
+              </div>
+            </a-col>
+          </a-row>
+        </a-card>
+      </a-col>
+
+      <!-- 统计数据卡片 -->
+      <a-col :span="6">
+        <a-card :bordered="false" class="stat-card">
+          <a-statistic
+            title="用户总数"
+            :value="userCount"
+            :value-style="{ color: '#3f8600' }"
+            :loading="loading"
+          >
+            <template #prefix>
+              <UserOutlined/>
+            </template>
+          </a-statistic>
+        </a-card>
+      </a-col>
+
+      <a-col :span="6">
+        <a-card :bordered="false" class="stat-card">
+          <a-statistic
+            title="订单总数"
+            :value="orderCount"
+            :value-style="{ color: '#1890ff' }"
+            :loading="loading"
+          >
+            <template #prefix>
+              <AccountBookOutlined/>
+            </template>
+          </a-statistic>
+        </a-card>
+      </a-col>
+
+      <a-col :span="6">
+        <a-card :bordered="false" class="stat-card">
+          <a-statistic
+            title="总营业额"
+            :value="totalBszxPrice"
+            :value-style="{ color: '#cf1322' }"
+            :loading="loading"
+          >
+            <template #prefix>
+              <MoneyCollectOutlined/>
+            </template>
+          </a-statistic>
+        </a-card>
+      </a-col>
+
+      <a-col :span="6">
+        <a-card :bordered="false" class="stat-card">
+          <a-statistic
+            title="系统运行天数"
+            :value="runDays"
+            suffix="天"
+            :value-style="{ color: '#722ed1' }"
+            :loading="loading"
+          >
+            <template #prefix>
+              <ClockCircleOutlined/>
+            </template>
+          </a-statistic>
+        </a-card>
+      </a-col>
+
+      <!-- 系统基本信息 -->
+      <a-col :span="12">
+        <a-card title="基本信息" :bordered="false">
+          <a-descriptions :column="1" size="small">
+            <a-descriptions-item label="系统名称">
+              {{ systemInfo.name }}
+            </a-descriptions-item>
+            <a-descriptions-item label="版本号">
+              {{ systemInfo.version }}
+            </a-descriptions-item>
+            <a-descriptions-item label="部署环境">
+              {{ systemInfo.environment }}
+            </a-descriptions-item>
+            <a-descriptions-item label="数据库">
+              {{ systemInfo.database }}
+            </a-descriptions-item>
+            <a-descriptions-item label="服务器">
+              {{ systemInfo.server }}
+            </a-descriptions-item>
+            <a-descriptions-item label="创建时间">
+              {{ siteInfo?.createTime }}
+            </a-descriptions-item>
+            <a-descriptions-item label="到期时间">
+              {{ siteInfo?.expirationTime }}
+            </a-descriptions-item>
+            <a-descriptions-item label="技术支持">
+              <span class="cursor-pointer" @click="openNew(`https://websoft.top/order/3429.html`)">网宿软件</span>
+            </a-descriptions-item>
+          </a-descriptions>
+        </a-card>
+      </a-col>
+
+      <!-- 快捷操作 -->
+      <a-col :span="12">
+        <a-card title="快捷操作" :bordered="false">
+          <a-space direction="vertical" style="width: 100%">
+            <a-button type="primary" block @click="$router.push('/website/index')">
+              <ShopOutlined/>
+              站点管理
+            </a-button>
+            <a-button block @click="$router.push('/website/order')">
+              <CalendarOutlined/>
+              订单管理
+            </a-button>
+            <a-button block @click="$router.push('/system/user')">
+              <UserOutlined/>
+              用户管理
+            </a-button>
+            <a-button block @click="$router.push('/system/login-record')">
+              <FileTextOutlined/>
+              系统日志
+            </a-button>
+            <a-button block @click="$router.push('/system/setting')">
+              <SettingOutlined/>
+              系统设置
+            </a-button>
+          </a-space>
+        </a-card>
+      </a-col>
+    </a-row>
+  </a-page-header>
+</template>
+
+<script lang="ts" setup>
+import {ref, onMounted, onUnmounted, computed} from 'vue';
+import {
+  UserOutlined,
+  CalendarOutlined,
+  QrcodeOutlined,
+  ShopOutlined,
+  ClockCircleOutlined,
+  SettingOutlined,
+  AccountBookOutlined,
+  FileTextOutlined,
+  MoneyCollectOutlined
+} from '@ant-design/icons-vue';
+import {openNew} from "@/utils/common";
+import { useSiteStore } from '@/store/modules/site';
+import { useStatisticsStore } from '@/store/modules/statistics';
+import { useBszxStatisticsStore } from '@/store/modules/bszx-statistics';
+import { storeToRefs } from 'pinia';
+
+// 使用状态管理
+const siteStore = useSiteStore();
+const statisticsStore = useStatisticsStore();
+const bszxStatisticsStore = useBszxStatisticsStore();
+
+// 从 store 中获取响应式数据
+const { siteInfo, loading: siteLoading } = storeToRefs(siteStore);
+const { loading: statisticsLoading } = storeToRefs(statisticsStore);
+const { loading: bszxLoading } = storeToRefs(bszxStatisticsStore);
+
+// 系统信息
+const systemInfo = ref({
+  name: '小程序开发',
+  description: '基于Spring、SpringBoot、SpringMVC等技术栈构建的前后端分离开发平台',
+  version: '2.0.0',
+  status: '运行中',
+  logo: '/logo.png',
+  environment: '生产环境',
+  database: 'MySQL 8.0',
+  server: 'Linux CentOS 7.9',
+  expirationTime: '2024-01-01 09:00:00'
+});
+
+// 计算属性
+const runDays = computed(() => siteStore.runDays);
+const userCount = computed(() => statisticsStore.userCount);
+const orderCount = computed(() => statisticsStore.orderCount);
+const totalBszxPrice = computed(() => bszxStatisticsStore.bszxTotalPrice);
+
+// 加载状态
+const loading = computed(() => siteLoading.value || statisticsLoading.value || bszxLoading.value);
+
+onMounted(async () => {
+  // 加载网站信息和统计数据
+  try {
+    await Promise.all([
+      siteStore.fetchSiteInfo(),
+      statisticsStore.fetchStatistics(),
+      bszxStatisticsStore.fetchBszxStatistics() // 加载百色中学统计数据
+    ]);
+
+    // 开始自动刷新统计数据（每5分钟）
+    statisticsStore.startAutoRefresh();
+    bszxStatisticsStore.startAutoRefresh();
+  } catch (error) {
+    console.error('加载数据失败:', error);
+  }
+});
+
+onUnmounted(() => {
+  // 组件卸载时停止自动刷新
+  statisticsStore.stopAutoRefresh();
+  bszxStatisticsStore.stopAutoRefresh();
+});
+</script>
+
+<style scoped>
+.system-info h2 {
+  margin-bottom: 8px;
+}
+
+.stat-card {
+  text-align: center;
+  margin-bottom: 16px;
+}
+
+.stat-card :deep(.ant-statistic-title) {
+  font-size: 14px;
+  color: #666;
+}
+
+.stat-card :deep(.ant-statistic-content) {
+  font-size: 24px;
+  font-weight: 600;
+}
+</style>
diff --git a/src/views/bszx/extra.vue b/src/views/bszx/extra.vue
new file mode 100644
index 0000000..d03a691
--- /dev/null
+++ b/src/views/bszx/extra.vue
@@ -0,0 +1,65 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space style="flex-wrap: wrap" v-if="hasRole('superAdmin') || hasRole('admin') || hasRole('foundation')">
+    <a-button
+      type="text"
+      @click="openUrl('/bszx/ranking')"
+    >捐款排行榜
+    </a-button>
+    <a-button
+      type="text"
+      @click="openUrl('/bszx/ranking2')"
+    >千班万元
+    </a-button>
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+import {watch,nextTick} from 'vue';
+import {CmsWebsite} from '@/api/cms/cmsWebsite/model';
+import {openUrl} from "@/utils/common";
+import {message} from 'ant-design-vue';
+import {removeSiteInfoCache} from "@/api/cms/cmsWebsite";
+import {hasRole} from "@/utils/permission";
+
+const props = withDefaults(
+  defineProps<{
+    // 选中的角色
+    selection?: [];
+    website?: CmsWebsite;
+    count?: 0;
+  }>(),
+  {}
+);
+
+const emit = defineEmits<{
+  (e: 'add'): void;
+}>();
+
+const add = () => {
+  emit('add');
+};
+
+// 清除缓存
+const clearSiteInfoCache = () => {
+  removeSiteInfoCache('SiteInfo:' + localStorage.getItem('TenantId') + "*").then(
+    (msg) => {
+      if (msg) {
+        message.success(msg);
+      }
+    }
+  );
+};
+
+nextTick(() => {
+  if(localStorage.getItem('NotActive')){
+    // IsActive.value = false
+  }
+})
+
+watch(
+  () => props.selection,
+  () => {
+  }
+);
+</script>
diff --git a/src/views/clinic/clinicAppointment/components/clinicAppointmentEdit.vue b/src/views/clinic/clinicAppointment/components/clinicAppointmentEdit.vue
new file mode 100644
index 0000000..bf5ba2d
--- /dev/null
+++ b/src/views/clinic/clinicAppointment/components/clinicAppointmentEdit.vue
@@ -0,0 +1,234 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑挂号' : '添加挂号'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+<!--      <a-form-item label="类型" name="type">-->
+<!--        <a-input-->
+<!--          allow-clear-->
+<!--          placeholder="请输入类型"-->
+<!--          v-model:value="form.type"-->
+<!--        />-->
+<!--      </a-form-item>-->
+      <a-form-item label="就诊原因" name="reason">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          disabled
+          placeholder="请输入描述"
+          v-model:value="form.reason"
+        />
+      </a-form-item>
+<!--      <a-form-item label="挂号时间" name="evaluateTime">-->
+<!--        <a-input-->
+<!--          allow-clear-->
+<!--          placeholder="请输入挂号时间"-->
+<!--          v-model:value="form.evaluateTime"-->
+<!--        />-->
+<!--      </a-form-item>-->
+<!--      <a-form-item label="医生" name="doctorId">-->
+<!--        <a-input-->
+<!--          allow-clear-->
+<!--          placeholder="请输入医生"-->
+<!--          v-model:value="form.doctorId"-->
+<!--        />-->
+<!--      </a-form-item>-->
+<!--      <a-form-item label="患者" name="userId">-->
+<!--        <a-input-->
+<!--          allow-clear-->
+<!--          placeholder="请输入患者"-->
+<!--          v-model:value="form.userId"-->
+<!--        />-->
+<!--      </a-form-item>-->
+      <a-form-item label="备注" name="comments">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="请输入描述"
+          v-model:value="form.comments"
+        />
+      </a-form-item>
+      <a-form-item label="排序号" name="sortNumber">
+        <a-input-number
+          :min="0"
+          :max="9999"
+          class="ele-fluid"
+          placeholder="请输入排序号"
+          v-model:value="form.sortNumber"
+        />
+      </a-form-item>
+<!--      <a-form-item label="是否删除" name="isDelete">-->
+<!--        <a-input-->
+<!--          allow-clear-->
+<!--          placeholder="请输入是否删除"-->
+<!--          v-model:value="form.isDelete"-->
+<!--        />-->
+<!--      </a-form-item>-->
+<!--      <a-form-item label="修改时间" name="updateTime">-->
+<!--        <a-input-->
+<!--          allow-clear-->
+<!--          placeholder="请输入修改时间"-->
+<!--          v-model:value="form.updateTime"-->
+<!--        />-->
+<!--      </a-form-item>-->
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, watch } from 'vue';
+  import { Form, message } from 'ant-design-vue';
+  import { assignObject, uuid } from 'ele-admin-pro';
+  import { addClinicAppointment, updateClinicAppointment } from '@/api/clinic/clinicAppointment';
+  import { ClinicAppointment } from '@/api/clinic/clinicAppointment/model';
+  import { useThemeStore } from '@/store/modules/theme';
+  import { storeToRefs } from 'pinia';
+  import { ItemType } from 'ele-admin-pro/es/ele-image-upload/types';
+  import { FormInstance } from 'ant-design-vue/es/form';
+  import { FileRecord } from '@/api/system/file/model';
+
+  // 是否是修改
+  const isUpdate = ref(false);
+  const useForm = Form.useForm;
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: ClinicAppointment | null;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  // 提交状态
+  const loading = ref(false);
+  // 是否显示最大化切换按钮
+  const maxable = ref(true);
+  // 表格选中数据
+  const formRef = ref<FormInstance | null>(null);
+  const images = ref<ItemType[]>([]);
+
+  // 用户信息
+  const form = reactive<ClinicAppointment>({
+    id: undefined,
+    type: undefined,
+    reason: undefined,
+    evaluateTime: undefined,
+    doctorId: undefined,
+    userId: undefined,
+    comments: undefined,
+    isDelete: undefined,
+    tenantId: undefined,
+    createTime: undefined,
+    updateTime: undefined,
+    sortNumber: 100
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    clinicAppointmentName: [
+      {
+        required: true,
+        type: 'string',
+        message: '请填写挂号名称',
+        trigger: 'blur'
+      }
+    ]
+  });
+
+  const chooseImage = (data: FileRecord) => {
+    images.value.push({
+      uid: data.id,
+      url: data.path,
+      status: 'done'
+    });
+    form.image = data.path;
+  };
+
+  const onDeleteItem = (index: number) => {
+    images.value.splice(index, 1);
+    form.image = '';
+  };
+
+  const { resetFields } = useForm(form, rules);
+
+  /* 保存编辑 */
+  const save = () => {
+    if (!formRef.value) {
+      return;
+    }
+    formRef.value
+      .validate()
+      .then(() => {
+        loading.value = true;
+        const formData = {
+          ...form
+        };
+        const saveOrUpdate = isUpdate.value ? updateClinicAppointment : addClinicAppointment;
+        saveOrUpdate(formData)
+          .then((msg) => {
+            loading.value = false;
+            message.success(msg);
+            updateVisible(false);
+            emit('done');
+          })
+          .catch((e) => {
+            loading.value = false;
+            message.error(e.message);
+          });
+      })
+      .catch(() => {});
+  };
+
+  watch(
+    () => props.visible,
+    (visible) => {
+      if (visible) {
+        images.value = [];
+        if (props.data) {
+          assignObject(form, props.data);
+          if(props.data.image){
+            images.value.push({
+              uid: uuid(),
+              url: props.data.image,
+              status: 'done'
+            })
+          }
+          isUpdate.value = true;
+        } else {
+          isUpdate.value = false;
+        }
+      } else {
+        resetFields();
+      }
+    },
+    { immediate: true }
+  );
+</script>
diff --git a/src/views/clinic/clinicAppointment/components/search.vue b/src/views/clinic/clinicAppointment/components/search.vue
new file mode 100644
index 0000000..82fea9d
--- /dev/null
+++ b/src/views/clinic/clinicAppointment/components/search.vue
@@ -0,0 +1,42 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+    <a-button type="primary" class="ele-btn-icon" @click="add">
+      <template #icon>
+        <PlusOutlined />
+      </template>
+      <span>添加</span>
+    </a-button>
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+  import { PlusOutlined } from '@ant-design/icons-vue';
+  import type { GradeParam } from '@/api/user/grade/model';
+  import { watch } from 'vue';
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的角色
+      selection?: [];
+    }>(),
+    {}
+  );
+
+  const emit = defineEmits<{
+    (e: 'search', where?: GradeParam): void;
+    (e: 'add'): void;
+    (e: 'remove'): void;
+    (e: 'batchMove'): void;
+  }>();
+
+  // 新增
+  const add = () => {
+    emit('add');
+  };
+
+  watch(
+    () => props.selection,
+    () => {}
+  );
+</script>
diff --git a/src/views/clinic/clinicAppointment/index.vue b/src/views/clinic/clinicAppointment/index.vue
new file mode 100644
index 0000000..cb281be
--- /dev/null
+++ b/src/views/clinic/clinicAppointment/index.vue
@@ -0,0 +1,262 @@
+<template>
+  <a-page-header :title="getPageTitle()" @back="() => $router.go(-1)">
+      <a-card :bordered="false" :body-style="{ padding: '16px' }">
+        <ele-pro-table
+          ref="tableRef"
+          row-key="id"
+          :columns="columns"
+          :datasource="datasource"
+          :customRow="customRow"
+          tool-class="ele-toolbar-form"
+          class="sys-org-table"
+        >
+          <template #toolbar>
+            <search
+              @search="reload"
+              :selection="selection"
+              @add="openEdit"
+              @remove="removeBatch"
+              @batchMove="openMove"
+            />
+          </template>
+          <template #bodyCell="{ column, record }">
+            <template v-if="column.key === 'userId'">
+              <div>{{ record.nickname }}</div>
+              <div class="text-gray-400">{{ record.phone }}</div>
+            </template>
+            <template v-if="column.key === 'doctorId'">
+              <div>{{ record.doctorName }}</div>
+              <div class="text-gray-400">{{ record.doctorPosition }}</div>
+            </template>
+            <template v-if="column.key === 'image'">
+              <a-image :src="record.image" :width="50" />
+            </template>
+            <template v-if="column.key === 'status'">
+              <a-tag v-if="record.status === 0" color="green">显示</a-tag>
+              <a-tag v-if="record.status === 1" color="red">隐藏</a-tag>
+            </template>
+            <template v-if="column.key === 'action'">
+              <a-space>
+                <a @click="openEdit(record)">修改</a>
+                <a-divider type="vertical" />
+                <a-popconfirm
+                  title="确定要删除此记录吗？"
+                  @confirm="remove(record)"
+                >
+                  <a class="ele-text-danger">删除</a>
+                </a-popconfirm>
+              </a-space>
+            </template>
+          </template>
+        </ele-pro-table>
+      </a-card>
+
+      <!-- 编辑弹窗 -->
+      <ClinicAppointmentEdit v-model:visible="showEdit" :data="current" @done="reload" />
+  </a-page-header>
+</template>
+
+<script lang="ts" setup>
+  import { createVNode, ref } from 'vue';
+  import { message, Modal } from 'ant-design-vue';
+  import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
+  import type { EleProTable } from 'ele-admin-pro';
+  import { toDateString } from 'ele-admin-pro';
+  import type {
+    DatasourceFunction,
+    ColumnItem
+  } from 'ele-admin-pro/es/ele-pro-table/types';
+  import Search from './components/search.vue';
+  import {getPageTitle} from '@/utils/common';
+  import ClinicAppointmentEdit from './components/clinicAppointmentEdit.vue';
+  import { pageClinicAppointment, removeClinicAppointment, removeBatchClinicAppointment } from '@/api/clinic/clinicAppointment';
+  import type { ClinicAppointment, ClinicAppointmentParam } from '@/api/clinic/clinicAppointment/model';
+
+  // 表格实例
+  const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+  // 表格选中数据
+  const selection = ref<ClinicAppointment[]>([]);
+  // 当前编辑数据
+  const current = ref<ClinicAppointment | null>(null);
+  // 是否显示编辑弹窗
+  const showEdit = ref(false);
+  // 是否显示批量移动弹窗
+  const showMove = ref(false);
+  // 加载状态
+  const loading = ref(true);
+
+  // 表格数据源
+  const datasource: DatasourceFunction = ({
+    page,
+    limit,
+    where,
+    orders,
+    filters
+  }) => {
+    if (filters) {
+      where.status = filters.status;
+    }
+    return pageClinicAppointment({
+      ...where,
+      ...orders,
+      page,
+      limit
+    });
+  };
+
+  // 完整的列配置（包含所有字段）
+  const columns = ref<ColumnItem[]>([
+    {
+      title: '主键ID',
+      dataIndex: 'id',
+      key: 'id',
+      width: 90,
+    },
+    {
+      title: '患者',
+      dataIndex: 'userId',
+      key: 'userId'
+    },
+    {
+      title: '挂号医生',
+      dataIndex: 'doctorId',
+      key: 'doctorId'
+    },
+    // {
+    //   title: '类型',
+    //   dataIndex: 'type',
+    //   key: 'type',
+    //   width: 120
+    // },
+    {
+      title: '就诊原因',
+      dataIndex: 'reason',
+      key: 'reason',
+      ellipsis: true
+    },
+    {
+      title: '备注',
+      dataIndex: 'comments',
+      key: 'comments',
+      ellipsis: true
+    },
+    {
+      title: '排序号',
+      dataIndex: 'sortNumber',
+      key: 'sortNumber',
+      width: 120
+    },
+    // {
+    //   title: '挂号时间',
+    //   dataIndex: 'evaluateTime',
+    //   key: 'evaluateTime',
+    //   width: 120
+    // },
+    {
+      title: '挂号时间',
+      dataIndex: 'createTime',
+      key: 'createTime',
+      width: 200,
+      align: 'center',
+      sorter: true,
+      ellipsis: true,
+      customRender: ({ text }) => toDateString(text, 'yyyy-MM-dd HH:mm:ss')
+    },
+    {
+      title: '操作',
+      key: 'action',
+      width: 180,
+      fixed: 'right',
+      align: 'center',
+      hideInSetting: true
+    }
+  ]);
+
+  /* 搜索 */
+  const reload = (where?: ClinicAppointmentParam) => {
+    selection.value = [];
+    tableRef?.value?.reload({ where: where });
+  };
+
+  /* 打开编辑弹窗 */
+  const openEdit = (row?: ClinicAppointment) => {
+    current.value = row ?? null;
+    showEdit.value = true;
+  };
+
+  /* 打开批量移动弹窗 */
+  const openMove = () => {
+    showMove.value = true;
+  };
+
+  /* 删除单个 */
+  const remove = (row: ClinicAppointment) => {
+    const hide = message.loading('请求中..', 0);
+    removeClinicAppointment(row.id)
+      .then((msg) => {
+        hide();
+        message.success(msg);
+        reload();
+      })
+      .catch((e) => {
+        hide();
+        message.error(e.message);
+      });
+  };
+
+  /* 批量删除 */
+  const removeBatch = () => {
+    if (!selection.value.length) {
+      message.error('请至少选择一条数据');
+      return;
+    }
+    Modal.confirm({
+      title: '提示',
+      content: '确定要删除选中的记录吗?',
+      icon: createVNode(ExclamationCircleOutlined),
+      maskClosable: true,
+      onOk: () => {
+        const hide = message.loading('请求中..', 0);
+        removeBatchClinicAppointment(selection.value.map((d) => d.id))
+          .then((msg) => {
+            hide();
+            message.success(msg);
+            reload();
+          })
+          .catch((e) => {
+            hide();
+            message.error(e.message);
+          });
+      }
+    });
+  };
+
+  /* 查询 */
+  const query = () => {
+    loading.value = true;
+  };
+
+  /* 自定义行属性 */
+  const customRow = (record: ClinicAppointment) => {
+    return {
+      // 行点击事件
+      onClick: () => {
+        // console.log(record);
+      },
+      // 行双击事件
+      onDblclick: () => {
+        openEdit(record);
+      }
+    };
+  };
+  query();
+</script>
+
+<script lang="ts">
+  export default {
+    name: 'ClinicAppointment'
+  };
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/views/clinic/clinicDoctorApply/components/clinicDoctorApplyEdit.vue b/src/views/clinic/clinicDoctorApply/components/clinicDoctorApplyEdit.vue
new file mode 100644
index 0000000..0d0fa41
--- /dev/null
+++ b/src/views/clinic/clinicDoctorApply/components/clinicDoctorApplyEdit.vue
@@ -0,0 +1,375 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑医生入驻申请' : '添加医生入驻申请'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="类型 0医生" name="type">
+        <a-input
+          allow-clear
+          placeholder="请输入类型 0医生"
+          v-model:value="form.type"
+        />
+      </a-form-item>
+      <a-form-item label="用户ID" name="userId">
+        <a-input
+          allow-clear
+          placeholder="请输入用户ID"
+          v-model:value="form.userId"
+        />
+      </a-form-item>
+      <a-form-item label="姓名" name="realName">
+        <a-input
+          allow-clear
+          placeholder="请输入姓名"
+          v-model:value="form.realName"
+        />
+      </a-form-item>
+      <a-form-item label="性别 1男 2女" name="gender">
+        <a-input
+          allow-clear
+          placeholder="请输入性别 1男 2女"
+          v-model:value="form.gender"
+        />
+      </a-form-item>
+      <a-form-item label="手机号" name="mobile">
+        <a-input
+          allow-clear
+          placeholder="请输入手机号"
+          v-model:value="form.mobile"
+        />
+      </a-form-item>
+      <a-form-item label="客户名称" name="dealerName">
+        <a-input
+          allow-clear
+          placeholder="请输入客户名称"
+          v-model:value="form.dealerName"
+        />
+      </a-form-item>
+      <a-form-item label="证件号码" name="idCard">
+        <a-input
+          allow-clear
+          placeholder="请输入证件号码"
+          v-model:value="form.idCard"
+        />
+      </a-form-item>
+      <a-form-item label="生日" name="birthDate">
+        <a-input
+          allow-clear
+          placeholder="请输入生日"
+          v-model:value="form.birthDate"
+        />
+      </a-form-item>
+      <a-form-item label="区分职称等级（如主治医师、副主任医师）" name="professionalTitle">
+        <a-input
+          allow-clear
+          placeholder="请输入区分职称等级（如主治医师、副主任医师）"
+          v-model:value="form.professionalTitle"
+        />
+      </a-form-item>
+      <a-form-item label="工作单位" name="workUnit">
+        <a-input
+          allow-clear
+          placeholder="请输入工作单位"
+          v-model:value="form.workUnit"
+        />
+      </a-form-item>
+      <a-form-item label="执业资格核心凭证" name="practiceLicense">
+        <a-input
+          allow-clear
+          placeholder="请输入执业资格核心凭证"
+          v-model:value="form.practiceLicense"
+        />
+      </a-form-item>
+      <a-form-item label="限定可执业科室或疾病类型" name="practiceScope">
+        <a-input
+          allow-clear
+          placeholder="请输入限定可执业科室或疾病类型"
+          v-model:value="form.practiceScope"
+        />
+      </a-form-item>
+      <a-form-item label="开始工作时间" name="startWorkDate">
+        <a-input
+          allow-clear
+          placeholder="请输入开始工作时间"
+          v-model:value="form.startWorkDate"
+        />
+      </a-form-item>
+      <a-form-item label="简历" name="resume">
+        <a-input
+          allow-clear
+          placeholder="请输入简历"
+          v-model:value="form.resume"
+        />
+      </a-form-item>
+      <a-form-item label="使用 JSON 存储多个证件文件路径（如执业证、学历证）" name="certificationFiles">
+        <a-input
+          allow-clear
+          placeholder="请输入使用 JSON 存储多个证件文件路径（如执业证、学历证）"
+          v-model:value="form.certificationFiles"
+        />
+      </a-form-item>
+      <a-form-item label="详细地址" name="address">
+        <a-input
+          allow-clear
+          placeholder="请输入详细地址"
+          v-model:value="form.address"
+        />
+      </a-form-item>
+      <a-form-item label="签约价格" name="money">
+        <a-input
+          allow-clear
+          placeholder="请输入签约价格"
+          v-model:value="form.money"
+        />
+      </a-form-item>
+      <a-form-item label="推荐人用户ID" name="refereeId">
+        <a-input
+          allow-clear
+          placeholder="请输入推荐人用户ID"
+          v-model:value="form.refereeId"
+        />
+      </a-form-item>
+      <a-form-item label="申请方式(10需后台审核 20无需审核)" name="applyType">
+        <a-input
+          allow-clear
+          placeholder="请输入申请方式(10需后台审核 20无需审核)"
+          v-model:value="form.applyType"
+        />
+      </a-form-item>
+      <a-form-item label="审核状态 (10待审核 20审核通过 30驳回)" name="applyStatus">
+        <a-input
+          allow-clear
+          placeholder="请输入审核状态 (10待审核 20审核通过 30驳回)"
+          v-model:value="form.applyStatus"
+        />
+      </a-form-item>
+      <a-form-item label="申请时间" name="applyTime">
+        <a-input
+          allow-clear
+          placeholder="请输入申请时间"
+          v-model:value="form.applyTime"
+        />
+      </a-form-item>
+      <a-form-item label="审核时间" name="auditTime">
+        <a-input
+          allow-clear
+          placeholder="请输入审核时间"
+          v-model:value="form.auditTime"
+        />
+      </a-form-item>
+      <a-form-item label="合同时间" name="contractTime">
+        <a-input
+          allow-clear
+          placeholder="请输入合同时间"
+          v-model:value="form.contractTime"
+        />
+      </a-form-item>
+      <a-form-item label="过期时间" name="expirationTime">
+        <a-input
+          allow-clear
+          placeholder="请输入过期时间"
+          v-model:value="form.expirationTime"
+        />
+      </a-form-item>
+      <a-form-item label="驳回原因" name="rejectReason">
+        <a-input
+          allow-clear
+          placeholder="请输入驳回原因"
+          v-model:value="form.rejectReason"
+        />
+      </a-form-item>
+      <a-form-item label="备注" name="comments">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="请输入描述"
+          v-model:value="form.comments"
+        />
+      </a-form-item>
+      <a-form-item label="修改时间" name="updateTime">
+        <a-input
+          allow-clear
+          placeholder="请输入修改时间"
+          v-model:value="form.updateTime"
+        />
+      </a-form-item>
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, watch } from 'vue';
+  import { Form, message } from 'ant-design-vue';
+  import { assignObject, uuid } from 'ele-admin-pro';
+  import { addClinicDoctorApply, updateClinicDoctorApply } from '@/api/clinic/clinicDoctorApply';
+  import { ClinicDoctorApply } from '@/api/clinic/clinicDoctorApply/model';
+  import { useThemeStore } from '@/store/modules/theme';
+  import { storeToRefs } from 'pinia';
+  import { ItemType } from 'ele-admin-pro/es/ele-image-upload/types';
+  import { FormInstance } from 'ant-design-vue/es/form';
+  import { FileRecord } from '@/api/system/file/model';
+
+  // 是否是修改
+  const isUpdate = ref(false);
+  const useForm = Form.useForm;
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: ClinicDoctorApply | null;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  // 提交状态
+  const loading = ref(false);
+  // 是否显示最大化切换按钮
+  const maxable = ref(true);
+  // 表格选中数据
+  const formRef = ref<FormInstance | null>(null);
+  const images = ref<ItemType[]>([]);
+
+  // 用户信息
+  const form = reactive<ClinicDoctorApply>({
+    applyId: undefined,
+    type: undefined,
+    userId: undefined,
+    realName: undefined,
+    gender: undefined,
+    mobile: undefined,
+    dealerName: undefined,
+    idCard: undefined,
+    birthDate: undefined,
+    professionalTitle: undefined,
+    workUnit: undefined,
+    practiceLicense: undefined,
+    practiceScope: undefined,
+    startWorkDate: undefined,
+    resume: undefined,
+    certificationFiles: undefined,
+    address: undefined,
+    money: undefined,
+    refereeId: undefined,
+    applyType: undefined,
+    applyStatus: undefined,
+    applyTime: undefined,
+    auditTime: undefined,
+    contractTime: undefined,
+    expirationTime: undefined,
+    rejectReason: undefined,
+    tenantId: undefined,
+    createTime: undefined,
+    updateTime: undefined,
+    comments: '',
+    sortNumber: 100
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    clinicDoctorApplyName: [
+      {
+        required: true,
+        type: 'string',
+        message: '请填写医生入驻申请名称',
+        trigger: 'blur'
+      }
+    ]
+  });
+
+  const chooseImage = (data: FileRecord) => {
+    images.value.push({
+      uid: data.id,
+      url: data.path,
+      status: 'done'
+    });
+    form.image = data.path;
+  };
+
+  const onDeleteItem = (index: number) => {
+    images.value.splice(index, 1);
+    form.image = '';
+  };
+
+  const { resetFields } = useForm(form, rules);
+
+  /* 保存编辑 */
+  const save = () => {
+    if (!formRef.value) {
+      return;
+    }
+    formRef.value
+      .validate()
+      .then(() => {
+        loading.value = true;
+        const formData = {
+          ...form
+        };
+        const saveOrUpdate = isUpdate.value ? updateClinicDoctorApply : addClinicDoctorApply;
+        saveOrUpdate(formData)
+          .then((msg) => {
+            loading.value = false;
+            message.success(msg);
+            updateVisible(false);
+            emit('done');
+          })
+          .catch((e) => {
+            loading.value = false;
+            message.error(e.message);
+          });
+      })
+      .catch(() => {});
+  };
+
+  watch(
+    () => props.visible,
+    (visible) => {
+      if (visible) {
+        images.value = [];
+        if (props.data) {
+          assignObject(form, props.data);
+          if(props.data.image){
+            images.value.push({
+              uid: uuid(),
+              url: props.data.image,
+              status: 'done'
+            })
+          }
+          isUpdate.value = true;
+        } else {
+          isUpdate.value = false;
+        }
+      } else {
+        resetFields();
+      }
+    },
+    { immediate: true }
+  );
+</script>
diff --git a/src/views/clinic/clinicDoctorApply/components/search.vue b/src/views/clinic/clinicDoctorApply/components/search.vue
new file mode 100644
index 0000000..82fea9d
--- /dev/null
+++ b/src/views/clinic/clinicDoctorApply/components/search.vue
@@ -0,0 +1,42 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+    <a-button type="primary" class="ele-btn-icon" @click="add">
+      <template #icon>
+        <PlusOutlined />
+      </template>
+      <span>添加</span>
+    </a-button>
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+  import { PlusOutlined } from '@ant-design/icons-vue';
+  import type { GradeParam } from '@/api/user/grade/model';
+  import { watch } from 'vue';
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的角色
+      selection?: [];
+    }>(),
+    {}
+  );
+
+  const emit = defineEmits<{
+    (e: 'search', where?: GradeParam): void;
+    (e: 'add'): void;
+    (e: 'remove'): void;
+    (e: 'batchMove'): void;
+  }>();
+
+  // 新增
+  const add = () => {
+    emit('add');
+  };
+
+  watch(
+    () => props.selection,
+    () => {}
+  );
+</script>
diff --git a/src/views/clinic/clinicDoctorApply/index.vue b/src/views/clinic/clinicDoctorApply/index.vue
new file mode 100644
index 0000000..35142a4
--- /dev/null
+++ b/src/views/clinic/clinicDoctorApply/index.vue
@@ -0,0 +1,380 @@
+<template>
+  <a-page-header :title="getPageTitle()" @back="() => $router.go(-1)">
+      <a-card :bordered="false" :body-style="{ padding: '16px' }">
+        <ele-pro-table
+          ref="tableRef"
+          row-key="id"
+          :columns="columns"
+          :datasource="datasource"
+          :customRow="customRow"
+          tool-class="ele-toolbar-form"
+          class="sys-org-table"
+        >
+          <template #toolbar>
+            <search
+              @search="reload"
+              :selection="selection"
+              @add="openEdit"
+              @remove="removeBatch"
+              @batchMove="openMove"
+            />
+          </template>
+          <template #bodyCell="{ column, record }">
+            <template v-if="column.key === 'image'">
+              <a-image :src="record.image" :width="50" />
+            </template>
+            <template v-if="column.key === 'status'">
+              <a-tag v-if="record.status === 0" color="green">显示</a-tag>
+              <a-tag v-if="record.status === 1" color="red">隐藏</a-tag>
+            </template>
+            <template v-if="column.key === 'action'">
+              <a-space>
+                <a @click="openEdit(record)">修改</a>
+                <a-divider type="vertical" />
+                <a-popconfirm
+                  title="确定要删除此记录吗？"
+                  @confirm="remove(record)"
+                >
+                  <a class="ele-text-danger">删除</a>
+                </a-popconfirm>
+              </a-space>
+            </template>
+          </template>
+        </ele-pro-table>
+      </a-card>
+
+      <!-- 编辑弹窗 -->
+      <ClinicDoctorApplyEdit v-model:visible="showEdit" :data="current" @done="reload" />
+  </a-page-header>
+</template>
+
+<script lang="ts" setup>
+  import { createVNode, ref, computed } from 'vue';
+  import { message, Modal } from 'ant-design-vue';
+  import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
+  import type { EleProTable } from 'ele-admin-pro';
+  import { toDateString } from 'ele-admin-pro';
+  import type {
+    DatasourceFunction,
+    ColumnItem
+  } from 'ele-admin-pro/es/ele-pro-table/types';
+  import Search from './components/search.vue';
+  import {getPageTitle} from '@/utils/common';
+  import ClinicDoctorApplyEdit from './components/clinicDoctorApplyEdit.vue';
+  import { pageClinicDoctorApply, removeClinicDoctorApply, removeBatchClinicDoctorApply } from '@/api/clinic/clinicDoctorApply';
+  import type { ClinicDoctorApply, ClinicDoctorApplyParam } from '@/api/clinic/clinicDoctorApply/model';
+
+  // 表格实例
+  const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+  // 表格选中数据
+  const selection = ref<ClinicDoctorApply[]>([]);
+  // 当前编辑数据
+  const current = ref<ClinicDoctorApply | null>(null);
+  // 是否显示编辑弹窗
+  const showEdit = ref(false);
+  // 是否显示批量移动弹窗
+  const showMove = ref(false);
+  // 加载状态
+  const loading = ref(true);
+
+  // 表格数据源
+  const datasource: DatasourceFunction = ({
+    page,
+    limit,
+    where,
+    orders,
+    filters
+  }) => {
+    if (filters) {
+      where.status = filters.status;
+    }
+    return pageClinicDoctorApply({
+      ...where,
+      ...orders,
+      page,
+      limit
+    });
+  };
+
+  // 完整的列配置（包含所有字段）
+  const columns = ref<ColumnItem[]>([
+    {
+      title: '主键ID',
+      dataIndex: 'applyId',
+      key: 'applyId',
+      width: 90,
+    },
+    {
+      title: '类型 0医生',
+      dataIndex: 'type',
+      key: 'type',
+      width: 120
+    },
+    {
+      title: '用户ID',
+      dataIndex: 'userId',
+      key: 'userId',
+      width: 120
+    },
+    {
+      title: '姓名',
+      dataIndex: 'realName',
+      key: 'realName',
+      ellipsis: true
+    },
+    {
+      title: '性别 1男 2女',
+      dataIndex: 'gender',
+      key: 'gender',
+      width: 120
+    },
+    {
+      title: '手机号',
+      dataIndex: 'mobile',
+      key: 'mobile',
+      ellipsis: true
+    },
+    {
+      title: '客户名称',
+      dataIndex: 'dealerName',
+      key: 'dealerName',
+      ellipsis: true
+    },
+    {
+      title: '证件号码',
+      dataIndex: 'idCard',
+      key: 'idCard',
+      ellipsis: true
+    },
+    {
+      title: '生日',
+      dataIndex: 'birthDate',
+      key: 'birthDate',
+      width: 120
+    },
+    {
+      title: '区分职称等级（如主治医师、副主任医师）',
+      dataIndex: 'professionalTitle',
+      key: 'professionalTitle',
+      ellipsis: true
+    },
+    {
+      title: '工作单位',
+      dataIndex: 'workUnit',
+      key: 'workUnit',
+      ellipsis: true
+    },
+    {
+      title: '执业资格核心凭证',
+      dataIndex: 'practiceLicense',
+      key: 'practiceLicense',
+      ellipsis: true
+    },
+    {
+      title: '限定可执业科室或疾病类型',
+      dataIndex: 'practiceScope',
+      key: 'practiceScope',
+      ellipsis: true
+    },
+    {
+      title: '开始工作时间',
+      dataIndex: 'startWorkDate',
+      key: 'startWorkDate',
+      width: 120
+    },
+    {
+      title: '简历',
+      dataIndex: 'resume',
+      key: 'resume',
+      ellipsis: true
+    },
+    {
+      title: '使用 JSON 存储多个证件文件路径（如执业证、学历证）',
+      dataIndex: 'certificationFiles',
+      key: 'certificationFiles',
+      ellipsis: true
+    },
+    {
+      title: '详细地址',
+      dataIndex: 'address',
+      key: 'address',
+      ellipsis: true
+    },
+    {
+      title: '签约价格',
+      dataIndex: 'money',
+      key: 'money',
+      width: 120
+    },
+    {
+      title: '推荐人用户ID',
+      dataIndex: 'refereeId',
+      key: 'refereeId',
+      width: 120
+    },
+    {
+      title: '申请方式(10需后台审核 20无需审核)',
+      dataIndex: 'applyType',
+      key: 'applyType',
+      width: 120
+    },
+    {
+      title: '审核状态 (10待审核 20审核通过 30驳回)',
+      dataIndex: 'applyStatus',
+      key: 'applyStatus',
+      width: 120
+    },
+    {
+      title: '申请时间',
+      dataIndex: 'applyTime',
+      key: 'applyTime',
+      width: 120
+    },
+    {
+      title: '审核时间',
+      dataIndex: 'auditTime',
+      key: 'auditTime',
+      width: 120
+    },
+    {
+      title: '合同时间',
+      dataIndex: 'contractTime',
+      key: 'contractTime',
+      width: 120
+    },
+    {
+      title: '过期时间',
+      dataIndex: 'expirationTime',
+      key: 'expirationTime',
+      width: 120
+    },
+    {
+      title: '驳回原因',
+      dataIndex: 'rejectReason',
+      key: 'rejectReason',
+      ellipsis: true
+    },
+    {
+      title: '备注',
+      dataIndex: 'comments',
+      key: 'comments',
+      ellipsis: true
+    },
+    {
+      title: '创建时间',
+      dataIndex: 'createTime',
+      key: 'createTime',
+      width: 200,
+      align: 'center',
+      sorter: true,
+      ellipsis: true,
+      customRender: ({ text }) => toDateString(text, 'yyyy-MM-dd HH:mm:ss')
+    },
+    {
+      title: '修改时间',
+      dataIndex: 'updateTime',
+      key: 'updateTime',
+      width: 200,
+      align: 'center',
+      sorter: true,
+      ellipsis: true,
+      customRender: ({ text }) => toDateString(text, 'yyyy-MM-dd HH:mm:ss')
+    },
+    {
+      title: '操作',
+      key: 'action',
+      width: 180,
+      fixed: 'right',
+      align: 'center',
+      hideInSetting: true
+    }
+  ]);
+
+  /* 搜索 */
+  const reload = (where?: ClinicDoctorApplyParam) => {
+    selection.value = [];
+    tableRef?.value?.reload({ where: where });
+  };
+
+  /* 打开编辑弹窗 */
+  const openEdit = (row?: ClinicDoctorApply) => {
+    current.value = row ?? null;
+    showEdit.value = true;
+  };
+
+  /* 打开批量移动弹窗 */
+  const openMove = () => {
+    showMove.value = true;
+  };
+
+  /* 删除单个 */
+  const remove = (row: ClinicDoctorApply) => {
+    const hide = message.loading('请求中..', 0);
+    removeClinicDoctorApply(row.applyId)
+      .then((msg) => {
+        hide();
+        message.success(msg);
+        reload();
+      })
+      .catch((e) => {
+        hide();
+        message.error(e.message);
+      });
+  };
+
+  /* 批量删除 */
+  const removeBatch = () => {
+    if (!selection.value.length) {
+      message.error('请至少选择一条数据');
+      return;
+    }
+    Modal.confirm({
+      title: '提示',
+      content: '确定要删除选中的记录吗?',
+      icon: createVNode(ExclamationCircleOutlined),
+      maskClosable: true,
+      onOk: () => {
+        const hide = message.loading('请求中..', 0);
+        removeBatchClinicDoctorApply(selection.value.map((d) => d.applyId))
+          .then((msg) => {
+            hide();
+            message.success(msg);
+            reload();
+          })
+          .catch((e) => {
+            hide();
+            message.error(e.message);
+          });
+      }
+    });
+  };
+
+  /* 查询 */
+  const query = () => {
+    loading.value = true;
+  };
+
+  /* 自定义行属性 */
+  const customRow = (record: ClinicDoctorApply) => {
+    return {
+      // 行点击事件
+      onClick: () => {
+        // console.log(record);
+      },
+      // 行双击事件
+      onDblclick: () => {
+        openEdit(record);
+      }
+    };
+  };
+  query();
+</script>
+
+<script lang="ts">
+  export default {
+    name: 'ClinicDoctorApply'
+  };
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/views/clinic/clinicDoctorMedicalRecord/components/clinicDoctorMedicalRecordEdit.vue b/src/views/clinic/clinicDoctorMedicalRecord/components/clinicDoctorMedicalRecordEdit.vue
new file mode 100644
index 0000000..12a20bc
--- /dev/null
+++ b/src/views/clinic/clinicDoctorMedicalRecord/components/clinicDoctorMedicalRecordEdit.vue
@@ -0,0 +1,318 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑医疗记录' : '添加医疗记录'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="买家用户ID" name="userId">
+        <a-input
+          allow-clear
+          placeholder="请输入买家用户ID"
+          v-model:value="form.userId"
+        />
+      </a-form-item>
+      <a-form-item label="订单编号" name="orderNo">
+        <a-input
+          allow-clear
+          placeholder="请输入订单编号"
+          v-model:value="form.orderNo"
+        />
+      </a-form-item>
+      <a-form-item label="分销商用户id(一级)" name="firstUserId">
+        <a-input
+          allow-clear
+          placeholder="请输入分销商用户id(一级)"
+          v-model:value="form.firstUserId"
+        />
+      </a-form-item>
+      <a-form-item label="分销商用户id(二级)" name="secondUserId">
+        <a-input
+          allow-clear
+          placeholder="请输入分销商用户id(二级)"
+          v-model:value="form.secondUserId"
+        />
+      </a-form-item>
+      <a-form-item label="分销商用户id(三级)" name="thirdUserId">
+        <a-input
+          allow-clear
+          placeholder="请输入分销商用户id(三级)"
+          v-model:value="form.thirdUserId"
+        />
+      </a-form-item>
+      <a-form-item label="分销佣金(一级)" name="firstMoney">
+        <a-input
+          allow-clear
+          placeholder="请输入分销佣金(一级)"
+          v-model:value="form.firstMoney"
+        />
+      </a-form-item>
+      <a-form-item label="分销佣金(二级)" name="secondMoney">
+        <a-input
+          allow-clear
+          placeholder="请输入分销佣金(二级)"
+          v-model:value="form.secondMoney"
+        />
+      </a-form-item>
+      <a-form-item label="分销佣金(三级)" name="thirdMoney">
+        <a-input
+          allow-clear
+          placeholder="请输入分销佣金(三级)"
+          v-model:value="form.thirdMoney"
+        />
+      </a-form-item>
+      <a-form-item label="单价" name="price">
+        <a-input
+          allow-clear
+          placeholder="请输入单价"
+          v-model:value="form.price"
+        />
+      </a-form-item>
+      <a-form-item label="订单总金额" name="orderPrice">
+        <a-input
+          allow-clear
+          placeholder="请输入订单总金额"
+          v-model:value="form.orderPrice"
+        />
+      </a-form-item>
+      <a-form-item label="结算金额" name="settledPrice">
+        <a-input
+          allow-clear
+          placeholder="请输入结算金额"
+          v-model:value="form.settledPrice"
+        />
+      </a-form-item>
+      <a-form-item label="换算成度" name="degreePrice">
+        <a-input
+          allow-clear
+          placeholder="请输入换算成度"
+          v-model:value="form.degreePrice"
+        />
+      </a-form-item>
+      <a-form-item label="实发金额" name="payPrice">
+        <a-input
+          allow-clear
+          placeholder="请输入实发金额"
+          v-model:value="form.payPrice"
+        />
+      </a-form-item>
+      <a-form-item label="税率" name="rate">
+        <a-input
+          allow-clear
+          placeholder="请输入税率"
+          v-model:value="form.rate"
+        />
+      </a-form-item>
+      <a-form-item label="结算月份" name="month">
+        <a-input
+          allow-clear
+          placeholder="请输入结算月份"
+          v-model:value="form.month"
+        />
+      </a-form-item>
+      <a-form-item label="订单是否失效(0未失效 1已失效)" name="isInvalid">
+        <a-input
+          allow-clear
+          placeholder="请输入订单是否失效(0未失效 1已失效)"
+          v-model:value="form.isInvalid"
+        />
+      </a-form-item>
+      <a-form-item label="佣金结算(0未结算 1已结算)" name="isSettled">
+        <a-input
+          allow-clear
+          placeholder="请输入佣金结算(0未结算 1已结算)"
+          v-model:value="form.isSettled"
+        />
+      </a-form-item>
+      <a-form-item label="结算时间" name="settleTime">
+        <a-input
+          allow-clear
+          placeholder="请输入结算时间"
+          v-model:value="form.settleTime"
+        />
+      </a-form-item>
+      <a-form-item label="备注" name="comments">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="请输入描述"
+          v-model:value="form.comments"
+        />
+      </a-form-item>
+      <a-form-item label="修改时间" name="updateTime">
+        <a-input
+          allow-clear
+          placeholder="请输入修改时间"
+          v-model:value="form.updateTime"
+        />
+      </a-form-item>
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, watch } from 'vue';
+  import { Form, message } from 'ant-design-vue';
+  import { assignObject, uuid } from 'ele-admin-pro';
+  import { addClinicDoctorMedicalRecord, updateClinicDoctorMedicalRecord } from '@/api/clinic/clinicDoctorMedicalRecord';
+  import { ClinicDoctorMedicalRecord } from '@/api/clinic/clinicDoctorMedicalRecord/model';
+  import { useThemeStore } from '@/store/modules/theme';
+  import { storeToRefs } from 'pinia';
+  import { ItemType } from 'ele-admin-pro/es/ele-image-upload/types';
+  import { FormInstance } from 'ant-design-vue/es/form';
+  import { FileRecord } from '@/api/system/file/model';
+
+  // 是否是修改
+  const isUpdate = ref(false);
+  const useForm = Form.useForm;
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: ClinicDoctorMedicalRecord | null;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  // 提交状态
+  const loading = ref(false);
+  // 是否显示最大化切换按钮
+  const maxable = ref(true);
+  // 表格选中数据
+  const formRef = ref<FormInstance | null>(null);
+  const images = ref<ItemType[]>([]);
+
+  // 用户信息
+  const form = reactive<ClinicDoctorMedicalRecord>({
+    id: undefined,
+    userId: undefined,
+    orderNo: undefined,
+    firstUserId: undefined,
+    secondUserId: undefined,
+    thirdUserId: undefined,
+    firstMoney: undefined,
+    secondMoney: undefined,
+    thirdMoney: undefined,
+    price: undefined,
+    orderPrice: undefined,
+    settledPrice: undefined,
+    degreePrice: undefined,
+    payPrice: undefined,
+    rate: undefined,
+    month: undefined,
+    isInvalid: undefined,
+    isSettled: undefined,
+    settleTime: undefined,
+    comments: undefined,
+    tenantId: undefined,
+    createTime: undefined,
+    updateTime: undefined
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    clinicDoctorMedicalRecordName: [
+      {
+        required: true,
+        type: 'string',
+        message: '请填写医疗记录名称',
+        trigger: 'blur'
+      }
+    ]
+  });
+
+  const chooseImage = (data: FileRecord) => {
+    images.value.push({
+      uid: data.id,
+      url: data.path,
+      status: 'done'
+    });
+    form.image = data.path;
+  };
+
+  const onDeleteItem = (index: number) => {
+    images.value.splice(index, 1);
+    form.image = '';
+  };
+
+  const { resetFields } = useForm(form, rules);
+
+  /* 保存编辑 */
+  const save = () => {
+    if (!formRef.value) {
+      return;
+    }
+    formRef.value
+      .validate()
+      .then(() => {
+        loading.value = true;
+        const formData = {
+          ...form
+        };
+        const saveOrUpdate = isUpdate.value ? updateClinicDoctorMedicalRecord : addClinicDoctorMedicalRecord;
+        saveOrUpdate(formData)
+          .then((msg) => {
+            loading.value = false;
+            message.success(msg);
+            updateVisible(false);
+            emit('done');
+          })
+          .catch((e) => {
+            loading.value = false;
+            message.error(e.message);
+          });
+      })
+      .catch(() => {});
+  };
+
+  watch(
+    () => props.visible,
+    (visible) => {
+      if (visible) {
+        images.value = [];
+        if (props.data) {
+          assignObject(form, props.data);
+          if(props.data.image){
+            images.value.push({
+              uid: uuid(),
+              url: props.data.image,
+              status: 'done'
+            })
+          }
+          isUpdate.value = true;
+        } else {
+          isUpdate.value = false;
+        }
+      } else {
+        resetFields();
+      }
+    },
+    { immediate: true }
+  );
+</script>
diff --git a/src/views/clinic/clinicDoctorMedicalRecord/components/search.vue b/src/views/clinic/clinicDoctorMedicalRecord/components/search.vue
new file mode 100644
index 0000000..82fea9d
--- /dev/null
+++ b/src/views/clinic/clinicDoctorMedicalRecord/components/search.vue
@@ -0,0 +1,42 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+    <a-button type="primary" class="ele-btn-icon" @click="add">
+      <template #icon>
+        <PlusOutlined />
+      </template>
+      <span>添加</span>
+    </a-button>
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+  import { PlusOutlined } from '@ant-design/icons-vue';
+  import type { GradeParam } from '@/api/user/grade/model';
+  import { watch } from 'vue';
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的角色
+      selection?: [];
+    }>(),
+    {}
+  );
+
+  const emit = defineEmits<{
+    (e: 'search', where?: GradeParam): void;
+    (e: 'add'): void;
+    (e: 'remove'): void;
+    (e: 'batchMove'): void;
+  }>();
+
+  // 新增
+  const add = () => {
+    emit('add');
+  };
+
+  watch(
+    () => props.selection,
+    () => {}
+  );
+</script>
diff --git a/src/views/clinic/clinicDoctorMedicalRecord/index.vue b/src/views/clinic/clinicDoctorMedicalRecord/index.vue
new file mode 100644
index 0000000..4ba8951
--- /dev/null
+++ b/src/views/clinic/clinicDoctorMedicalRecord/index.vue
@@ -0,0 +1,232 @@
+<template>
+  <a-page-header :title="getPageTitle()" @back="() => $router.go(-1)">
+      <a-card :bordered="false" :body-style="{ padding: '16px' }">
+        <ele-pro-table
+          ref="tableRef"
+          row-key="id"
+          :columns="columns"
+          :datasource="datasource"
+          :customRow="customRow"
+          tool-class="ele-toolbar-form"
+          class="sys-org-table"
+        >
+          <template #toolbar>
+            <search
+              @search="reload"
+              :selection="selection"
+              @add="openEdit"
+              @remove="removeBatch"
+              @batchMove="openMove"
+            />
+          </template>
+          <template #bodyCell="{ column, record }">
+            <template v-if="column.key === 'image'">
+              <a-image :src="record.image" :width="50" />
+            </template>
+            <template v-if="column.key === 'status'">
+              <a-tag v-if="record.status === 0" color="green">显示</a-tag>
+              <a-tag v-if="record.status === 1" color="red">隐藏</a-tag>
+            </template>
+            <template v-if="column.key === 'action'">
+              <a-space>
+                <a @click="openEdit(record)">修改</a>
+                <a-divider type="vertical" />
+                <a-popconfirm
+                  title="确定要删除此记录吗？"
+                  @confirm="remove(record)"
+                >
+                  <a class="ele-text-danger">删除</a>
+                </a-popconfirm>
+              </a-space>
+            </template>
+          </template>
+        </ele-pro-table>
+      </a-card>
+
+      <!-- 编辑弹窗 -->
+      <ClinicDoctorMedicalRecordEdit v-model:visible="showEdit" :data="current" @done="reload" />
+  </a-page-header>
+</template>
+
+<script lang="ts" setup>
+  import { createVNode, ref, computed } from 'vue';
+  import { message, Modal } from 'ant-design-vue';
+  import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
+  import type { EleProTable } from 'ele-admin-pro';
+  import { toDateString } from 'ele-admin-pro';
+  import type {
+    DatasourceFunction,
+    ColumnItem
+  } from 'ele-admin-pro/es/ele-pro-table/types';
+  import Search from './components/search.vue';
+  import {getPageTitle} from '@/utils/common';
+  import ClinicDoctorMedicalRecordEdit from './components/clinicDoctorMedicalRecordEdit.vue';
+  import { pageClinicDoctorMedicalRecord, removeClinicDoctorMedicalRecord, removeBatchClinicDoctorMedicalRecord } from '@/api/clinic/clinicDoctorMedicalRecord';
+  import type { ClinicDoctorMedicalRecord, ClinicDoctorMedicalRecordParam } from '@/api/clinic/clinicDoctorMedicalRecord/model';
+
+  // 表格实例
+  const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+  // 表格选中数据
+  const selection = ref<ClinicDoctorMedicalRecord[]>([]);
+  // 当前编辑数据
+  const current = ref<ClinicDoctorMedicalRecord | null>(null);
+  // 是否显示编辑弹窗
+  const showEdit = ref(false);
+  // 是否显示批量移动弹窗
+  const showMove = ref(false);
+  // 加载状态
+  const loading = ref(true);
+
+  // 表格数据源
+  const datasource: DatasourceFunction = ({
+    page,
+    limit,
+    where,
+    orders,
+    filters
+  }) => {
+    if (filters) {
+      where.status = filters.status;
+    }
+    return pageClinicDoctorMedicalRecord({
+      ...where,
+      ...orders,
+      page,
+      limit
+    });
+  };
+
+  // 完整的列配置（包含所有字段）
+  const columns = ref<ColumnItem[]>([
+    {
+      title: '主键ID',
+      dataIndex: 'id',
+      key: 'id',
+      width: 90,
+    },
+    {
+      title: '买家用户ID',
+      dataIndex: 'userId',
+      key: 'userId',
+      width: 120
+    },
+    {
+      title: '订单编号',
+      dataIndex: 'orderNo',
+      key: 'orderNo',
+      ellipsis: true
+    },
+    {
+      title: '备注',
+      dataIndex: 'comments',
+      key: 'comments',
+      ellipsis: true
+    },
+    {
+      title: '创建时间',
+      dataIndex: 'createTime',
+      key: 'createTime',
+      width: 200,
+      align: 'center',
+      sorter: true,
+      ellipsis: true,
+      customRender: ({ text }) => toDateString(text, 'yyyy-MM-dd HH:mm:ss')
+    },
+    {
+      title: '操作',
+      key: 'action',
+      width: 180,
+      fixed: 'right',
+      align: 'center',
+      hideInSetting: true
+    }
+  ]);
+
+  /* 搜索 */
+  const reload = (where?: ClinicDoctorMedicalRecordParam) => {
+    selection.value = [];
+    tableRef?.value?.reload({ where: where });
+  };
+
+  /* 打开编辑弹窗 */
+  const openEdit = (row?: ClinicDoctorMedicalRecord) => {
+    current.value = row ?? null;
+    showEdit.value = true;
+  };
+
+  /* 打开批量移动弹窗 */
+  const openMove = () => {
+    showMove.value = true;
+  };
+
+  /* 删除单个 */
+  const remove = (row: ClinicDoctorMedicalRecord) => {
+    const hide = message.loading('请求中..', 0);
+    removeClinicDoctorMedicalRecord(row.id)
+      .then((msg) => {
+        hide();
+        message.success(msg);
+        reload();
+      })
+      .catch((e) => {
+        hide();
+        message.error(e.message);
+      });
+  };
+
+  /* 批量删除 */
+  const removeBatch = () => {
+    if (!selection.value.length) {
+      message.error('请至少选择一条数据');
+      return;
+    }
+    Modal.confirm({
+      title: '提示',
+      content: '确定要删除选中的记录吗?',
+      icon: createVNode(ExclamationCircleOutlined),
+      maskClosable: true,
+      onOk: () => {
+        const hide = message.loading('请求中..', 0);
+        removeBatchClinicDoctorMedicalRecord(selection.value.map((d) => d.id))
+          .then((msg) => {
+            hide();
+            message.success(msg);
+            reload();
+          })
+          .catch((e) => {
+            hide();
+            message.error(e.message);
+          });
+      }
+    });
+  };
+
+  /* 查询 */
+  const query = () => {
+    loading.value = true;
+  };
+
+  /* 自定义行属性 */
+  const customRow = (record: ClinicDoctorMedicalRecord) => {
+    return {
+      // 行点击事件
+      onClick: () => {
+        // console.log(record);
+      },
+      // 行双击事件
+      onDblclick: () => {
+        openEdit(record);
+      }
+    };
+  };
+  query();
+</script>
+
+<script lang="ts">
+  export default {
+    name: 'ClinicDoctorMedicalRecord'
+  };
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/views/clinic/clinicDoctorUser/components/clinicDoctorUserEdit.vue b/src/views/clinic/clinicDoctorUser/components/clinicDoctorUserEdit.vue
new file mode 100644
index 0000000..d063650
--- /dev/null
+++ b/src/views/clinic/clinicDoctorUser/components/clinicDoctorUserEdit.vue
@@ -0,0 +1,274 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑医生' : '添加医生'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+<!--      <a-form-item label="类型 0经销商 1企业 2集团" name="type">-->
+<!--        <a-input-->
+<!--          allow-clear-->
+<!--          placeholder="请输入类型 0经销商 1企业 2集团"-->
+<!--          v-model:value="form.type"-->
+<!--        />-->
+<!--      </a-form-item>-->
+<!--      <a-form-item label="自增ID" name="userId">-->
+<!--        <a-input-->
+<!--          allow-clear-->
+<!--          placeholder="请输入自增ID"-->
+<!--          v-model:value="form.userId"-->
+<!--        />-->
+<!--      </a-form-item>-->
+      <a-form-item label="姓名" name="realName">
+        <a-input
+          allow-clear
+          placeholder="请输入姓名"
+          v-model:value="form.realName"
+        />
+      </a-form-item>
+      <a-form-item label="部门" name="departmentId">
+        <a-input
+          allow-clear
+          placeholder="请输入部门"
+          v-model:value="form.departmentId"
+        />
+      </a-form-item>
+      <a-form-item label="专业领域" name="specialty">
+        <a-input
+          allow-clear
+          placeholder="请输入专业领域"
+          v-model:value="form.specialty"
+        />
+      </a-form-item>
+      <a-form-item label="职务级别" name="position">
+        <a-input
+          allow-clear
+          placeholder="请输入职务级别"
+          v-model:value="form.position"
+        />
+      </a-form-item>
+      <a-form-item label="执业资格" name="qualification">
+        <a-input
+          allow-clear
+          placeholder="请输入执业资格"
+          v-model:value="form.qualification"
+        />
+      </a-form-item>
+      <a-form-item label="医生简介" name="introduction">
+        <a-input
+          allow-clear
+          placeholder="请输入医生简介"
+          v-model:value="form.introduction"
+        />
+      </a-form-item>
+      <a-form-item label="挂号费" name="consultationFee">
+        <a-input
+          allow-clear
+          placeholder="请输入挂号费"
+          v-model:value="form.consultationFee"
+        />
+      </a-form-item>
+      <a-form-item label="工作年限" name="workYears">
+        <a-input
+          allow-clear
+          placeholder="请输入工作年限"
+          v-model:value="form.workYears"
+        />
+      </a-form-item>
+      <a-form-item label="问诊人数" name="consultationCount">
+        <a-input
+          allow-clear
+          placeholder="请输入问诊人数"
+          v-model:value="form.consultationCount"
+        />
+      </a-form-item>
+      <a-form-item label="专属二维码" name="qrcode">
+        <a-input
+          allow-clear
+          placeholder="请输入专属二维码"
+          v-model:value="form.qrcode"
+        />
+      </a-form-item>
+      <a-form-item label="备注" name="comments">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="请输入描述"
+          v-model:value="form.comments"
+        />
+      </a-form-item>
+      <a-form-item label="排序号" name="sortNumber">
+        <a-input-number
+          :min="0"
+          :max="9999"
+          class="ele-fluid"
+          placeholder="请输入排序号"
+          v-model:value="form.sortNumber"
+        />
+      </a-form-item>
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, watch } from 'vue';
+  import { Form, message } from 'ant-design-vue';
+  import { assignObject, uuid } from 'ele-admin-pro';
+  import { addClinicDoctorUser, updateClinicDoctorUser } from '@/api/clinic/clinicDoctorUser';
+  import { ClinicDoctorUser } from '@/api/clinic/clinicDoctorUser/model';
+  import { useThemeStore } from '@/store/modules/theme';
+  import { storeToRefs } from 'pinia';
+  import { ItemType } from 'ele-admin-pro/es/ele-image-upload/types';
+  import { FormInstance } from 'ant-design-vue/es/form';
+  import { FileRecord } from '@/api/system/file/model';
+
+  // 是否是修改
+  const isUpdate = ref(false);
+  const useForm = Form.useForm;
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: ClinicDoctorUser | null;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  // 提交状态
+  const loading = ref(false);
+  // 是否显示最大化切换按钮
+  const maxable = ref(true);
+  // 表格选中数据
+  const formRef = ref<FormInstance | null>(null);
+  const images = ref<ItemType[]>([]);
+
+  // 用户信息
+  const form = reactive<ClinicDoctorUser>({
+    id: undefined,
+    type: undefined,
+    userId: undefined,
+    realName: undefined,
+    departmentId: undefined,
+    specialty: undefined,
+    position: undefined,
+    qualification: undefined,
+    introduction: undefined,
+    consultationFee: undefined,
+    workYears: undefined,
+    consultationCount: undefined,
+    qrcode: undefined,
+    comments: undefined,
+    isDelete: undefined,
+    tenantId: undefined,
+    createTime: undefined,
+    updateTime: undefined,
+    sortNumber: 100
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    clinicDoctorUserName: [
+      {
+        required: true,
+        type: 'string',
+        message: '请填写医生名称',
+        trigger: 'blur'
+      }
+    ]
+  });
+
+  const chooseImage = (data: FileRecord) => {
+    images.value.push({
+      uid: data.id,
+      url: data.path,
+      status: 'done'
+    });
+    form.image = data.path;
+  };
+
+  const onDeleteItem = (index: number) => {
+    images.value.splice(index, 1);
+    form.image = '';
+  };
+
+  const { resetFields } = useForm(form, rules);
+
+  /* 保存编辑 */
+  const save = () => {
+    if (!formRef.value) {
+      return;
+    }
+    formRef.value
+      .validate()
+      .then(() => {
+        loading.value = true;
+        const formData = {
+          ...form
+        };
+        const saveOrUpdate = isUpdate.value ? updateClinicDoctorUser : addClinicDoctorUser;
+        saveOrUpdate(formData)
+          .then((msg) => {
+            loading.value = false;
+            message.success(msg);
+            updateVisible(false);
+            emit('done');
+          })
+          .catch((e) => {
+            loading.value = false;
+            message.error(e.message);
+          });
+      })
+      .catch(() => {});
+  };
+
+  watch(
+    () => props.visible,
+    (visible) => {
+      if (visible) {
+        images.value = [];
+        if (props.data) {
+          assignObject(form, props.data);
+          if(props.data.image){
+            images.value.push({
+              uid: uuid(),
+              url: props.data.image,
+              status: 'done'
+            })
+          }
+          isUpdate.value = true;
+        } else {
+          isUpdate.value = false;
+        }
+      } else {
+        resetFields();
+      }
+    },
+    { immediate: true }
+  );
+</script>
diff --git a/src/views/clinic/clinicDoctorUser/components/search.vue b/src/views/clinic/clinicDoctorUser/components/search.vue
new file mode 100644
index 0000000..82fea9d
--- /dev/null
+++ b/src/views/clinic/clinicDoctorUser/components/search.vue
@@ -0,0 +1,42 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+    <a-button type="primary" class="ele-btn-icon" @click="add">
+      <template #icon>
+        <PlusOutlined />
+      </template>
+      <span>添加</span>
+    </a-button>
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+  import { PlusOutlined } from '@ant-design/icons-vue';
+  import type { GradeParam } from '@/api/user/grade/model';
+  import { watch } from 'vue';
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的角色
+      selection?: [];
+    }>(),
+    {}
+  );
+
+  const emit = defineEmits<{
+    (e: 'search', where?: GradeParam): void;
+    (e: 'add'): void;
+    (e: 'remove'): void;
+    (e: 'batchMove'): void;
+  }>();
+
+  // 新增
+  const add = () => {
+    emit('add');
+  };
+
+  watch(
+    () => props.selection,
+    () => {}
+  );
+</script>
diff --git a/src/views/clinic/clinicDoctorUser/index.vue b/src/views/clinic/clinicDoctorUser/index.vue
new file mode 100644
index 0000000..e1f0ba0
--- /dev/null
+++ b/src/views/clinic/clinicDoctorUser/index.vue
@@ -0,0 +1,280 @@
+<template>
+  <a-page-header :title="getPageTitle()" @back="() => $router.go(-1)">
+      <a-card :bordered="false" :body-style="{ padding: '16px' }">
+        <ele-pro-table
+          ref="tableRef"
+          row-key="id"
+          :columns="columns"
+          :datasource="datasource"
+          :customRow="customRow"
+          tool-class="ele-toolbar-form"
+          class="sys-org-table"
+        >
+          <template #toolbar>
+            <search
+              @search="reload"
+              :selection="selection"
+              @add="openEdit"
+              @remove="removeBatch"
+              @batchMove="openMove"
+            />
+          </template>
+          <template #bodyCell="{ column, record }">
+            <template v-if="column.key === 'image'">
+              <a-image :src="record.image" :width="50" />
+            </template>
+            <template v-if="column.key === 'status'">
+              <a-tag v-if="record.status === 0" color="green">显示</a-tag>
+              <a-tag v-if="record.status === 1" color="red">隐藏</a-tag>
+            </template>
+            <template v-if="column.key === 'action'">
+              <a-space>
+                <a @click="openEdit(record)">修改</a>
+                <a-divider type="vertical" />
+                <a-popconfirm
+                  title="确定要删除此记录吗？"
+                  @confirm="remove(record)"
+                >
+                  <a class="ele-text-danger">删除</a>
+                </a-popconfirm>
+              </a-space>
+            </template>
+          </template>
+        </ele-pro-table>
+      </a-card>
+
+      <!-- 编辑弹窗 -->
+      <ClinicDoctorUserEdit v-model:visible="showEdit" :data="current" @done="reload" />
+  </a-page-header>
+</template>
+
+<script lang="ts" setup>
+  import { createVNode, ref, computed } from 'vue';
+  import { message, Modal } from 'ant-design-vue';
+  import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
+  import type { EleProTable } from 'ele-admin-pro';
+  import { toDateString } from 'ele-admin-pro';
+  import type {
+    DatasourceFunction,
+    ColumnItem
+  } from 'ele-admin-pro/es/ele-pro-table/types';
+  import Search from './components/search.vue';
+  import {getPageTitle} from '@/utils/common';
+  import ClinicDoctorUserEdit from './components/clinicDoctorUserEdit.vue';
+  import { pageClinicDoctorUser, removeClinicDoctorUser, removeBatchClinicDoctorUser } from '@/api/clinic/clinicDoctorUser';
+  import type { ClinicDoctorUser, ClinicDoctorUserParam } from '@/api/clinic/clinicDoctorUser/model';
+
+  // 表格实例
+  const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+  // 表格选中数据
+  const selection = ref<ClinicDoctorUser[]>([]);
+  // 当前编辑数据
+  const current = ref<ClinicDoctorUser | null>(null);
+  // 是否显示编辑弹窗
+  const showEdit = ref(false);
+  // 是否显示批量移动弹窗
+  const showMove = ref(false);
+  // 加载状态
+  const loading = ref(true);
+
+  // 表格数据源
+  const datasource: DatasourceFunction = ({
+    page,
+    limit,
+    where,
+    orders,
+    filters
+  }) => {
+    if (filters) {
+      where.status = filters.status;
+    }
+    return pageClinicDoctorUser({
+      ...where,
+      ...orders,
+      page,
+      limit
+    });
+  };
+
+  // 完整的列配置（包含所有字段）
+  const columns = ref<ColumnItem[]>([
+    {
+      title: '用户ID',
+      dataIndex: 'userId',
+      key: 'userId',
+      width: 90,
+    },
+    {
+      title: '姓名',
+      dataIndex: 'realName',
+      key: 'realName',
+      ellipsis: true
+    },
+    // {
+    //   title: '部门',
+    //   dataIndex: 'departmentId',
+    //   key: 'departmentId',
+    //   width: 120
+    // },
+    {
+      title: '专业领域',
+      dataIndex: 'specialty',
+      key: 'specialty',
+      ellipsis: true
+    },
+    {
+      title: '职务级别',
+      dataIndex: 'position',
+      key: 'position',
+      ellipsis: true
+    },
+    {
+      title: '执业资格',
+      dataIndex: 'qualification',
+      key: 'qualification',
+      ellipsis: true
+    },
+    {
+      title: '挂号费',
+      dataIndex: 'consultationFee',
+      key: 'consultationFee',
+      width: 120
+    },
+    {
+      title: '工作年限',
+      dataIndex: 'workYears',
+      key: 'workYears',
+      width: 120
+    },
+    {
+      title: '问诊人数',
+      dataIndex: 'consultationCount',
+      key: 'consultationCount',
+      width: 120
+    },
+    // {
+    //   title: '专属二维码',
+    //   dataIndex: 'qrcode',
+    //   key: 'qrcode',
+    //   ellipsis: true
+    // },
+    // {
+    //   title: '备注',
+    //   dataIndex: 'comments',
+    //   key: 'comments',
+    //   ellipsis: true
+    // },
+    {
+      title: '排序号',
+      dataIndex: 'sortNumber',
+      key: 'sortNumber',
+      width: 120
+    },
+    {
+      title: '创建时间',
+      dataIndex: 'createTime',
+      key: 'createTime',
+      width: 200,
+      align: 'center',
+      sorter: true,
+      ellipsis: true,
+      customRender: ({ text }) => toDateString(text, 'yyyy-MM-dd HH:mm:ss')
+    },
+    {
+      title: '操作',
+      key: 'action',
+      width: 180,
+      fixed: 'right',
+      align: 'center',
+      hideInSetting: true
+    }
+  ]);
+
+  /* 搜索 */
+  const reload = (where?: ClinicDoctorUserParam) => {
+    selection.value = [];
+    tableRef?.value?.reload({ where: where });
+  };
+
+  /* 打开编辑弹窗 */
+  const openEdit = (row?: ClinicDoctorUser) => {
+    current.value = row ?? null;
+    showEdit.value = true;
+  };
+
+  /* 打开批量移动弹窗 */
+  const openMove = () => {
+    showMove.value = true;
+  };
+
+  /* 删除单个 */
+  const remove = (row: ClinicDoctorUser) => {
+    const hide = message.loading('请求中..', 0);
+    removeClinicDoctorUser(row.id)
+      .then((msg) => {
+        hide();
+        message.success(msg);
+        reload();
+      })
+      .catch((e) => {
+        hide();
+        message.error(e.message);
+      });
+  };
+
+  /* 批量删除 */
+  const removeBatch = () => {
+    if (!selection.value.length) {
+      message.error('请至少选择一条数据');
+      return;
+    }
+    Modal.confirm({
+      title: '提示',
+      content: '确定要删除选中的记录吗?',
+      icon: createVNode(ExclamationCircleOutlined),
+      maskClosable: true,
+      onOk: () => {
+        const hide = message.loading('请求中..', 0);
+        removeBatchClinicDoctorUser(selection.value.map((d) => d.id))
+          .then((msg) => {
+            hide();
+            message.success(msg);
+            reload();
+          })
+          .catch((e) => {
+            hide();
+            message.error(e.message);
+          });
+      }
+    });
+  };
+
+  /* 查询 */
+  const query = () => {
+    loading.value = true;
+  };
+
+  /* 自定义行属性 */
+  const customRow = (record: ClinicDoctorUser) => {
+    return {
+      // 行点击事件
+      onClick: () => {
+        // console.log(record);
+      },
+      // 行双击事件
+      onDblclick: () => {
+        openEdit(record);
+      }
+    };
+  };
+  query();
+</script>
+
+<script lang="ts">
+  export default {
+    name: 'ClinicDoctorUser'
+  };
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/views/clinic/clinicDoctorUser/userVerify/components/search.vue b/src/views/clinic/clinicDoctorUser/userVerify/components/search.vue
new file mode 100644
index 0000000..54511b3
--- /dev/null
+++ b/src/views/clinic/clinicDoctorUser/userVerify/components/search.vue
@@ -0,0 +1,67 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+<!--    <a-button type="primary" class="ele-btn-icon" @click="add">-->
+<!--      <template #icon>-->
+<!--        <PlusOutlined />-->
+<!--      </template>-->
+<!--      <span>添加</span>-->
+<!--    </a-button>-->
+<!--    <a-radio-group v-model:value="where.type">-->
+<!--      <a-radio-button :value="0" @click="push(`/user-verify`)">个人</a-radio-button>-->
+<!--      <a-radio-button :value="1" @click="push(`/user-verify2`)">企业</a-radio-button>-->
+<!--    </a-radio-group>-->
+    <a-input-search
+      allow-clear
+      placeholder="请输入关键词"
+      style="width: 240px"
+      v-model:value="where.keywords"
+      @search="reload"
+    />
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+  // import { PlusOutlined } from '@ant-design/icons-vue';
+  import { watch } from 'vue';
+  import useSearch from "@/utils/use-search";
+  import {UserVerifyParam} from "@/api/system/userVerify/model";
+  import {push} from "@/utils/common";
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的角色
+      selection?: [];
+    }>(),
+    {}
+  );
+
+  const emit = defineEmits<{
+    (e: 'search', where?: UserVerifyParam): void;
+    (e: 'add'): void;
+    (e: 'remove'): void;
+    (e: 'batchMove'): void;
+  }>();
+
+  // 表单数据
+  const {where} = useSearch<UserVerifyParam>({
+    id: undefined,
+    type: undefined,
+    keywords: '',
+    userId: undefined
+  });
+
+  // 新增
+  // const add = () => {
+  //   emit('add');
+  // };
+
+  const reload = () => {
+    emit('search', where);
+  }
+
+  watch(
+    () => props.selection,
+    () => {}
+  );
+</script>
diff --git a/src/views/clinic/clinicDoctorUser/userVerify/components/userVerifyEdit.vue b/src/views/clinic/clinicDoctorUser/userVerify/components/userVerifyEdit.vue
new file mode 100644
index 0000000..f279ad5
--- /dev/null
+++ b/src/views/clinic/clinicDoctorUser/userVerify/components/userVerifyEdit.vue
@@ -0,0 +1,352 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '实名认证' : '实名认证'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="类型" name="type">
+        <a-tag v-if="form.type === 0">{{ ['个人', '企业'][form.type] }}</a-tag>
+        <a-tag color="pink" v-if="form.type === 1">{{ ['个人', '企业'][form.type] }}</a-tag>
+      </a-form-item>
+      <a-form-item label="所属站点" name="organizationName">
+        <a-input
+          allow-clear
+          disabled
+          placeholder="请选择属站点"
+          v-model:value="form.organizationName"
+        />
+      </a-form-item>
+      <a-form-item label="真实姓名" name="realName">
+        <a-input
+          allow-clear
+          disabled
+          placeholder="请输入真实姓名"
+          v-model:value="form.realName"
+        />
+      </a-form-item>
+      <a-form-item label="手机号码" name="phone">
+        <a-input
+          allow-clear
+          disabled
+          placeholder="请输入手机号码"
+          v-model:value="form.phone"
+        />
+      </a-form-item>
+<!--      <a-form-item label="证件号码" name="idCard">-->
+<!--        <a-input-->
+<!--          allow-clear-->
+<!--          :disabled="form.status == 1"-->
+<!--          placeholder="请输入证件号码"-->
+<!--          v-model:value="form.idCard"-->
+<!--        />-->
+<!--      </a-form-item>-->
+<!--      <a-form-item label="身份证(正面)" name="sfz1">-->
+<!--        <SelectFile-->
+<!--          :placeholder="`请选择图片`"-->
+<!--          :limit="1"-->
+<!--          :data="sfz1"-->
+<!--          @done="chooseSfz1"-->
+<!--          @del="onDeleteSfz1"-->
+<!--        />-->
+<!--      </a-form-item>-->
+<!--      <a-form-item label="身份证(反面)" name="sfz2">-->
+<!--        <SelectFile-->
+<!--          :placeholder="`请选择图片`"-->
+<!--          :limit="1"-->
+<!--          :data="sfz2"-->
+<!--          @done="chooseSfz2"-->
+<!--          @del="onDeleteSfz2"-->
+<!--        />-->
+<!--      </a-form-item>-->
+      <a-form-item label="状态" name="status">
+        <a-radio-group v-model:value="form.status">
+          <a-radio :value="1">审核通过</a-radio>
+          <a-radio :value="2">驳回</a-radio>
+        </a-radio-group>
+      </a-form-item>
+      <a-form-item label="驳回原因" name="comments" v-if="form.status == 2">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="请填写驳回原因"
+          v-model:value="form.comments"
+        />
+      </a-form-item>
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+import {ref, reactive, watch} from 'vue';
+import {Form, message} from 'ant-design-vue';
+import {assignObject, uuid} from 'ele-admin-pro';
+import {addUserVerify, updateUserVerify} from '@/api/system/userVerify';
+import {UserVerify} from '@/api/system/userVerify/model';
+import {useThemeStore} from '@/store/modules/theme';
+import {storeToRefs} from 'pinia';
+import {ItemType} from 'ele-admin-pro/es/ele-image-upload/types';
+import {FormInstance} from 'ant-design-vue/es/form';
+import {FileRecord} from '@/api/system/file/model';
+import {listUserRole, updateUserRole} from "@/api/system/userRole";
+
+// 是否是修改
+const isUpdate = ref(false);
+const useForm = Form.useForm;
+// 是否开启响应式布局
+const themeStore = useThemeStore();
+const {styleResponsive} = storeToRefs(themeStore);
+
+const props = defineProps<{
+  // 弹窗是否打开
+  visible: boolean;
+  // 修改回显的数据
+  data?: UserVerify | null;
+}>();
+
+const emit = defineEmits<{
+  (e: 'done'): void;
+  (e: 'update:visible', visible: boolean): void;
+}>();
+
+// 提交状态
+const loading = ref(false);
+// 是否显示最大化切换按钮
+const maxable = ref(true);
+// 表格选中数据
+const formRef = ref<FormInstance | null>(null);
+const images = ref<ItemType[]>([]);
+const sfz1 = ref<ItemType[]>([]);
+const sfz2 = ref<ItemType[]>([]);
+const userRoleId = ref<number>(0);
+
+// 用户信息
+const form = reactive<UserVerify>({
+  id: undefined,
+  userId: undefined,
+  type: undefined,
+  name: undefined,
+  realName: undefined,
+  phone: undefined,
+  idCard: undefined,
+  birthday: undefined,
+  sfz1: undefined,
+  sfz2: undefined,
+  organizationName: undefined,
+  status: undefined,
+  deleted: undefined,
+  tenantId: undefined,
+  createTime: undefined,
+  updateTime: undefined,
+  comments: ''
+});
+
+/* 更新visible */
+const updateVisible = (value: boolean) => {
+  emit('update:visible', value);
+};
+
+// 表单验证规则
+const rules = reactive({
+  type: [
+    {
+      required: true,
+      type: 'number',
+      message: '请选择类型',
+      trigger: 'blur'
+    }
+  ],
+  realName: [
+    {
+      required: true,
+      type: 'string',
+      message: '请填写真实姓名',
+      trigger: 'blur'
+    }
+  ],
+  idCard: [
+    {
+      required: true,
+      type: 'string',
+      message: '请填写证件号码',
+      trigger: 'blur'
+    }
+  ],
+  phone: [
+    {
+      required: true,
+      type: 'string',
+      message: '请填写手机号码',
+      trigger: 'blur'
+    }
+  ],
+  sfz1: [
+    {
+      required: true,
+      type: 'string',
+      message: '请上传身份证正面',
+      trigger: 'blur'
+    }
+  ],
+  sfz2: [
+    {
+      required: true,
+      type: 'string',
+      message: '请上传身份证反面',
+      trigger: 'blur'
+    }
+  ],
+  status: [
+    {
+      required: true,
+      type: 'number',
+      message: '请选择审核状态',
+      trigger: 'blur'
+    }
+  ],
+  comments: [
+    {
+      required: true,
+      type: 'string',
+      message: '请填写驳回原因',
+      trigger: 'blur'
+    }
+  ]
+});
+
+const chooseSfz1 = (data: FileRecord) => {
+  sfz1.value.push({
+    uid: data.id,
+    url: data.path,
+    status: 'done'
+  });
+  form.sfz1 = data.path;
+};
+
+const onDeleteSfz1 = (index: number) => {
+  sfz1.value.splice(index, 1);
+  form.sfz1 = '';
+};
+
+const chooseSfz2 = (data: FileRecord) => {
+  sfz2.value.push({
+    uid: data.id,
+    url: data.path,
+    status: 'done'
+  });
+  form.sfz2 = data.path;
+};
+
+const onDeleteSfz2 = (index: number) => {
+  sfz2.value.splice(index, 1);
+  form.sfz2 = '';
+};
+
+const {resetFields} = useForm(form, rules);
+
+/* 保存编辑 */
+const save = async () => {
+  if (!formRef.value) {
+    return;
+  }
+  if(form.status == 0){
+    message.error('请选择审核状态');
+    return;
+  }
+  // 审核通过
+  if(form.status == 1){
+    const res = await listUserRole({userId: form.userId,roleId: 1701})
+    const role = res[0];
+    if(role){
+      role.roleId = 1738;
+      userRoleId.value = Number(role.id);
+      updateUserRole(role).then(() => {});
+    }
+  }
+  // 驳回
+  if(form.status == 2){
+    const res = await listUserRole({userId: form.userId,roleId: 1738})
+    const role = res[0];
+    if(role){
+      role.roleId = 1701;
+      userRoleId.value = Number(role.id);
+      updateUserRole(role).then(() => {});
+    }
+  }
+
+  formRef.value
+    .validate()
+    .then(() => {
+      loading.value = true;
+      const formData = {
+        ...form,
+        userRoleId: userRoleId.value,
+      };
+      const saveOrUpdate = isUpdate.value ? updateUserVerify : addUserVerify;
+      saveOrUpdate(formData)
+        .then((msg) => {
+          loading.value = false;
+          message.success(msg);
+          updateVisible(false);
+          if(formData.status == 1){
+
+          }
+          emit('done');
+        })
+        .catch((e) => {
+          loading.value = false;
+          message.error(e.message);
+        });
+    })
+    .catch(() => {
+    });
+};
+
+watch(
+  () => props.visible,
+  (visible) => {
+    if (visible) {
+      images.value = [];
+      sfz1.value = [];
+      sfz2.value = [];
+      if (props.data) {
+        assignObject(form, props.data);
+        if (props.data.sfz1) {
+          sfz1.value.push({
+            uid: uuid(),
+            url: props.data.sfz1,
+            status: 'done'
+          })
+        }
+        if (props.data.sfz2) {
+          sfz2.value.push({
+            uid: uuid(),
+            url: props.data.sfz2,
+            status: 'done'
+          })
+        }
+        isUpdate.value = true;
+      } else {
+        isUpdate.value = false;
+      }
+    } else {
+      resetFields();
+    }
+  },
+  {immediate: true}
+);
+</script>
diff --git a/src/views/clinic/clinicDoctorUser/userVerify/index.vue b/src/views/clinic/clinicDoctorUser/userVerify/index.vue
new file mode 100644
index 0000000..3b4bb68
--- /dev/null
+++ b/src/views/clinic/clinicDoctorUser/userVerify/index.vue
@@ -0,0 +1,278 @@
+<template>
+  <a-page-header :title="getPageTitle()" @back="() => $router.go(-1)">
+    <a-card :bordered="false" :body-style="{ padding: '16px' }">
+      <ele-pro-table
+        ref="tableRef"
+        row-key="id"
+        :columns="columns"
+        :datasource="datasource"
+        :customRow="customRow"
+        tool-class="ele-toolbar-form"
+        class="sys-org-table"
+      >
+        <template #toolbar>
+          <search
+            @search="reload"
+            :selection="selection"
+            @add="openEdit"
+            @remove="removeBatch"
+            @batchMove="openMove"
+          />
+        </template>
+        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'image'">
+            <a-image :src="record.image" :width="50"/>
+          </template>
+          <template v-if="column.key === 'status'">
+            <a-tag v-if="record.status === 0" color="orange">待审核</a-tag>
+            <a-tag v-if="record.status === 1" color="green">审核通过</a-tag>
+            <a-tag v-if="record.status === 2" color="red">已驳回</a-tag>
+            <div class="text-orange-500 py-1" v-if="record.status == 2">原因：{{ record.comments }}</div>
+          </template>
+          <template v-if="column.key === 'action'">
+            <div v-if="hasPermission('sys:userVerify:update')">
+              <a @click="openEdit(record)">修改</a>
+              <a-divider type="vertical"/>
+              <a-popconfirm
+                title="确定要删除此记录吗？"
+                @confirm="remove(record)"
+              >
+                <a class="ele-text-danger">删除</a>
+              </a-popconfirm>
+            </div>
+          </template>
+        </template>
+      </ele-pro-table>
+    </a-card>
+
+    <!-- 编辑弹窗 -->
+    <UserVerifyEdit v-model:visible="showEdit" :data="current" @done="reload"/>
+  </a-page-header>
+</template>
+
+<script lang="ts" setup>
+import {createVNode, ref} from 'vue';
+import {message, Modal} from 'ant-design-vue';
+import {ExclamationCircleOutlined} from '@ant-design/icons-vue';
+import type {EleProTable} from 'ele-admin-pro';
+import type {
+  DatasourceFunction,
+  ColumnItem
+} from 'ele-admin-pro/es/ele-pro-table/types';
+import Search from './components/search.vue';
+import UserVerifyEdit from './components/userVerifyEdit.vue';
+import {pageUserVerify, removeUserVerify, removeBatchUserVerify} from '@/api/system/userVerify';
+import type {UserVerify, UserVerifyParam} from '@/api/system/userVerify/model';
+import {getPageTitle} from "@/utils/common";
+import {hasPermission} from "@/utils/permission";
+
+// 表格实例
+const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+// 表格选中数据
+const selection = ref<UserVerify[]>([]);
+// 当前编辑数据
+const current = ref<UserVerify | null>(null);
+// 是否显示编辑弹窗
+const showEdit = ref(false);
+// 是否显示批量移动弹窗
+const showMove = ref(false);
+// 加载状态
+const loading = ref(true);
+
+// 表格数据源
+const datasource: DatasourceFunction = ({
+                                          page,
+                                          limit,
+                                          where,
+                                          orders,
+                                          filters
+                                        }) => {
+  if (filters) {
+    where.status = filters.status;
+  }
+  where.type = 0;
+  return pageUserVerify({
+    ...where,
+    ...orders,
+    page,
+    limit
+  });
+};
+
+// 表格列配置
+const columns = ref<ColumnItem[]>([
+  {
+    title: '用户ID',
+    dataIndex: 'userId',
+    key: 'userId',
+    align: 'center',
+    width: 90
+  },
+  // {
+  //   title: '所属站点',
+  //   dataIndex: 'organizationName',
+  //   key: 'organizationName',
+  //   align: 'center'
+  // },
+  // {
+  //   title: '类型',
+  //   dataIndex: 'type',
+  //   key: 'type',
+  //   align: 'center',
+  //   customRender: ({text}) => ['个人', '企业'][text]
+  // },
+  {
+    title: '真实姓名',
+    dataIndex: 'realName',
+    key: 'realName',
+    align: 'center',
+  },
+  // {
+  //   title: '证件号码',
+  //   dataIndex: 'idCard',
+  //   key: 'idCard',
+  //   align: 'center',
+  // },
+  {
+    title: '手机号码',
+    dataIndex: 'phone',
+    key: 'phone',
+    align: 'center',
+  },
+  // {
+  //   title: '身份证',
+  //   dataIndex: 'sfz1',
+  //   key: 'sfz1',
+  //   align: 'center',
+  // },
+  // {
+  //   title: '营业执照',
+  //   dataIndex: 'yyzz',
+  //   key: 'yyzz',
+  //   align: 'center',
+  // },
+  // {
+  //   title: '其他',
+  //   dataIndex: 'files',
+  //   key: 'files',
+  //   align: 'center',
+  // },
+  {
+    title: '状态',
+    dataIndex: 'status',
+    key: 'status',
+    align: 'center',
+  },
+  // {
+  //   title: '驳回',
+  //   dataIndex: 'comments',
+  //   key: 'comments',
+  //   align: 'center',
+  // },
+  {
+    title: '添加时间',
+    dataIndex: 'createTime',
+    key: 'createTime',
+    align: 'center',
+    sorter: true
+  },
+  {
+    title: '操作',
+    key: 'action',
+    width: 130,
+    fixed: 'right',
+    align: 'center',
+    hideInSetting: true
+  }
+]);
+
+/* 搜索 */
+const reload = (where?: UserVerifyParam) => {
+  selection.value = [];
+  tableRef?.value?.reload({where: where});
+};
+
+/* 打开编辑弹窗 */
+const openEdit = (row?: UserVerify) => {
+  current.value = row ?? null;
+  showEdit.value = true;
+};
+
+/* 打开批量移动弹窗 */
+const openMove = () => {
+  showMove.value = true;
+};
+
+/* 删除单个 */
+const remove = (row: UserVerify) => {
+  const hide = message.loading('请求中..', 0);
+  removeUserVerify(row.id)
+    .then((msg) => {
+      hide();
+      message.success(msg);
+      reload();
+    })
+    .catch((e) => {
+      hide();
+      message.error(e.message);
+    });
+};
+
+/* 批量删除 */
+const removeBatch = () => {
+  if (!selection.value.length) {
+    message.error('请至少选择一条数据');
+    return;
+  }
+  Modal.confirm({
+    title: '提示',
+    content: '确定要删除选中的记录吗?',
+    icon: createVNode(ExclamationCircleOutlined),
+    maskClosable: true,
+    onOk: () => {
+      const hide = message.loading('请求中..', 0);
+      removeBatchUserVerify(selection.value.map((d) => d.id))
+        .then((msg) => {
+          hide();
+          message.success(msg);
+          reload();
+        })
+        .catch((e) => {
+          hide();
+          message.error(e.message);
+        });
+    }
+  });
+};
+
+/* 查询 */
+const query = () => {
+  loading.value = true;
+};
+
+/* 自定义行属性 */
+const customRow = (record: UserVerify) => {
+  return {
+    // 行点击事件
+    onClick: () => {
+      // console.log(record);
+    },
+    // 行双击事件
+    onDblclick: () => {
+      if (hasPermission('sys:userVerify:update')) {
+        openEdit(record);
+      }
+    }
+  };
+};
+query();
+</script>
+
+<script lang="ts">
+export default {
+  name: 'UserVerify'
+};
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/views/clinic/clinicMedicalHistory/components/clinicMedicalHistoryEdit.vue b/src/views/clinic/clinicMedicalHistory/components/clinicMedicalHistoryEdit.vue
new file mode 100644
index 0000000..0804f25
--- /dev/null
+++ b/src/views/clinic/clinicMedicalHistory/components/clinicMedicalHistoryEdit.vue
@@ -0,0 +1,319 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑病例' : '添加病例'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="买家用户ID" name="userId">
+        <a-input
+          allow-clear
+          placeholder="请输入买家用户ID"
+          v-model:value="form.userId"
+        />
+      </a-form-item>
+      <a-form-item label="订单编号" name="orderNo">
+        <a-input
+          allow-clear
+          placeholder="请输入订单编号"
+          v-model:value="form.orderNo"
+        />
+      </a-form-item>
+      <a-form-item label="分销商用户id(一级)" name="firstUserId">
+        <a-input
+          allow-clear
+          placeholder="请输入分销商用户id(一级)"
+          v-model:value="form.firstUserId"
+        />
+      </a-form-item>
+      <a-form-item label="分销商用户id(二级)" name="secondUserId">
+        <a-input
+          allow-clear
+          placeholder="请输入分销商用户id(二级)"
+          v-model:value="form.secondUserId"
+        />
+      </a-form-item>
+      <a-form-item label="分销商用户id(三级)" name="thirdUserId">
+        <a-input
+          allow-clear
+          placeholder="请输入分销商用户id(三级)"
+          v-model:value="form.thirdUserId"
+        />
+      </a-form-item>
+      <a-form-item label="分销佣金(一级)" name="firstMoney">
+        <a-input
+          allow-clear
+          placeholder="请输入分销佣金(一级)"
+          v-model:value="form.firstMoney"
+        />
+      </a-form-item>
+      <a-form-item label="分销佣金(二级)" name="secondMoney">
+        <a-input
+          allow-clear
+          placeholder="请输入分销佣金(二级)"
+          v-model:value="form.secondMoney"
+        />
+      </a-form-item>
+      <a-form-item label="分销佣金(三级)" name="thirdMoney">
+        <a-input
+          allow-clear
+          placeholder="请输入分销佣金(三级)"
+          v-model:value="form.thirdMoney"
+        />
+      </a-form-item>
+      <a-form-item label="单价" name="price">
+        <a-input
+          allow-clear
+          placeholder="请输入单价"
+          v-model:value="form.price"
+        />
+      </a-form-item>
+      <a-form-item label="订单总金额" name="orderPrice">
+        <a-input
+          allow-clear
+          placeholder="请输入订单总金额"
+          v-model:value="form.orderPrice"
+        />
+      </a-form-item>
+      <a-form-item label="结算金额" name="settledPrice">
+        <a-input
+          allow-clear
+          placeholder="请输入结算金额"
+          v-model:value="form.settledPrice"
+        />
+      </a-form-item>
+      <a-form-item label="换算成度" name="degreePrice">
+        <a-input
+          allow-clear
+          placeholder="请输入换算成度"
+          v-model:value="form.degreePrice"
+        />
+      </a-form-item>
+      <a-form-item label="实发金额" name="payPrice">
+        <a-input
+          allow-clear
+          placeholder="请输入实发金额"
+          v-model:value="form.payPrice"
+        />
+      </a-form-item>
+      <a-form-item label="税率" name="rate">
+        <a-input
+          allow-clear
+          placeholder="请输入税率"
+          v-model:value="form.rate"
+        />
+      </a-form-item>
+      <a-form-item label="结算月份" name="month">
+        <a-input
+          allow-clear
+          placeholder="请输入结算月份"
+          v-model:value="form.month"
+        />
+      </a-form-item>
+      <a-form-item label="订单是否失效(0未失效 1已失效)" name="isInvalid">
+        <a-input
+          allow-clear
+          placeholder="请输入订单是否失效(0未失效 1已失效)"
+          v-model:value="form.isInvalid"
+        />
+      </a-form-item>
+      <a-form-item label="佣金结算(0未结算 1已结算)" name="isSettled">
+        <a-input
+          allow-clear
+          placeholder="请输入佣金结算(0未结算 1已结算)"
+          v-model:value="form.isSettled"
+        />
+      </a-form-item>
+      <a-form-item label="结算时间" name="settleTime">
+        <a-input
+          allow-clear
+          placeholder="请输入结算时间"
+          v-model:value="form.settleTime"
+        />
+      </a-form-item>
+      <a-form-item label="备注" name="comments">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="请输入描述"
+          v-model:value="form.comments"
+        />
+      </a-form-item>
+      <a-form-item label="修改时间" name="updateTime">
+        <a-input
+          allow-clear
+          placeholder="请输入修改时间"
+          v-model:value="form.updateTime"
+        />
+      </a-form-item>
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, watch } from 'vue';
+  import { Form, message } from 'ant-design-vue';
+  import { assignObject, uuid } from 'ele-admin-pro';
+  import { addClinicMedicalHistory, updateClinicMedicalHistory } from '@/api/clinic/clinicMedicalHistory';
+  import { ClinicMedicalHistory } from '@/api/clinic/clinicMedicalHistory/model';
+  import { useThemeStore } from '@/store/modules/theme';
+  import { storeToRefs } from 'pinia';
+  import { ItemType } from 'ele-admin-pro/es/ele-image-upload/types';
+  import { FormInstance } from 'ant-design-vue/es/form';
+  import { FileRecord } from '@/api/system/file/model';
+
+  // 是否是修改
+  const isUpdate = ref(false);
+  const useForm = Form.useForm;
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: ClinicMedicalHistory | null;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  // 提交状态
+  const loading = ref(false);
+  // 是否显示最大化切换按钮
+  const maxable = ref(true);
+  // 表格选中数据
+  const formRef = ref<FormInstance | null>(null);
+  const images = ref<ItemType[]>([]);
+
+  // 用户信息
+  const form = reactive<ClinicMedicalHistory>({
+    id: undefined,
+    userId: undefined,
+    orderNo: undefined,
+    firstUserId: undefined,
+    secondUserId: undefined,
+    thirdUserId: undefined,
+    firstMoney: undefined,
+    secondMoney: undefined,
+    thirdMoney: undefined,
+    price: undefined,
+    orderPrice: undefined,
+    settledPrice: undefined,
+    degreePrice: undefined,
+    payPrice: undefined,
+    rate: undefined,
+    month: undefined,
+    isInvalid: undefined,
+    isSettled: undefined,
+    settleTime: undefined,
+    comments: undefined,
+    tenantId: undefined,
+    createTime: undefined,
+    updateTime: undefined,
+    sortNumber: 100
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    clinicMedicalHistoryName: [
+      {
+        required: true,
+        type: 'string',
+        message: '请填写病例名称',
+        trigger: 'blur'
+      }
+    ]
+  });
+
+  const chooseImage = (data: FileRecord) => {
+    images.value.push({
+      uid: data.id,
+      url: data.path,
+      status: 'done'
+    });
+    form.image = data.path;
+  };
+
+  const onDeleteItem = (index: number) => {
+    images.value.splice(index, 1);
+    form.image = '';
+  };
+
+  const { resetFields } = useForm(form, rules);
+
+  /* 保存编辑 */
+  const save = () => {
+    if (!formRef.value) {
+      return;
+    }
+    formRef.value
+      .validate()
+      .then(() => {
+        loading.value = true;
+        const formData = {
+          ...form
+        };
+        const saveOrUpdate = isUpdate.value ? updateClinicMedicalHistory : addClinicMedicalHistory;
+        saveOrUpdate(formData)
+          .then((msg) => {
+            loading.value = false;
+            message.success(msg);
+            updateVisible(false);
+            emit('done');
+          })
+          .catch((e) => {
+            loading.value = false;
+            message.error(e.message);
+          });
+      })
+      .catch(() => {});
+  };
+
+  watch(
+    () => props.visible,
+    (visible) => {
+      if (visible) {
+        images.value = [];
+        if (props.data) {
+          assignObject(form, props.data);
+          if(props.data.image){
+            images.value.push({
+              uid: uuid(),
+              url: props.data.image,
+              status: 'done'
+            })
+          }
+          isUpdate.value = true;
+        } else {
+          isUpdate.value = false;
+        }
+      } else {
+        resetFields();
+      }
+    },
+    { immediate: true }
+  );
+</script>
diff --git a/src/views/clinic/clinicMedicalHistory/components/search.vue b/src/views/clinic/clinicMedicalHistory/components/search.vue
new file mode 100644
index 0000000..82fea9d
--- /dev/null
+++ b/src/views/clinic/clinicMedicalHistory/components/search.vue
@@ -0,0 +1,42 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+    <a-button type="primary" class="ele-btn-icon" @click="add">
+      <template #icon>
+        <PlusOutlined />
+      </template>
+      <span>添加</span>
+    </a-button>
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+  import { PlusOutlined } from '@ant-design/icons-vue';
+  import type { GradeParam } from '@/api/user/grade/model';
+  import { watch } from 'vue';
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的角色
+      selection?: [];
+    }>(),
+    {}
+  );
+
+  const emit = defineEmits<{
+    (e: 'search', where?: GradeParam): void;
+    (e: 'add'): void;
+    (e: 'remove'): void;
+    (e: 'batchMove'): void;
+  }>();
+
+  // 新增
+  const add = () => {
+    emit('add');
+  };
+
+  watch(
+    () => props.selection,
+    () => {}
+  );
+</script>
diff --git a/src/views/clinic/clinicMedicalHistory/index.vue b/src/views/clinic/clinicMedicalHistory/index.vue
new file mode 100644
index 0000000..e1b656b
--- /dev/null
+++ b/src/views/clinic/clinicMedicalHistory/index.vue
@@ -0,0 +1,338 @@
+<template>
+  <a-page-header :title="getPageTitle()" @back="() => $router.go(-1)">
+      <a-card :bordered="false" :body-style="{ padding: '16px' }">
+        <ele-pro-table
+          ref="tableRef"
+          row-key="id"
+          :columns="columns"
+          :datasource="datasource"
+          :customRow="customRow"
+          tool-class="ele-toolbar-form"
+          class="sys-org-table"
+        >
+          <template #toolbar>
+            <search
+              @search="reload"
+              :selection="selection"
+              @add="openEdit"
+              @remove="removeBatch"
+              @batchMove="openMove"
+            />
+          </template>
+          <template #bodyCell="{ column, record }">
+            <template v-if="column.key === 'image'">
+              <a-image :src="record.image" :width="50" />
+            </template>
+            <template v-if="column.key === 'status'">
+              <a-tag v-if="record.status === 0" color="green">显示</a-tag>
+              <a-tag v-if="record.status === 1" color="red">隐藏</a-tag>
+            </template>
+            <template v-if="column.key === 'action'">
+              <a-space>
+                <a @click="openEdit(record)">修改</a>
+                <a-divider type="vertical" />
+                <a-popconfirm
+                  title="确定要删除此记录吗？"
+                  @confirm="remove(record)"
+                >
+                  <a class="ele-text-danger">删除</a>
+                </a-popconfirm>
+              </a-space>
+            </template>
+          </template>
+        </ele-pro-table>
+      </a-card>
+
+      <!-- 编辑弹窗 -->
+      <ClinicMedicalHistoryEdit v-model:visible="showEdit" :data="current" @done="reload" />
+  </a-page-header>
+</template>
+
+<script lang="ts" setup>
+  import { createVNode, ref, computed } from 'vue';
+  import { message, Modal } from 'ant-design-vue';
+  import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
+  import type { EleProTable } from 'ele-admin-pro';
+  import { toDateString } from 'ele-admin-pro';
+  import type {
+    DatasourceFunction,
+    ColumnItem
+  } from 'ele-admin-pro/es/ele-pro-table/types';
+  import Search from './components/search.vue';
+  import {getPageTitle} from '@/utils/common';
+  import ClinicMedicalHistoryEdit from './components/clinicMedicalHistoryEdit.vue';
+  import { pageClinicMedicalHistory, removeClinicMedicalHistory, removeBatchClinicMedicalHistory } from '@/api/clinic/clinicMedicalHistory';
+  import type { ClinicMedicalHistory, ClinicMedicalHistoryParam } from '@/api/clinic/clinicMedicalHistory/model';
+
+  // 表格实例
+  const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+  // 表格选中数据
+  const selection = ref<ClinicMedicalHistory[]>([]);
+  // 当前编辑数据
+  const current = ref<ClinicMedicalHistory | null>(null);
+  // 是否显示编辑弹窗
+  const showEdit = ref(false);
+  // 是否显示批量移动弹窗
+  const showMove = ref(false);
+  // 加载状态
+  const loading = ref(true);
+
+  // 表格数据源
+  const datasource: DatasourceFunction = ({
+    page,
+    limit,
+    where,
+    orders,
+    filters
+  }) => {
+    if (filters) {
+      where.status = filters.status;
+    }
+    return pageClinicMedicalHistory({
+      ...where,
+      ...orders,
+      page,
+      limit
+    });
+  };
+
+  // 完整的列配置（包含所有字段）
+  const columns = ref<ColumnItem[]>([
+    {
+      title: '主键ID',
+      dataIndex: 'id',
+      key: 'id',
+      width: 90,
+    },
+    {
+      title: '买家用户ID',
+      dataIndex: 'userId',
+      key: 'userId',
+      width: 120
+    },
+    {
+      title: '订单编号',
+      dataIndex: 'orderNo',
+      key: 'orderNo',
+      ellipsis: true
+    },
+    {
+      title: '分销商用户id(一级)',
+      dataIndex: 'firstUserId',
+      key: 'firstUserId',
+      width: 120
+    },
+    {
+      title: '分销商用户id(二级)',
+      dataIndex: 'secondUserId',
+      key: 'secondUserId',
+      width: 120
+    },
+    {
+      title: '分销商用户id(三级)',
+      dataIndex: 'thirdUserId',
+      key: 'thirdUserId',
+      width: 120
+    },
+    {
+      title: '分销佣金(一级)',
+      dataIndex: 'firstMoney',
+      key: 'firstMoney',
+      width: 120
+    },
+    {
+      title: '分销佣金(二级)',
+      dataIndex: 'secondMoney',
+      key: 'secondMoney',
+      width: 120
+    },
+    {
+      title: '分销佣金(三级)',
+      dataIndex: 'thirdMoney',
+      key: 'thirdMoney',
+      width: 120
+    },
+    {
+      title: '单价',
+      dataIndex: 'price',
+      key: 'price',
+      width: 120
+    },
+    {
+      title: '订单总金额',
+      dataIndex: 'orderPrice',
+      key: 'orderPrice',
+      width: 120
+    },
+    {
+      title: '结算金额',
+      dataIndex: 'settledPrice',
+      key: 'settledPrice',
+      width: 120
+    },
+    {
+      title: '换算成度',
+      dataIndex: 'degreePrice',
+      key: 'degreePrice',
+      width: 120
+    },
+    {
+      title: '实发金额',
+      dataIndex: 'payPrice',
+      key: 'payPrice',
+      width: 120
+    },
+    {
+      title: '税率',
+      dataIndex: 'rate',
+      key: 'rate',
+      width: 120
+    },
+    {
+      title: '结算月份',
+      dataIndex: 'month',
+      key: 'month',
+      ellipsis: true
+    },
+    {
+      title: '订单是否失效(0未失效 1已失效)',
+      dataIndex: 'isInvalid',
+      key: 'isInvalid',
+      width: 120
+    },
+    {
+      title: '佣金结算(0未结算 1已结算)',
+      dataIndex: 'isSettled',
+      key: 'isSettled',
+      width: 120
+    },
+    {
+      title: '结算时间',
+      dataIndex: 'settleTime',
+      key: 'settleTime',
+      width: 120
+    },
+    {
+      title: '备注',
+      dataIndex: 'comments',
+      key: 'comments',
+      ellipsis: true
+    },
+    {
+      title: '创建时间',
+      dataIndex: 'createTime',
+      key: 'createTime',
+      width: 200,
+      align: 'center',
+      sorter: true,
+      ellipsis: true,
+      customRender: ({ text }) => toDateString(text, 'yyyy-MM-dd HH:mm:ss')
+    },
+    {
+      title: '修改时间',
+      dataIndex: 'updateTime',
+      key: 'updateTime',
+      width: 200,
+      align: 'center',
+      sorter: true,
+      ellipsis: true,
+      customRender: ({ text }) => toDateString(text, 'yyyy-MM-dd HH:mm:ss')
+    },
+    {
+      title: '操作',
+      key: 'action',
+      width: 180,
+      fixed: 'right',
+      align: 'center',
+      hideInSetting: true
+    }
+  ]);
+
+  /* 搜索 */
+  const reload = (where?: ClinicMedicalHistoryParam) => {
+    selection.value = [];
+    tableRef?.value?.reload({ where: where });
+  };
+
+  /* 打开编辑弹窗 */
+  const openEdit = (row?: ClinicMedicalHistory) => {
+    current.value = row ?? null;
+    showEdit.value = true;
+  };
+
+  /* 打开批量移动弹窗 */
+  const openMove = () => {
+    showMove.value = true;
+  };
+
+  /* 删除单个 */
+  const remove = (row: ClinicMedicalHistory) => {
+    const hide = message.loading('请求中..', 0);
+    removeClinicMedicalHistory(row.id)
+      .then((msg) => {
+        hide();
+        message.success(msg);
+        reload();
+      })
+      .catch((e) => {
+        hide();
+        message.error(e.message);
+      });
+  };
+
+  /* 批量删除 */
+  const removeBatch = () => {
+    if (!selection.value.length) {
+      message.error('请至少选择一条数据');
+      return;
+    }
+    Modal.confirm({
+      title: '提示',
+      content: '确定要删除选中的记录吗?',
+      icon: createVNode(ExclamationCircleOutlined),
+      maskClosable: true,
+      onOk: () => {
+        const hide = message.loading('请求中..', 0);
+        removeBatchClinicMedicalHistory(selection.value.map((d) => d.id))
+          .then((msg) => {
+            hide();
+            message.success(msg);
+            reload();
+          })
+          .catch((e) => {
+            hide();
+            message.error(e.message);
+          });
+      }
+    });
+  };
+
+  /* 查询 */
+  const query = () => {
+    loading.value = true;
+  };
+
+  /* 自定义行属性 */
+  const customRow = (record: ClinicMedicalHistory) => {
+    return {
+      // 行点击事件
+      onClick: () => {
+        // console.log(record);
+      },
+      // 行双击事件
+      onDblclick: () => {
+        openEdit(record);
+      }
+    };
+  };
+  query();
+</script>
+
+<script lang="ts">
+  export default {
+    name: 'ClinicMedicalHistory'
+  };
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/views/clinic/clinicMedicine/components/clinicMedicineEdit.vue b/src/views/clinic/clinicMedicine/components/clinicMedicineEdit.vue
new file mode 100644
index 0000000..830c7e9
--- /dev/null
+++ b/src/views/clinic/clinicMedicine/components/clinicMedicineEdit.vue
@@ -0,0 +1,211 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑药品库' : '添加药品库'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="药名" name="name">
+        <a-input
+          allow-clear
+          placeholder="请输入药名"
+          v-model:value="form.name"
+        />
+      </a-form-item>
+      <a-form-item label="拼音" name="pinyin">
+        <a-input
+          allow-clear
+          placeholder="请输入拼音"
+          v-model:value="form.pinyin"
+        />
+      </a-form-item>
+      <a-form-item label="分类" name="category">
+        <a-input
+          allow-clear
+          placeholder="请输入分类"
+          v-model:value="form.category"
+        />
+      </a-form-item>
+      <a-form-item label="规格" name="specification">
+        <a-input
+          allow-clear
+          placeholder="请输入规格"
+          v-model:value="form.specification"
+        />
+      </a-form-item>
+      <a-form-item label="单位" name="unit">
+        <a-input
+          allow-clear
+          placeholder="请输入单位（如“克”、“袋”）"
+          v-model:value="form.unit"
+        />
+      </a-form-item>
+      <a-form-item label="描述" name="content">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="请输入描述"
+          v-model:value="form.content"
+        />
+      </a-form-item>
+      <a-form-item label="单价" name="pricePerUnit">
+        <a-input
+          allow-clear
+          placeholder="请输入单价"
+          v-model:value="form.pricePerUnit"
+        />
+      </a-form-item>
+      <a-form-item label="是否活跃" name="isActive">
+        <a-input
+          allow-clear
+          placeholder="请输入是否活跃"
+          v-model:value="form.isActive"
+        />
+      </a-form-item>
+      <a-form-item label="备注" name="comments">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="请输入描述"
+          v-model:value="form.comments"
+        />
+      </a-form-item>
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, watch } from 'vue';
+  import { Form, message } from 'ant-design-vue';
+  import { assignObject } from 'ele-admin-pro';
+  import { addClinicMedicine, updateClinicMedicine } from '@/api/clinic/clinicMedicine';
+  import { ClinicMedicine } from '@/api/clinic/clinicMedicine/model';
+  import { useThemeStore } from '@/store/modules/theme';
+  import { storeToRefs } from 'pinia';
+  import { ItemType } from 'ele-admin-pro/es/ele-image-upload/types';
+  import { FormInstance } from 'ant-design-vue/es/form';
+
+  // 是否是修改
+  const isUpdate = ref(false);
+  const useForm = Form.useForm;
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: ClinicMedicine | null;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  // 提交状态
+  const loading = ref(false);
+  // 是否显示最大化切换按钮
+  const maxable = ref(true);
+  // 表格选中数据
+  const formRef = ref<FormInstance | null>(null);
+  const images = ref<ItemType[]>([]);
+
+  // 用户信息
+  const form = reactive<ClinicMedicine>({
+    id: undefined,
+    name: undefined,
+    pinyin: undefined,
+    category: undefined,
+    specification: undefined,
+    unit: undefined,
+    content: undefined,
+    pricePerUnit: undefined,
+    isActive: undefined,
+    userId: undefined,
+    comments: undefined,
+    tenantId: undefined,
+    createTime: undefined,
+    updateTime: undefined
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    clinicMedicineName: [
+      {
+        required: true,
+        type: 'string',
+        message: '请填写药品库名称',
+        trigger: 'blur'
+      }
+    ]
+  });
+
+  const { resetFields } = useForm(form, rules);
+
+  /* 保存编辑 */
+  const save = () => {
+    if (!formRef.value) {
+      return;
+    }
+    formRef.value
+      .validate()
+      .then(() => {
+        loading.value = true;
+        const formData = {
+          ...form
+        };
+        const saveOrUpdate = isUpdate.value ? updateClinicMedicine : addClinicMedicine;
+        saveOrUpdate(formData)
+          .then((msg) => {
+            loading.value = false;
+            message.success(msg);
+            updateVisible(false);
+            emit('done');
+          })
+          .catch((e) => {
+            loading.value = false;
+            message.error(e.message);
+          });
+      })
+      .catch(() => {});
+  };
+
+  watch(
+    () => props.visible,
+    (visible) => {
+      if (visible) {
+        images.value = [];
+        if (props.data) {
+          assignObject(form, props.data);
+          isUpdate.value = true;
+        } else {
+          isUpdate.value = false;
+        }
+      } else {
+        resetFields();
+      }
+    },
+    { immediate: true }
+  );
+</script>
diff --git a/src/views/clinic/clinicMedicine/components/search.vue b/src/views/clinic/clinicMedicine/components/search.vue
new file mode 100644
index 0000000..82fea9d
--- /dev/null
+++ b/src/views/clinic/clinicMedicine/components/search.vue
@@ -0,0 +1,42 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+    <a-button type="primary" class="ele-btn-icon" @click="add">
+      <template #icon>
+        <PlusOutlined />
+      </template>
+      <span>添加</span>
+    </a-button>
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+  import { PlusOutlined } from '@ant-design/icons-vue';
+  import type { GradeParam } from '@/api/user/grade/model';
+  import { watch } from 'vue';
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的角色
+      selection?: [];
+    }>(),
+    {}
+  );
+
+  const emit = defineEmits<{
+    (e: 'search', where?: GradeParam): void;
+    (e: 'add'): void;
+    (e: 'remove'): void;
+    (e: 'batchMove'): void;
+  }>();
+
+  // 新增
+  const add = () => {
+    emit('add');
+  };
+
+  watch(
+    () => props.selection,
+    () => {}
+  );
+</script>
diff --git a/src/views/clinic/clinicMedicine/index.vue b/src/views/clinic/clinicMedicine/index.vue
new file mode 100644
index 0000000..fae34e1
--- /dev/null
+++ b/src/views/clinic/clinicMedicine/index.vue
@@ -0,0 +1,268 @@
+<template>
+  <a-page-header :title="getPageTitle()" @back="() => $router.go(-1)">
+      <a-card :bordered="false" :body-style="{ padding: '16px' }">
+        <ele-pro-table
+          ref="tableRef"
+          row-key="id"
+          :columns="columns"
+          :datasource="datasource"
+          :customRow="customRow"
+          tool-class="ele-toolbar-form"
+          class="sys-org-table"
+        >
+          <template #toolbar>
+            <search
+              @search="reload"
+              :selection="selection"
+              @add="openEdit"
+              @remove="removeBatch"
+              @batchMove="openMove"
+            />
+          </template>
+          <template #bodyCell="{ column, record }">
+            <template v-if="column.key === 'image'">
+              <a-image :src="record.image" :width="50" />
+            </template>
+            <template v-if="column.key === 'status'">
+              <a-tag v-if="record.status === 0" color="green">显示</a-tag>
+              <a-tag v-if="record.status === 1" color="red">隐藏</a-tag>
+            </template>
+            <template v-if="column.key === 'action'">
+              <a-space>
+                <a @click="openEdit(record)">修改</a>
+                <a-divider type="vertical" />
+                <a-popconfirm
+                  title="确定要删除此记录吗？"
+                  @confirm="remove(record)"
+                >
+                  <a class="ele-text-danger">删除</a>
+                </a-popconfirm>
+              </a-space>
+            </template>
+          </template>
+        </ele-pro-table>
+      </a-card>
+
+      <!-- 编辑弹窗 -->
+      <ClinicMedicineEdit v-model:visible="showEdit" :data="current" @done="reload" />
+  </a-page-header>
+</template>
+
+<script lang="ts" setup>
+  import { createVNode, ref, computed } from 'vue';
+  import { message, Modal } from 'ant-design-vue';
+  import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
+  import type { EleProTable } from 'ele-admin-pro';
+  import { toDateString } from 'ele-admin-pro';
+  import type {
+    DatasourceFunction,
+    ColumnItem
+  } from 'ele-admin-pro/es/ele-pro-table/types';
+  import Search from './components/search.vue';
+  import {getPageTitle} from '@/utils/common';
+  import ClinicMedicineEdit from './components/clinicMedicineEdit.vue';
+  import { pageClinicMedicine, removeClinicMedicine, removeBatchClinicMedicine } from '@/api/clinic/clinicMedicine';
+  import type { ClinicMedicine, ClinicMedicineParam } from '@/api/clinic/clinicMedicine/model';
+
+  // 表格实例
+  const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+  // 表格选中数据
+  const selection = ref<ClinicMedicine[]>([]);
+  // 当前编辑数据
+  const current = ref<ClinicMedicine | null>(null);
+  // 是否显示编辑弹窗
+  const showEdit = ref(false);
+  // 是否显示批量移动弹窗
+  const showMove = ref(false);
+  // 加载状态
+  const loading = ref(true);
+
+  // 表格数据源
+  const datasource: DatasourceFunction = ({
+    page,
+    limit,
+    where,
+    orders,
+    filters
+  }) => {
+    if (filters) {
+      where.status = filters.status;
+    }
+    return pageClinicMedicine({
+      ...where,
+      ...orders,
+      page,
+      limit
+    });
+  };
+
+  // 完整的列配置（包含所有字段）
+  const columns = ref<ColumnItem[]>([
+    {
+      title: '主键ID',
+      dataIndex: 'id',
+      key: 'id',
+      width: 90,
+    },
+    {
+      title: '药名',
+      dataIndex: 'name',
+      key: 'name',
+      ellipsis: true
+    },
+    {
+      title: '拼音',
+      dataIndex: 'pinyin',
+      key: 'pinyin',
+      ellipsis: true
+    },
+    {
+      title: '分类',
+      dataIndex: 'category',
+      key: 'category',
+      ellipsis: true
+    },
+    {
+      title: '规格',
+      dataIndex: 'specification',
+      key: 'specification',
+      ellipsis: true
+    },
+    {
+      title: '单位',
+      dataIndex: 'unit',
+      key: 'unit',
+      ellipsis: true
+    },
+    {
+      title: '描述',
+      dataIndex: 'content',
+      key: 'content',
+      ellipsis: true
+    },
+    {
+      title: '单价',
+      dataIndex: 'pricePerUnit',
+      key: 'pricePerUnit',
+      width: 120
+    },
+    {
+      title: '是否活跃',
+      dataIndex: 'isActive',
+      key: 'isActive',
+      width: 120
+    },
+    {
+      title: '备注',
+      dataIndex: 'comments',
+      key: 'comments',
+      ellipsis: true
+    },
+    {
+      title: '创建时间',
+      dataIndex: 'createTime',
+      key: 'createTime',
+      width: 200,
+      align: 'center',
+      sorter: true,
+      ellipsis: true,
+      customRender: ({ text }) => toDateString(text, 'yyyy-MM-dd HH:mm:ss')
+    },
+    {
+      title: '操作',
+      key: 'action',
+      width: 180,
+      fixed: 'right',
+      align: 'center',
+      hideInSetting: true
+    }
+  ]);
+
+  /* 搜索 */
+  const reload = (where?: ClinicMedicineParam) => {
+    selection.value = [];
+    tableRef?.value?.reload({ where: where });
+  };
+
+  /* 打开编辑弹窗 */
+  const openEdit = (row?: ClinicMedicine) => {
+    current.value = row ?? null;
+    showEdit.value = true;
+  };
+
+  /* 打开批量移动弹窗 */
+  const openMove = () => {
+    showMove.value = true;
+  };
+
+  /* 删除单个 */
+  const remove = (row: ClinicMedicine) => {
+    const hide = message.loading('请求中..', 0);
+    removeClinicMedicine(row.id)
+      .then((msg) => {
+        hide();
+        message.success(msg);
+        reload();
+      })
+      .catch((e) => {
+        hide();
+        message.error(e.message);
+      });
+  };
+
+  /* 批量删除 */
+  const removeBatch = () => {
+    if (!selection.value.length) {
+      message.error('请至少选择一条数据');
+      return;
+    }
+    Modal.confirm({
+      title: '提示',
+      content: '确定要删除选中的记录吗?',
+      icon: createVNode(ExclamationCircleOutlined),
+      maskClosable: true,
+      onOk: () => {
+        const hide = message.loading('请求中..', 0);
+        removeBatchClinicMedicine(selection.value.map((d) => d.id))
+          .then((msg) => {
+            hide();
+            message.success(msg);
+            reload();
+          })
+          .catch((e) => {
+            hide();
+            message.error(e.message);
+          });
+      }
+    });
+  };
+
+  /* 查询 */
+  const query = () => {
+    loading.value = true;
+  };
+
+  /* 自定义行属性 */
+  const customRow = (record: ClinicMedicine) => {
+    return {
+      // 行点击事件
+      onClick: () => {
+        // console.log(record);
+      },
+      // 行双击事件
+      onDblclick: () => {
+        openEdit(record);
+      }
+    };
+  };
+  query();
+</script>
+
+<script lang="ts">
+  export default {
+    name: 'ClinicMedicine'
+  };
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/views/clinic/clinicMedicineInout/components/clinicMedicineInoutEdit.vue b/src/views/clinic/clinicMedicineInout/components/clinicMedicineInoutEdit.vue
new file mode 100644
index 0000000..3543b91
--- /dev/null
+++ b/src/views/clinic/clinicMedicineInout/components/clinicMedicineInoutEdit.vue
@@ -0,0 +1,318 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑出入库' : '添加出入库'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="买家用户ID" name="userId">
+        <a-input
+          allow-clear
+          placeholder="请输入买家用户ID"
+          v-model:value="form.userId"
+        />
+      </a-form-item>
+      <a-form-item label="订单编号" name="orderNo">
+        <a-input
+          allow-clear
+          placeholder="请输入订单编号"
+          v-model:value="form.orderNo"
+        />
+      </a-form-item>
+      <a-form-item label="分销商用户id(一级)" name="firstUserId">
+        <a-input
+          allow-clear
+          placeholder="请输入分销商用户id(一级)"
+          v-model:value="form.firstUserId"
+        />
+      </a-form-item>
+      <a-form-item label="分销商用户id(二级)" name="secondUserId">
+        <a-input
+          allow-clear
+          placeholder="请输入分销商用户id(二级)"
+          v-model:value="form.secondUserId"
+        />
+      </a-form-item>
+      <a-form-item label="分销商用户id(三级)" name="thirdUserId">
+        <a-input
+          allow-clear
+          placeholder="请输入分销商用户id(三级)"
+          v-model:value="form.thirdUserId"
+        />
+      </a-form-item>
+      <a-form-item label="分销佣金(一级)" name="firstMoney">
+        <a-input
+          allow-clear
+          placeholder="请输入分销佣金(一级)"
+          v-model:value="form.firstMoney"
+        />
+      </a-form-item>
+      <a-form-item label="分销佣金(二级)" name="secondMoney">
+        <a-input
+          allow-clear
+          placeholder="请输入分销佣金(二级)"
+          v-model:value="form.secondMoney"
+        />
+      </a-form-item>
+      <a-form-item label="分销佣金(三级)" name="thirdMoney">
+        <a-input
+          allow-clear
+          placeholder="请输入分销佣金(三级)"
+          v-model:value="form.thirdMoney"
+        />
+      </a-form-item>
+      <a-form-item label="单价" name="price">
+        <a-input
+          allow-clear
+          placeholder="请输入单价"
+          v-model:value="form.price"
+        />
+      </a-form-item>
+      <a-form-item label="订单总金额" name="orderPrice">
+        <a-input
+          allow-clear
+          placeholder="请输入订单总金额"
+          v-model:value="form.orderPrice"
+        />
+      </a-form-item>
+      <a-form-item label="结算金额" name="settledPrice">
+        <a-input
+          allow-clear
+          placeholder="请输入结算金额"
+          v-model:value="form.settledPrice"
+        />
+      </a-form-item>
+      <a-form-item label="换算成度" name="degreePrice">
+        <a-input
+          allow-clear
+          placeholder="请输入换算成度"
+          v-model:value="form.degreePrice"
+        />
+      </a-form-item>
+      <a-form-item label="实发金额" name="payPrice">
+        <a-input
+          allow-clear
+          placeholder="请输入实发金额"
+          v-model:value="form.payPrice"
+        />
+      </a-form-item>
+      <a-form-item label="税率" name="rate">
+        <a-input
+          allow-clear
+          placeholder="请输入税率"
+          v-model:value="form.rate"
+        />
+      </a-form-item>
+      <a-form-item label="结算月份" name="month">
+        <a-input
+          allow-clear
+          placeholder="请输入结算月份"
+          v-model:value="form.month"
+        />
+      </a-form-item>
+      <a-form-item label="订单是否失效(0未失效 1已失效)" name="isInvalid">
+        <a-input
+          allow-clear
+          placeholder="请输入订单是否失效(0未失效 1已失效)"
+          v-model:value="form.isInvalid"
+        />
+      </a-form-item>
+      <a-form-item label="佣金结算(0未结算 1已结算)" name="isSettled">
+        <a-input
+          allow-clear
+          placeholder="请输入佣金结算(0未结算 1已结算)"
+          v-model:value="form.isSettled"
+        />
+      </a-form-item>
+      <a-form-item label="结算时间" name="settleTime">
+        <a-input
+          allow-clear
+          placeholder="请输入结算时间"
+          v-model:value="form.settleTime"
+        />
+      </a-form-item>
+      <a-form-item label="备注" name="comments">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="请输入描述"
+          v-model:value="form.comments"
+        />
+      </a-form-item>
+      <a-form-item label="修改时间" name="updateTime">
+        <a-input
+          allow-clear
+          placeholder="请输入修改时间"
+          v-model:value="form.updateTime"
+        />
+      </a-form-item>
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, watch } from 'vue';
+  import { Form, message } from 'ant-design-vue';
+  import { assignObject, uuid } from 'ele-admin-pro';
+  import { addClinicMedicineInout, updateClinicMedicineInout } from '@/api/clinic/clinicMedicineInout';
+  import { ClinicMedicineInout } from '@/api/clinic/clinicMedicineInout/model';
+  import { useThemeStore } from '@/store/modules/theme';
+  import { storeToRefs } from 'pinia';
+  import { ItemType } from 'ele-admin-pro/es/ele-image-upload/types';
+  import { FormInstance } from 'ant-design-vue/es/form';
+  import { FileRecord } from '@/api/system/file/model';
+
+  // 是否是修改
+  const isUpdate = ref(false);
+  const useForm = Form.useForm;
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: ClinicMedicineInout | null;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  // 提交状态
+  const loading = ref(false);
+  // 是否显示最大化切换按钮
+  const maxable = ref(true);
+  // 表格选中数据
+  const formRef = ref<FormInstance | null>(null);
+  const images = ref<ItemType[]>([]);
+
+  // 用户信息
+  const form = reactive<ClinicMedicineInout>({
+    id: undefined,
+    userId: undefined,
+    orderNo: undefined,
+    firstUserId: undefined,
+    secondUserId: undefined,
+    thirdUserId: undefined,
+    firstMoney: undefined,
+    secondMoney: undefined,
+    thirdMoney: undefined,
+    price: undefined,
+    orderPrice: undefined,
+    settledPrice: undefined,
+    degreePrice: undefined,
+    payPrice: undefined,
+    rate: undefined,
+    month: undefined,
+    isInvalid: undefined,
+    isSettled: undefined,
+    settleTime: undefined,
+    tenantId: undefined,
+    createTime: undefined,
+    updateTime: undefined,
+    comments: ''
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    clinicMedicineInoutName: [
+      {
+        required: true,
+        type: 'string',
+        message: '请填写出入库名称',
+        trigger: 'blur'
+      }
+    ]
+  });
+
+  const chooseImage = (data: FileRecord) => {
+    images.value.push({
+      uid: data.id,
+      url: data.path,
+      status: 'done'
+    });
+    form.image = data.path;
+  };
+
+  const onDeleteItem = (index: number) => {
+    images.value.splice(index, 1);
+    form.image = '';
+  };
+
+  const { resetFields } = useForm(form, rules);
+
+  /* 保存编辑 */
+  const save = () => {
+    if (!formRef.value) {
+      return;
+    }
+    formRef.value
+      .validate()
+      .then(() => {
+        loading.value = true;
+        const formData = {
+          ...form
+        };
+        const saveOrUpdate = isUpdate.value ? updateClinicMedicineInout : addClinicMedicineInout;
+        saveOrUpdate(formData)
+          .then((msg) => {
+            loading.value = false;
+            message.success(msg);
+            updateVisible(false);
+            emit('done');
+          })
+          .catch((e) => {
+            loading.value = false;
+            message.error(e.message);
+          });
+      })
+      .catch(() => {});
+  };
+
+  watch(
+    () => props.visible,
+    (visible) => {
+      if (visible) {
+        images.value = [];
+        if (props.data) {
+          assignObject(form, props.data);
+          if(props.data.image){
+            images.value.push({
+              uid: uuid(),
+              url: props.data.image,
+              status: 'done'
+            })
+          }
+          isUpdate.value = true;
+        } else {
+          isUpdate.value = false;
+        }
+      } else {
+        resetFields();
+      }
+    },
+    { immediate: true }
+  );
+</script>
diff --git a/src/views/clinic/clinicMedicineInout/components/search.vue b/src/views/clinic/clinicMedicineInout/components/search.vue
new file mode 100644
index 0000000..82fea9d
--- /dev/null
+++ b/src/views/clinic/clinicMedicineInout/components/search.vue
@@ -0,0 +1,42 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+    <a-button type="primary" class="ele-btn-icon" @click="add">
+      <template #icon>
+        <PlusOutlined />
+      </template>
+      <span>添加</span>
+    </a-button>
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+  import { PlusOutlined } from '@ant-design/icons-vue';
+  import type { GradeParam } from '@/api/user/grade/model';
+  import { watch } from 'vue';
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的角色
+      selection?: [];
+    }>(),
+    {}
+  );
+
+  const emit = defineEmits<{
+    (e: 'search', where?: GradeParam): void;
+    (e: 'add'): void;
+    (e: 'remove'): void;
+    (e: 'batchMove'): void;
+  }>();
+
+  // 新增
+  const add = () => {
+    emit('add');
+  };
+
+  watch(
+    () => props.selection,
+    () => {}
+  );
+</script>
diff --git a/src/views/clinic/clinicMedicineInout/index.vue b/src/views/clinic/clinicMedicineInout/index.vue
new file mode 100644
index 0000000..7fabd9e
--- /dev/null
+++ b/src/views/clinic/clinicMedicineInout/index.vue
@@ -0,0 +1,338 @@
+<template>
+  <a-page-header :title="getPageTitle()" @back="() => $router.go(-1)">
+      <a-card :bordered="false" :body-style="{ padding: '16px' }">
+        <ele-pro-table
+          ref="tableRef"
+          row-key="id"
+          :columns="columns"
+          :datasource="datasource"
+          :customRow="customRow"
+          tool-class="ele-toolbar-form"
+          class="sys-org-table"
+        >
+          <template #toolbar>
+            <search
+              @search="reload"
+              :selection="selection"
+              @add="openEdit"
+              @remove="removeBatch"
+              @batchMove="openMove"
+            />
+          </template>
+          <template #bodyCell="{ column, record }">
+            <template v-if="column.key === 'image'">
+              <a-image :src="record.image" :width="50" />
+            </template>
+            <template v-if="column.key === 'status'">
+              <a-tag v-if="record.status === 0" color="green">显示</a-tag>
+              <a-tag v-if="record.status === 1" color="red">隐藏</a-tag>
+            </template>
+            <template v-if="column.key === 'action'">
+              <a-space>
+                <a @click="openEdit(record)">修改</a>
+                <a-divider type="vertical" />
+                <a-popconfirm
+                  title="确定要删除此记录吗？"
+                  @confirm="remove(record)"
+                >
+                  <a class="ele-text-danger">删除</a>
+                </a-popconfirm>
+              </a-space>
+            </template>
+          </template>
+        </ele-pro-table>
+      </a-card>
+
+      <!-- 编辑弹窗 -->
+      <ClinicMedicineInoutEdit v-model:visible="showEdit" :data="current" @done="reload" />
+  </a-page-header>
+</template>
+
+<script lang="ts" setup>
+  import { createVNode, ref, computed } from 'vue';
+  import { message, Modal } from 'ant-design-vue';
+  import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
+  import type { EleProTable } from 'ele-admin-pro';
+  import { toDateString } from 'ele-admin-pro';
+  import type {
+    DatasourceFunction,
+    ColumnItem
+  } from 'ele-admin-pro/es/ele-pro-table/types';
+  import Search from './components/search.vue';
+  import {getPageTitle} from '@/utils/common';
+  import ClinicMedicineInoutEdit from './components/clinicMedicineInoutEdit.vue';
+  import { pageClinicMedicineInout, removeClinicMedicineInout, removeBatchClinicMedicineInout } from '@/api/clinic/clinicMedicineInout';
+  import type { ClinicMedicineInout, ClinicMedicineInoutParam } from '@/api/clinic/clinicMedicineInout/model';
+
+  // 表格实例
+  const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+  // 表格选中数据
+  const selection = ref<ClinicMedicineInout[]>([]);
+  // 当前编辑数据
+  const current = ref<ClinicMedicineInout | null>(null);
+  // 是否显示编辑弹窗
+  const showEdit = ref(false);
+  // 是否显示批量移动弹窗
+  const showMove = ref(false);
+  // 加载状态
+  const loading = ref(true);
+
+  // 表格数据源
+  const datasource: DatasourceFunction = ({
+    page,
+    limit,
+    where,
+    orders,
+    filters
+  }) => {
+    if (filters) {
+      where.status = filters.status;
+    }
+    return pageClinicMedicineInout({
+      ...where,
+      ...orders,
+      page,
+      limit
+    });
+  };
+
+  // 完整的列配置（包含所有字段）
+  const columns = ref<ColumnItem[]>([
+    {
+      title: '主键ID',
+      dataIndex: 'id',
+      key: 'id',
+      width: 90,
+    },
+    {
+      title: '买家用户ID',
+      dataIndex: 'userId',
+      key: 'userId',
+      width: 120
+    },
+    {
+      title: '订单编号',
+      dataIndex: 'orderNo',
+      key: 'orderNo',
+      ellipsis: true
+    },
+    {
+      title: '分销商用户id(一级)',
+      dataIndex: 'firstUserId',
+      key: 'firstUserId',
+      width: 120
+    },
+    {
+      title: '分销商用户id(二级)',
+      dataIndex: 'secondUserId',
+      key: 'secondUserId',
+      width: 120
+    },
+    {
+      title: '分销商用户id(三级)',
+      dataIndex: 'thirdUserId',
+      key: 'thirdUserId',
+      width: 120
+    },
+    {
+      title: '分销佣金(一级)',
+      dataIndex: 'firstMoney',
+      key: 'firstMoney',
+      width: 120
+    },
+    {
+      title: '分销佣金(二级)',
+      dataIndex: 'secondMoney',
+      key: 'secondMoney',
+      width: 120
+    },
+    {
+      title: '分销佣金(三级)',
+      dataIndex: 'thirdMoney',
+      key: 'thirdMoney',
+      width: 120
+    },
+    {
+      title: '单价',
+      dataIndex: 'price',
+      key: 'price',
+      width: 120
+    },
+    {
+      title: '订单总金额',
+      dataIndex: 'orderPrice',
+      key: 'orderPrice',
+      width: 120
+    },
+    {
+      title: '结算金额',
+      dataIndex: 'settledPrice',
+      key: 'settledPrice',
+      width: 120
+    },
+    {
+      title: '换算成度',
+      dataIndex: 'degreePrice',
+      key: 'degreePrice',
+      width: 120
+    },
+    {
+      title: '实发金额',
+      dataIndex: 'payPrice',
+      key: 'payPrice',
+      width: 120
+    },
+    {
+      title: '税率',
+      dataIndex: 'rate',
+      key: 'rate',
+      width: 120
+    },
+    {
+      title: '结算月份',
+      dataIndex: 'month',
+      key: 'month',
+      ellipsis: true
+    },
+    {
+      title: '订单是否失效(0未失效 1已失效)',
+      dataIndex: 'isInvalid',
+      key: 'isInvalid',
+      width: 120
+    },
+    {
+      title: '佣金结算(0未结算 1已结算)',
+      dataIndex: 'isSettled',
+      key: 'isSettled',
+      width: 120
+    },
+    {
+      title: '结算时间',
+      dataIndex: 'settleTime',
+      key: 'settleTime',
+      width: 120
+    },
+    {
+      title: '备注',
+      dataIndex: 'comments',
+      key: 'comments',
+      ellipsis: true
+    },
+    {
+      title: '创建时间',
+      dataIndex: 'createTime',
+      key: 'createTime',
+      width: 200,
+      align: 'center',
+      sorter: true,
+      ellipsis: true,
+      customRender: ({ text }) => toDateString(text, 'yyyy-MM-dd HH:mm:ss')
+    },
+    {
+      title: '修改时间',
+      dataIndex: 'updateTime',
+      key: 'updateTime',
+      width: 200,
+      align: 'center',
+      sorter: true,
+      ellipsis: true,
+      customRender: ({ text }) => toDateString(text, 'yyyy-MM-dd HH:mm:ss')
+    },
+    {
+      title: '操作',
+      key: 'action',
+      width: 180,
+      fixed: 'right',
+      align: 'center',
+      hideInSetting: true
+    }
+  ]);
+
+  /* 搜索 */
+  const reload = (where?: ClinicMedicineInoutParam) => {
+    selection.value = [];
+    tableRef?.value?.reload({ where: where });
+  };
+
+  /* 打开编辑弹窗 */
+  const openEdit = (row?: ClinicMedicineInout) => {
+    current.value = row ?? null;
+    showEdit.value = true;
+  };
+
+  /* 打开批量移动弹窗 */
+  const openMove = () => {
+    showMove.value = true;
+  };
+
+  /* 删除单个 */
+  const remove = (row: ClinicMedicineInout) => {
+    const hide = message.loading('请求中..', 0);
+    removeClinicMedicineInout(row.id)
+      .then((msg) => {
+        hide();
+        message.success(msg);
+        reload();
+      })
+      .catch((e) => {
+        hide();
+        message.error(e.message);
+      });
+  };
+
+  /* 批量删除 */
+  const removeBatch = () => {
+    if (!selection.value.length) {
+      message.error('请至少选择一条数据');
+      return;
+    }
+    Modal.confirm({
+      title: '提示',
+      content: '确定要删除选中的记录吗?',
+      icon: createVNode(ExclamationCircleOutlined),
+      maskClosable: true,
+      onOk: () => {
+        const hide = message.loading('请求中..', 0);
+        removeBatchClinicMedicineInout(selection.value.map((d) => d.id))
+          .then((msg) => {
+            hide();
+            message.success(msg);
+            reload();
+          })
+          .catch((e) => {
+            hide();
+            message.error(e.message);
+          });
+      }
+    });
+  };
+
+  /* 查询 */
+  const query = () => {
+    loading.value = true;
+  };
+
+  /* 自定义行属性 */
+  const customRow = (record: ClinicMedicineInout) => {
+    return {
+      // 行点击事件
+      onClick: () => {
+        // console.log(record);
+      },
+      // 行双击事件
+      onDblclick: () => {
+        openEdit(record);
+      }
+    };
+  };
+  query();
+</script>
+
+<script lang="ts">
+  export default {
+    name: 'ClinicMedicineInout'
+  };
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/views/clinic/clinicMedicineStock/components/clinicMedicineStockEdit.vue b/src/views/clinic/clinicMedicineStock/components/clinicMedicineStockEdit.vue
new file mode 100644
index 0000000..16ce567
--- /dev/null
+++ b/src/views/clinic/clinicMedicineStock/components/clinicMedicineStockEdit.vue
@@ -0,0 +1,214 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑药品库存' : '添加药品库存'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="药品" name="medicineId">
+        <a-input
+          allow-clear
+          placeholder="请输入药品"
+          v-model:value="form.medicineId"
+        />
+      </a-form-item>
+      <a-form-item label="库存数量" name="stockQuantity">
+        <a-input
+          allow-clear
+          placeholder="请输入库存数量"
+          v-model:value="form.stockQuantity"
+        />
+      </a-form-item>
+      <a-form-item label="最小库存预警" name="minStockLevel">
+        <a-input
+          allow-clear
+          placeholder="请输入最小库存预警"
+          v-model:value="form.minStockLevel"
+        />
+      </a-form-item>
+      <a-form-item label="上次更新时间" name="lastUpdated">
+        <a-input
+          allow-clear
+          placeholder="请输入上次更新时间"
+          v-model:value="form.lastUpdated"
+        />
+      </a-form-item>
+      <a-form-item label="买家用户ID" name="userId">
+        <a-input
+          allow-clear
+          placeholder="请输入买家用户ID"
+          v-model:value="form.userId"
+        />
+      </a-form-item>
+      <a-form-item label="备注" name="comments">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="请输入描述"
+          v-model:value="form.comments"
+        />
+      </a-form-item>
+      <a-form-item label="修改时间" name="updateTime">
+        <a-input
+          allow-clear
+          placeholder="请输入修改时间"
+          v-model:value="form.updateTime"
+        />
+      </a-form-item>
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, watch } from 'vue';
+  import { Form, message } from 'ant-design-vue';
+  import { assignObject, uuid } from 'ele-admin-pro';
+  import { addClinicMedicineStock, updateClinicMedicineStock } from '@/api/clinic/clinicMedicineStock';
+  import { ClinicMedicineStock } from '@/api/clinic/clinicMedicineStock/model';
+  import { useThemeStore } from '@/store/modules/theme';
+  import { storeToRefs } from 'pinia';
+  import { ItemType } from 'ele-admin-pro/es/ele-image-upload/types';
+  import { FormInstance } from 'ant-design-vue/es/form';
+  import { FileRecord } from '@/api/system/file/model';
+
+  // 是否是修改
+  const isUpdate = ref(false);
+  const useForm = Form.useForm;
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: ClinicMedicineStock | null;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  // 提交状态
+  const loading = ref(false);
+  // 是否显示最大化切换按钮
+  const maxable = ref(true);
+  // 表格选中数据
+  const formRef = ref<FormInstance | null>(null);
+  const images = ref<ItemType[]>([]);
+
+  // 用户信息
+  const form = reactive<ClinicMedicineStock>({
+    id: undefined,
+    medicineId: undefined,
+    stockQuantity: undefined,
+    minStockLevel: undefined,
+    lastUpdated: undefined,
+    userId: undefined,
+    tenantId: undefined,
+    createTime: undefined,
+    updateTime: undefined,
+    comments: ''
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    clinicMedicineStockName: [
+      {
+        required: true,
+        type: 'string',
+        message: '请填写药品库存名称',
+        trigger: 'blur'
+      }
+    ]
+  });
+
+  const chooseImage = (data: FileRecord) => {
+    images.value.push({
+      uid: data.id,
+      url: data.path,
+      status: 'done'
+    });
+    form.image = data.path;
+  };
+
+  const onDeleteItem = (index: number) => {
+    images.value.splice(index, 1);
+    form.image = '';
+  };
+
+  const { resetFields } = useForm(form, rules);
+
+  /* 保存编辑 */
+  const save = () => {
+    if (!formRef.value) {
+      return;
+    }
+    formRef.value
+      .validate()
+      .then(() => {
+        loading.value = true;
+        const formData = {
+          ...form
+        };
+        const saveOrUpdate = isUpdate.value ? updateClinicMedicineStock : addClinicMedicineStock;
+        saveOrUpdate(formData)
+          .then((msg) => {
+            loading.value = false;
+            message.success(msg);
+            updateVisible(false);
+            emit('done');
+          })
+          .catch((e) => {
+            loading.value = false;
+            message.error(e.message);
+          });
+      })
+      .catch(() => {});
+  };
+
+  watch(
+    () => props.visible,
+    (visible) => {
+      if (visible) {
+        images.value = [];
+        if (props.data) {
+          assignObject(form, props.data);
+          if(props.data.image){
+            images.value.push({
+              uid: uuid(),
+              url: props.data.image,
+              status: 'done'
+            })
+          }
+          isUpdate.value = true;
+        } else {
+          isUpdate.value = false;
+        }
+      } else {
+        resetFields();
+      }
+    },
+    { immediate: true }
+  );
+</script>
diff --git a/src/views/clinic/clinicMedicineStock/components/search.vue b/src/views/clinic/clinicMedicineStock/components/search.vue
new file mode 100644
index 0000000..82fea9d
--- /dev/null
+++ b/src/views/clinic/clinicMedicineStock/components/search.vue
@@ -0,0 +1,42 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+    <a-button type="primary" class="ele-btn-icon" @click="add">
+      <template #icon>
+        <PlusOutlined />
+      </template>
+      <span>添加</span>
+    </a-button>
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+  import { PlusOutlined } from '@ant-design/icons-vue';
+  import type { GradeParam } from '@/api/user/grade/model';
+  import { watch } from 'vue';
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的角色
+      selection?: [];
+    }>(),
+    {}
+  );
+
+  const emit = defineEmits<{
+    (e: 'search', where?: GradeParam): void;
+    (e: 'add'): void;
+    (e: 'remove'): void;
+    (e: 'batchMove'): void;
+  }>();
+
+  // 新增
+  const add = () => {
+    emit('add');
+  };
+
+  watch(
+    () => props.selection,
+    () => {}
+  );
+</script>
diff --git a/src/views/clinic/clinicMedicineStock/index.vue b/src/views/clinic/clinicMedicineStock/index.vue
new file mode 100644
index 0000000..7f66a93
--- /dev/null
+++ b/src/views/clinic/clinicMedicineStock/index.vue
@@ -0,0 +1,260 @@
+<template>
+  <a-page-header :title="getPageTitle()" @back="() => $router.go(-1)">
+      <a-card :bordered="false" :body-style="{ padding: '16px' }">
+        <ele-pro-table
+          ref="tableRef"
+          row-key="id"
+          :columns="columns"
+          :datasource="datasource"
+          :customRow="customRow"
+          tool-class="ele-toolbar-form"
+          class="sys-org-table"
+        >
+          <template #toolbar>
+            <search
+              @search="reload"
+              :selection="selection"
+              @add="openEdit"
+              @remove="removeBatch"
+              @batchMove="openMove"
+            />
+          </template>
+          <template #bodyCell="{ column, record }">
+            <template v-if="column.key === 'image'">
+              <a-image :src="record.image" :width="50" />
+            </template>
+            <template v-if="column.key === 'status'">
+              <a-tag v-if="record.status === 0" color="green">显示</a-tag>
+              <a-tag v-if="record.status === 1" color="red">隐藏</a-tag>
+            </template>
+            <template v-if="column.key === 'action'">
+              <a-space>
+                <a @click="openEdit(record)">修改</a>
+                <a-divider type="vertical" />
+                <a-popconfirm
+                  title="确定要删除此记录吗？"
+                  @confirm="remove(record)"
+                >
+                  <a class="ele-text-danger">删除</a>
+                </a-popconfirm>
+              </a-space>
+            </template>
+          </template>
+        </ele-pro-table>
+      </a-card>
+
+      <!-- 编辑弹窗 -->
+      <ClinicMedicineStockEdit v-model:visible="showEdit" :data="current" @done="reload" />
+  </a-page-header>
+</template>
+
+<script lang="ts" setup>
+  import { createVNode, ref, computed } from 'vue';
+  import { message, Modal } from 'ant-design-vue';
+  import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
+  import type { EleProTable } from 'ele-admin-pro';
+  import { toDateString } from 'ele-admin-pro';
+  import type {
+    DatasourceFunction,
+    ColumnItem
+  } from 'ele-admin-pro/es/ele-pro-table/types';
+  import Search from './components/search.vue';
+  import {getPageTitle} from '@/utils/common';
+  import ClinicMedicineStockEdit from './components/clinicMedicineStockEdit.vue';
+  import { pageClinicMedicineStock, removeClinicMedicineStock, removeBatchClinicMedicineStock } from '@/api/clinic/clinicMedicineStock';
+  import type { ClinicMedicineStock, ClinicMedicineStockParam } from '@/api/clinic/clinicMedicineStock/model';
+
+  // 表格实例
+  const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+  // 表格选中数据
+  const selection = ref<ClinicMedicineStock[]>([]);
+  // 当前编辑数据
+  const current = ref<ClinicMedicineStock | null>(null);
+  // 是否显示编辑弹窗
+  const showEdit = ref(false);
+  // 是否显示批量移动弹窗
+  const showMove = ref(false);
+  // 加载状态
+  const loading = ref(true);
+
+  // 表格数据源
+  const datasource: DatasourceFunction = ({
+    page,
+    limit,
+    where,
+    orders,
+    filters
+  }) => {
+    if (filters) {
+      where.status = filters.status;
+    }
+    return pageClinicMedicineStock({
+      ...where,
+      ...orders,
+      page,
+      limit
+    });
+  };
+
+  // 完整的列配置（包含所有字段）
+  const columns = ref<ColumnItem[]>([
+    {
+      title: '主键ID',
+      dataIndex: 'id',
+      key: 'id',
+      width: 90,
+    },
+    {
+      title: '药品',
+      dataIndex: 'medicineId',
+      key: 'medicineId',
+      width: 120
+    },
+    {
+      title: '库存数量',
+      dataIndex: 'stockQuantity',
+      key: 'stockQuantity',
+      width: 120
+    },
+    {
+      title: '最小库存预警',
+      dataIndex: 'minStockLevel',
+      key: 'minStockLevel',
+      width: 120
+    },
+    {
+      title: '上次更新时间',
+      dataIndex: 'lastUpdated',
+      key: 'lastUpdated',
+      width: 120
+    },
+    {
+      title: '买家用户ID',
+      dataIndex: 'userId',
+      key: 'userId',
+      width: 120
+    },
+    {
+      title: '备注',
+      dataIndex: 'comments',
+      key: 'comments',
+      ellipsis: true
+    },
+    {
+      title: '创建时间',
+      dataIndex: 'createTime',
+      key: 'createTime',
+      width: 200,
+      align: 'center',
+      sorter: true,
+      ellipsis: true,
+      customRender: ({ text }) => toDateString(text, 'yyyy-MM-dd HH:mm:ss')
+    },
+    {
+      title: '修改时间',
+      dataIndex: 'updateTime',
+      key: 'updateTime',
+      width: 200,
+      align: 'center',
+      sorter: true,
+      ellipsis: true,
+      customRender: ({ text }) => toDateString(text, 'yyyy-MM-dd HH:mm:ss')
+    },
+    {
+      title: '操作',
+      key: 'action',
+      width: 180,
+      fixed: 'right',
+      align: 'center',
+      hideInSetting: true
+    }
+  ]);
+
+  /* 搜索 */
+  const reload = (where?: ClinicMedicineStockParam) => {
+    selection.value = [];
+    tableRef?.value?.reload({ where: where });
+  };
+
+  /* 打开编辑弹窗 */
+  const openEdit = (row?: ClinicMedicineStock) => {
+    current.value = row ?? null;
+    showEdit.value = true;
+  };
+
+  /* 打开批量移动弹窗 */
+  const openMove = () => {
+    showMove.value = true;
+  };
+
+  /* 删除单个 */
+  const remove = (row: ClinicMedicineStock) => {
+    const hide = message.loading('请求中..', 0);
+    removeClinicMedicineStock(row.id)
+      .then((msg) => {
+        hide();
+        message.success(msg);
+        reload();
+      })
+      .catch((e) => {
+        hide();
+        message.error(e.message);
+      });
+  };
+
+  /* 批量删除 */
+  const removeBatch = () => {
+    if (!selection.value.length) {
+      message.error('请至少选择一条数据');
+      return;
+    }
+    Modal.confirm({
+      title: '提示',
+      content: '确定要删除选中的记录吗?',
+      icon: createVNode(ExclamationCircleOutlined),
+      maskClosable: true,
+      onOk: () => {
+        const hide = message.loading('请求中..', 0);
+        removeBatchClinicMedicineStock(selection.value.map((d) => d.id))
+          .then((msg) => {
+            hide();
+            message.success(msg);
+            reload();
+          })
+          .catch((e) => {
+            hide();
+            message.error(e.message);
+          });
+      }
+    });
+  };
+
+  /* 查询 */
+  const query = () => {
+    loading.value = true;
+  };
+
+  /* 自定义行属性 */
+  const customRow = (record: ClinicMedicineStock) => {
+    return {
+      // 行点击事件
+      onClick: () => {
+        // console.log(record);
+      },
+      // 行双击事件
+      onDblclick: () => {
+        openEdit(record);
+      }
+    };
+  };
+  query();
+</script>
+
+<script lang="ts">
+  export default {
+    name: 'ClinicMedicineStock'
+  };
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/views/clinic/clinicOrder/components/clinicOrderEdit.vue b/src/views/clinic/clinicOrder/components/clinicOrderEdit.vue
new file mode 100644
index 0000000..e8711d2
--- /dev/null
+++ b/src/views/clinic/clinicOrder/components/clinicOrderEdit.vue
@@ -0,0 +1,744 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑处方订单' : '添加处方订单'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="订单编号" name="orderNo">
+        <a-input
+          allow-clear
+          placeholder="请输入订单编号"
+          v-model:value="form.orderNo"
+        />
+      </a-form-item>
+      <a-form-item label="订单类型，0商城订单 1预定订单/外卖 2会员卡" name="type">
+        <a-input
+          allow-clear
+          placeholder="请输入订单类型，0商城订单 1预定订单/外卖 2会员卡"
+          v-model:value="form.type"
+        />
+      </a-form-item>
+      <a-form-item label="订单标题" name="title">
+        <a-input
+          allow-clear
+          placeholder="请输入订单标题"
+          v-model:value="form.title"
+        />
+      </a-form-item>
+      <a-form-item label="快递/自提" name="deliveryType">
+        <a-input
+          allow-clear
+          placeholder="请输入快递/自提"
+          v-model:value="form.deliveryType"
+        />
+      </a-form-item>
+      <a-form-item label="下单渠道，0小程序预定 1俱乐部训练场 3活动订场" name="channel">
+        <a-input
+          allow-clear
+          placeholder="请输入下单渠道，0小程序预定 1俱乐部训练场 3活动订场"
+          v-model:value="form.channel"
+        />
+      </a-form-item>
+      <a-form-item label="微信支付交易号号" name="transactionId">
+        <a-input
+          allow-clear
+          placeholder="请输入微信支付交易号号"
+          v-model:value="form.transactionId"
+        />
+      </a-form-item>
+      <a-form-item label="微信退款订单号" name="refundOrder">
+        <a-input
+          allow-clear
+          placeholder="请输入微信退款订单号"
+          v-model:value="form.refundOrder"
+        />
+      </a-form-item>
+      <a-form-item label="商户ID" name="merchantId">
+        <a-input
+          allow-clear
+          placeholder="请输入商户ID"
+          v-model:value="form.merchantId"
+        />
+      </a-form-item>
+      <a-form-item label="商户名称" name="merchantName">
+        <a-input
+          allow-clear
+          placeholder="请输入商户名称"
+          v-model:value="form.merchantName"
+        />
+      </a-form-item>
+      <a-form-item label="商户编号" name="merchantCode">
+        <a-input
+          allow-clear
+          placeholder="请输入商户编号"
+          v-model:value="form.merchantCode"
+        />
+      </a-form-item>
+      <a-form-item label="使用的优惠券id" name="couponId">
+        <a-input
+          allow-clear
+          placeholder="请输入使用的优惠券id"
+          v-model:value="form.couponId"
+        />
+      </a-form-item>
+      <a-form-item label="使用的会员卡id" name="cardId">
+        <a-input
+          allow-clear
+          placeholder="请输入使用的会员卡id"
+          v-model:value="form.cardId"
+        />
+      </a-form-item>
+      <a-form-item label="关联管理员id" name="adminId">
+        <a-input
+          allow-clear
+          placeholder="请输入关联管理员id"
+          v-model:value="form.adminId"
+        />
+      </a-form-item>
+      <a-form-item label="核销管理员id" name="confirmId">
+        <a-input
+          allow-clear
+          placeholder="请输入核销管理员id"
+          v-model:value="form.confirmId"
+        />
+      </a-form-item>
+      <a-form-item label="IC卡号" name="icCard">
+        <a-input
+          allow-clear
+          placeholder="请输入IC卡号"
+          v-model:value="form.icCard"
+        />
+      </a-form-item>
+      <a-form-item label="真实姓名" name="realName">
+        <a-input
+          allow-clear
+          placeholder="请输入真实姓名"
+          v-model:value="form.realName"
+        />
+      </a-form-item>
+      <a-form-item label="关联收货地址" name="addressId">
+        <a-input
+          allow-clear
+          placeholder="请输入关联收货地址"
+          v-model:value="form.addressId"
+        />
+      </a-form-item>
+      <a-form-item label="收货地址" name="address">
+        <a-input
+          allow-clear
+          placeholder="请输入收货地址"
+          v-model:value="form.address"
+        />
+      </a-form-item>
+      <a-form-item label="" name="addressLat">
+        <a-input
+          allow-clear
+          placeholder="请输入"
+          v-model:value="form.addressLat"
+        />
+      </a-form-item>
+      <a-form-item label="" name="addressLng">
+        <a-input
+          allow-clear
+          placeholder="请输入"
+          v-model:value="form.addressLng"
+        />
+      </a-form-item>
+      <a-form-item label="买家留言" name="buyerRemarks">
+        <a-input
+          allow-clear
+          placeholder="请输入买家留言"
+          v-model:value="form.buyerRemarks"
+        />
+      </a-form-item>
+      <a-form-item label="自提店铺id" name="selfTakeMerchantId">
+        <a-input
+          allow-clear
+          placeholder="请输入自提店铺id"
+          v-model:value="form.selfTakeMerchantId"
+        />
+      </a-form-item>
+      <a-form-item label="自提店铺" name="selfTakeMerchantName">
+        <a-input
+          allow-clear
+          placeholder="请输入自提店铺"
+          v-model:value="form.selfTakeMerchantName"
+        />
+      </a-form-item>
+      <a-form-item label="配送开始时间" name="sendStartTime">
+        <a-input
+          allow-clear
+          placeholder="请输入配送开始时间"
+          v-model:value="form.sendStartTime"
+        />
+      </a-form-item>
+      <a-form-item label="配送结束时间" name="sendEndTime">
+        <a-input
+          allow-clear
+          placeholder="请输入配送结束时间"
+          v-model:value="form.sendEndTime"
+        />
+      </a-form-item>
+      <a-form-item label="发货店铺id" name="expressMerchantId">
+        <a-input
+          allow-clear
+          placeholder="请输入发货店铺id"
+          v-model:value="form.expressMerchantId"
+        />
+      </a-form-item>
+      <a-form-item label="发货店铺" name="expressMerchantName">
+        <a-input
+          allow-clear
+          placeholder="请输入发货店铺"
+          v-model:value="form.expressMerchantName"
+        />
+      </a-form-item>
+      <a-form-item label="订单总额" name="totalPrice">
+        <a-input
+          allow-clear
+          placeholder="请输入订单总额"
+          v-model:value="form.totalPrice"
+        />
+      </a-form-item>
+      <a-form-item label="减少的金额，使用VIP会员折扣、优惠券抵扣、优惠券折扣后减去的价格" name="reducePrice">
+        <a-input
+          allow-clear
+          placeholder="请输入减少的金额，使用VIP会员折扣、优惠券抵扣、优惠券折扣后减去的价格"
+          v-model:value="form.reducePrice"
+        />
+      </a-form-item>
+      <a-form-item label="实际付款" name="payPrice">
+        <a-input
+          allow-clear
+          placeholder="请输入实际付款"
+          v-model:value="form.payPrice"
+        />
+      </a-form-item>
+      <a-form-item label="用于统计" name="price">
+        <a-input
+          allow-clear
+          placeholder="请输入用于统计"
+          v-model:value="form.price"
+        />
+      </a-form-item>
+      <a-form-item label="价钱，用于积分赠送" name="money">
+        <a-input
+          allow-clear
+          placeholder="请输入价钱，用于积分赠送"
+          v-model:value="form.money"
+        />
+      </a-form-item>
+      <a-form-item label="取消时间" name="cancelTime">
+        <a-input
+          allow-clear
+          placeholder="请输入取消时间"
+          v-model:value="form.cancelTime"
+        />
+      </a-form-item>
+      <a-form-item label="取消原因" name="cancelReason">
+        <a-input
+          allow-clear
+          placeholder="请输入取消原因"
+          v-model:value="form.cancelReason"
+        />
+      </a-form-item>
+      <a-form-item label="退款金额" name="refundMoney">
+        <a-input
+          allow-clear
+          placeholder="请输入退款金额"
+          v-model:value="form.refundMoney"
+        />
+      </a-form-item>
+      <a-form-item label="教练价格" name="coachPrice">
+        <a-input
+          allow-clear
+          placeholder="请输入教练价格"
+          v-model:value="form.coachPrice"
+        />
+      </a-form-item>
+      <a-form-item label="购买数量" name="totalNum">
+        <a-input
+          allow-clear
+          placeholder="请输入购买数量"
+          v-model:value="form.totalNum"
+        />
+      </a-form-item>
+      <a-form-item label="教练id" name="coachId">
+        <a-input
+          allow-clear
+          placeholder="请输入教练id"
+          v-model:value="form.coachId"
+        />
+      </a-form-item>
+      <a-form-item label="商品ID" name="formId">
+        <a-input
+          allow-clear
+          placeholder="请输入商品ID"
+          v-model:value="form.formId"
+        />
+      </a-form-item>
+      <a-form-item label="支付的用户id" name="payUserId">
+        <a-input
+          allow-clear
+          placeholder="请输入支付的用户id"
+          v-model:value="form.payUserId"
+        />
+      </a-form-item>
+      <a-form-item label="0余额支付，1微信支付，2支付宝支付，3银联支付，4现金支付，5POS机支付，6免费，7积分支付" name="payType">
+        <a-input
+          allow-clear
+          placeholder="请输入0余额支付，1微信支付，2支付宝支付，3银联支付，4现金支付，5POS机支付，6免费，7积分支付"
+          v-model:value="form.payType"
+        />
+      </a-form-item>
+      <a-form-item label="微信支付子类型：JSAPI小程序支付，NATIVE扫码支付" name="wechatPayType">
+        <a-input
+          allow-clear
+          placeholder="请输入微信支付子类型：JSAPI小程序支付，NATIVE扫码支付"
+          v-model:value="form.wechatPayType"
+        />
+      </a-form-item>
+      <a-form-item label="0余额支付，1微信支付，2支付宝支付，3银联支付，4现金支付，5POS机支付，6免费，7积分支付" name="friendPayType">
+        <a-input
+          allow-clear
+          placeholder="请输入0余额支付，1微信支付，2支付宝支付，3银联支付，4现金支付，5POS机支付，6免费，7积分支付"
+          v-model:value="form.friendPayType"
+        />
+      </a-form-item>
+      <a-form-item label="0未付款，1已付款" name="payStatus">
+        <a-input
+          allow-clear
+          placeholder="请输入0未付款，1已付款"
+          v-model:value="form.payStatus"
+        />
+      </a-form-item>
+      <a-form-item label="0未使用，1已完成，2已取消，3取消中，4退款申请中，5退款被拒绝，6退款成功，7客户端申请退款" name="orderStatus">
+        <a-input
+          allow-clear
+          placeholder="请输入0未使用，1已完成，2已取消，3取消中，4退款申请中，5退款被拒绝，6退款成功，7客户端申请退款"
+          v-model:value="form.orderStatus"
+        />
+      </a-form-item>
+      <a-form-item label="发货状态(10未发货 20已发货 30部分发货)" name="deliveryStatus">
+        <a-input
+          allow-clear
+          placeholder="请输入发货状态(10未发货 20已发货 30部分发货)"
+          v-model:value="form.deliveryStatus"
+        />
+      </a-form-item>
+      <a-form-item label="无需发货备注" name="deliveryNote">
+        <a-input
+          allow-clear
+          placeholder="请输入无需发货备注"
+          v-model:value="form.deliveryNote"
+        />
+      </a-form-item>
+      <a-form-item label="发货时间" name="deliveryTime">
+        <a-input
+          allow-clear
+          placeholder="请输入发货时间"
+          v-model:value="form.deliveryTime"
+        />
+      </a-form-item>
+      <a-form-item label="评价状态(0未评价 1已评价)" name="evaluateStatus">
+        <a-input
+          allow-clear
+          placeholder="请输入评价状态(0未评价 1已评价)"
+          v-model:value="form.evaluateStatus"
+        />
+      </a-form-item>
+      <a-form-item label="评价时间" name="evaluateTime">
+        <a-input
+          allow-clear
+          placeholder="请输入评价时间"
+          v-model:value="form.evaluateTime"
+        />
+      </a-form-item>
+      <a-form-item label="优惠类型：0无、1抵扣优惠券、2折扣优惠券、3、VIP月卡、4VIP年卡，5VIP次卡、6VIP会员卡、7IC月卡、8IC年卡、9IC次卡、10IC会员卡、11免费订单、12VIP充值卡、13IC充值卡、14VIP季卡、15IC季卡" name="couponType">
+        <a-input
+          allow-clear
+          placeholder="请输入优惠类型：0无、1抵扣优惠券、2折扣优惠券、3、VIP月卡、4VIP年卡，5VIP次卡、6VIP会员卡、7IC月卡、8IC年卡、9IC次卡、10IC会员卡、11免费订单、12VIP充值卡、13IC充值卡、14VIP季卡、15IC季卡"
+          v-model:value="form.couponType"
+        />
+      </a-form-item>
+      <a-form-item label="优惠说明" name="couponDesc">
+        <a-input
+          allow-clear
+          placeholder="请输入优惠说明"
+          v-model:value="form.couponDesc"
+        />
+      </a-form-item>
+      <a-form-item label="二维码地址，保存订单号，支付成功后才生成" name="qrcode">
+        <a-input
+          allow-clear
+          placeholder="请输入二维码地址，保存订单号，支付成功后才生成"
+          v-model:value="form.qrcode"
+        />
+      </a-form-item>
+      <a-form-item label="vip月卡年卡、ic月卡年卡回退次数" name="returnNum">
+        <a-input
+          allow-clear
+          placeholder="请输入vip月卡年卡、ic月卡年卡回退次数"
+          v-model:value="form.returnNum"
+        />
+      </a-form-item>
+      <a-form-item label="vip充值回退金额" name="returnMoney">
+        <a-input
+          allow-clear
+          placeholder="请输入vip充值回退金额"
+          v-model:value="form.returnMoney"
+        />
+      </a-form-item>
+      <a-form-item label="预约详情开始时间数组" name="startTime">
+        <a-input
+          allow-clear
+          placeholder="请输入预约详情开始时间数组"
+          v-model:value="form.startTime"
+        />
+      </a-form-item>
+      <a-form-item label="是否已开具发票：0未开发票，1已开发票，2不能开具发票" name="isInvoice">
+        <a-input
+          allow-clear
+          placeholder="请输入是否已开具发票：0未开发票，1已开发票，2不能开具发票"
+          v-model:value="form.isInvoice"
+        />
+      </a-form-item>
+      <a-form-item label="发票流水号" name="invoiceNo">
+        <a-input
+          allow-clear
+          placeholder="请输入发票流水号"
+          v-model:value="form.invoiceNo"
+        />
+      </a-form-item>
+      <a-form-item label="商家留言" name="merchantRemarks">
+        <a-input
+          allow-clear
+          placeholder="请输入商家留言"
+          v-model:value="form.merchantRemarks"
+        />
+      </a-form-item>
+      <a-form-item label="支付时间" name="payTime">
+        <a-input
+          allow-clear
+          placeholder="请输入支付时间"
+          v-model:value="form.payTime"
+        />
+      </a-form-item>
+      <a-form-item label="退款时间" name="refundTime">
+        <a-input
+          allow-clear
+          placeholder="请输入退款时间"
+          v-model:value="form.refundTime"
+        />
+      </a-form-item>
+      <a-form-item label="申请退款时间" name="refundApplyTime">
+        <a-input
+          allow-clear
+          placeholder="请输入申请退款时间"
+          v-model:value="form.refundApplyTime"
+        />
+      </a-form-item>
+      <a-form-item label="过期时间" name="expirationTime">
+        <a-input
+          allow-clear
+          placeholder="请输入过期时间"
+          v-model:value="form.expirationTime"
+        />
+      </a-form-item>
+      <a-form-item label="自提码" name="selfTakeCode">
+        <a-input
+          allow-clear
+          placeholder="请输入自提码"
+          v-model:value="form.selfTakeCode"
+        />
+      </a-form-item>
+      <a-form-item label="是否已收到赠品" name="hasTakeGift">
+        <a-input
+          allow-clear
+          placeholder="请输入是否已收到赠品"
+          v-model:value="form.hasTakeGift"
+        />
+      </a-form-item>
+      <a-form-item label="对账情况：0=未对账；1=已对账；3=已对账，金额对不上；4=未查询到该订单" name="checkBill">
+        <a-input
+          allow-clear
+          placeholder="请输入对账情况：0=未对账；1=已对账；3=已对账，金额对不上；4=未查询到该订单"
+          v-model:value="form.checkBill"
+        />
+      </a-form-item>
+      <a-form-item label="订单是否已结算(0未结算 1已结算)" name="isSettled">
+        <a-input
+          allow-clear
+          placeholder="请输入订单是否已结算(0未结算 1已结算)"
+          v-model:value="form.isSettled"
+        />
+      </a-form-item>
+      <a-form-item label="系统版本号 0当前版本 value=其他版本" name="version">
+        <a-input
+          allow-clear
+          placeholder="请输入系统版本号 0当前版本 value=其他版本"
+          v-model:value="form.version"
+        />
+      </a-form-item>
+      <a-form-item label="用户id" name="userId">
+        <a-input
+          allow-clear
+          placeholder="请输入用户id"
+          v-model:value="form.userId"
+        />
+      </a-form-item>
+      <a-form-item label="备注" name="comments">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="请输入描述"
+          v-model:value="form.comments"
+        />
+      </a-form-item>
+      <a-form-item label="排序号" name="sortNumber">
+        <a-input-number
+          :min="0"
+          :max="9999"
+          class="ele-fluid"
+          placeholder="请输入排序号"
+          v-model:value="form.sortNumber"
+        />
+      </a-form-item>
+      <a-form-item label="是否删除, 0否, 1是" name="deleted">
+        <a-input
+          allow-clear
+          placeholder="请输入是否删除, 0否, 1是"
+          v-model:value="form.deleted"
+        />
+      </a-form-item>
+      <a-form-item label="修改时间" name="updateTime">
+        <a-input
+          allow-clear
+          placeholder="请输入修改时间"
+          v-model:value="form.updateTime"
+        />
+      </a-form-item>
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, watch } from 'vue';
+  import { Form, message } from 'ant-design-vue';
+  import { assignObject, uuid } from 'ele-admin-pro';
+  import { addClinicOrder, updateClinicOrder } from '@/api/clinic/clinicOrder';
+  import { ClinicOrder } from '@/api/clinic/clinicOrder/model';
+  import { useThemeStore } from '@/store/modules/theme';
+  import { storeToRefs } from 'pinia';
+  import { ItemType } from 'ele-admin-pro/es/ele-image-upload/types';
+  import { FormInstance } from 'ant-design-vue/es/form';
+  import { FileRecord } from '@/api/system/file/model';
+
+  // 是否是修改
+  const isUpdate = ref(false);
+  const useForm = Form.useForm;
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: ClinicOrder | null;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  // 提交状态
+  const loading = ref(false);
+  // 是否显示最大化切换按钮
+  const maxable = ref(true);
+  // 表格选中数据
+  const formRef = ref<FormInstance | null>(null);
+  const images = ref<ItemType[]>([]);
+
+  // 用户信息
+  const form = reactive<ClinicOrder>({
+    orderId: undefined,
+    orderNo: undefined,
+    type: undefined,
+    title: undefined,
+    deliveryType: undefined,
+    channel: undefined,
+    transactionId: undefined,
+    refundOrder: undefined,
+    merchantId: undefined,
+    merchantName: undefined,
+    merchantCode: undefined,
+    couponId: undefined,
+    cardId: undefined,
+    adminId: undefined,
+    confirmId: undefined,
+    icCard: undefined,
+    realName: undefined,
+    addressId: undefined,
+    address: undefined,
+    addressLat: undefined,
+    addressLng: undefined,
+    buyerRemarks: undefined,
+    selfTakeMerchantId: undefined,
+    selfTakeMerchantName: undefined,
+    sendStartTime: undefined,
+    sendEndTime: undefined,
+    expressMerchantId: undefined,
+    expressMerchantName: undefined,
+    totalPrice: undefined,
+    reducePrice: undefined,
+    payPrice: undefined,
+    price: undefined,
+    money: undefined,
+    cancelTime: undefined,
+    cancelReason: undefined,
+    refundMoney: undefined,
+    coachPrice: undefined,
+    totalNum: undefined,
+    coachId: undefined,
+    formId: undefined,
+    payUserId: undefined,
+    payType: undefined,
+    wechatPayType: undefined,
+    friendPayType: undefined,
+    payStatus: undefined,
+    orderStatus: undefined,
+    deliveryStatus: undefined,
+    deliveryNote: undefined,
+    deliveryTime: undefined,
+    evaluateStatus: undefined,
+    evaluateTime: undefined,
+    couponType: undefined,
+    couponDesc: undefined,
+    qrcode: undefined,
+    returnNum: undefined,
+    returnMoney: undefined,
+    startTime: undefined,
+    isInvoice: undefined,
+    invoiceNo: undefined,
+    merchantRemarks: undefined,
+    payTime: undefined,
+    refundTime: undefined,
+    refundApplyTime: undefined,
+    expirationTime: undefined,
+    selfTakeCode: undefined,
+    hasTakeGift: undefined,
+    checkBill: undefined,
+    isSettled: undefined,
+    version: undefined,
+    userId: undefined,
+    comments: undefined,
+    deleted: undefined,
+    tenantId: undefined,
+    updateTime: undefined,
+    createTime: undefined,
+    sortNumber: 100
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    clinicOrderName: [
+      {
+        required: true,
+        type: 'string',
+        message: '请填写处方订单名称',
+        trigger: 'blur'
+      }
+    ]
+  });
+
+  const chooseImage = (data: FileRecord) => {
+    images.value.push({
+      uid: data.id,
+      url: data.path,
+      status: 'done'
+    });
+    form.image = data.path;
+  };
+
+  const onDeleteItem = (index: number) => {
+    images.value.splice(index, 1);
+    form.image = '';
+  };
+
+  const { resetFields } = useForm(form, rules);
+
+  /* 保存编辑 */
+  const save = () => {
+    if (!formRef.value) {
+      return;
+    }
+    formRef.value
+      .validate()
+      .then(() => {
+        loading.value = true;
+        const formData = {
+          ...form
+        };
+        const saveOrUpdate = isUpdate.value ? updateClinicOrder : addClinicOrder;
+        saveOrUpdate(formData)
+          .then((msg) => {
+            loading.value = false;
+            message.success(msg);
+            updateVisible(false);
+            emit('done');
+          })
+          .catch((e) => {
+            loading.value = false;
+            message.error(e.message);
+          });
+      })
+      .catch(() => {});
+  };
+
+  watch(
+    () => props.visible,
+    (visible) => {
+      if (visible) {
+        images.value = [];
+        if (props.data) {
+          assignObject(form, props.data);
+          if(props.data.image){
+            images.value.push({
+              uid: uuid(),
+              url: props.data.image,
+              status: 'done'
+            })
+          }
+          isUpdate.value = true;
+        } else {
+          isUpdate.value = false;
+        }
+      } else {
+        resetFields();
+      }
+    },
+    { immediate: true }
+  );
+</script>
diff --git a/src/views/clinic/clinicOrder/components/search.vue b/src/views/clinic/clinicOrder/components/search.vue
new file mode 100644
index 0000000..82fea9d
--- /dev/null
+++ b/src/views/clinic/clinicOrder/components/search.vue
@@ -0,0 +1,42 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+    <a-button type="primary" class="ele-btn-icon" @click="add">
+      <template #icon>
+        <PlusOutlined />
+      </template>
+      <span>添加</span>
+    </a-button>
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+  import { PlusOutlined } from '@ant-design/icons-vue';
+  import type { GradeParam } from '@/api/user/grade/model';
+  import { watch } from 'vue';
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的角色
+      selection?: [];
+    }>(),
+    {}
+  );
+
+  const emit = defineEmits<{
+    (e: 'search', where?: GradeParam): void;
+    (e: 'add'): void;
+    (e: 'remove'): void;
+    (e: 'batchMove'): void;
+  }>();
+
+  // 新增
+  const add = () => {
+    emit('add');
+  };
+
+  watch(
+    () => props.selection,
+    () => {}
+  );
+</script>
diff --git a/src/views/clinic/clinicOrder/index.vue b/src/views/clinic/clinicOrder/index.vue
new file mode 100644
index 0000000..1780252
--- /dev/null
+++ b/src/views/clinic/clinicOrder/index.vue
@@ -0,0 +1,656 @@
+<template>
+  <a-page-header :title="getPageTitle()" @back="() => $router.go(-1)">
+      <a-card :bordered="false" :body-style="{ padding: '16px' }">
+        <ele-pro-table
+          ref="tableRef"
+          row-key="id"
+          :columns="columns"
+          :datasource="datasource"
+          :customRow="customRow"
+          tool-class="ele-toolbar-form"
+          class="sys-org-table"
+        >
+          <template #toolbar>
+            <search
+              @search="reload"
+              :selection="selection"
+              @add="openEdit"
+              @remove="removeBatch"
+              @batchMove="openMove"
+            />
+          </template>
+          <template #bodyCell="{ column, record }">
+            <template v-if="column.key === 'image'">
+              <a-image :src="record.image" :width="50" />
+            </template>
+            <template v-if="column.key === 'status'">
+              <a-tag v-if="record.status === 0" color="green">显示</a-tag>
+              <a-tag v-if="record.status === 1" color="red">隐藏</a-tag>
+            </template>
+            <template v-if="column.key === 'action'">
+              <a-space>
+                <a @click="openEdit(record)">修改</a>
+                <a-divider type="vertical" />
+                <a-popconfirm
+                  title="确定要删除此记录吗？"
+                  @confirm="remove(record)"
+                >
+                  <a class="ele-text-danger">删除</a>
+                </a-popconfirm>
+              </a-space>
+            </template>
+          </template>
+        </ele-pro-table>
+      </a-card>
+
+      <!-- 编辑弹窗 -->
+      <ClinicOrderEdit v-model:visible="showEdit" :data="current" @done="reload" />
+  </a-page-header>
+</template>
+
+<script lang="ts" setup>
+  import { createVNode, ref } from 'vue';
+  import { message, Modal } from 'ant-design-vue';
+  import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
+  import type { EleProTable } from 'ele-admin-pro';
+  import { toDateString } from 'ele-admin-pro';
+  import type {
+    DatasourceFunction,
+    ColumnItem
+  } from 'ele-admin-pro/es/ele-pro-table/types';
+  import Search from './components/search.vue';
+  import {getPageTitle} from '@/utils/common';
+  import ClinicOrderEdit from './components/clinicOrderEdit.vue';
+  import { pageClinicOrder, removeClinicOrder, removeBatchClinicOrder } from '@/api/clinic/clinicOrder';
+  import type { ClinicOrder, ClinicOrderParam } from '@/api/clinic/clinicOrder/model';
+
+  // 表格实例
+  const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+  // 表格选中数据
+  const selection = ref<ClinicOrder[]>([]);
+  // 当前编辑数据
+  const current = ref<ClinicOrder | null>(null);
+  // 是否显示编辑弹窗
+  const showEdit = ref(false);
+  // 是否显示批量移动弹窗
+  const showMove = ref(false);
+  // 加载状态
+  const loading = ref(true);
+
+  // 表格数据源
+  const datasource: DatasourceFunction = ({
+    page,
+    limit,
+    where,
+    orders,
+    filters
+  }) => {
+    if (filters) {
+      where.status = filters.status;
+    }
+    return pageClinicOrder({
+      ...where,
+      ...orders,
+      page,
+      limit
+    });
+  };
+
+  // 完整的列配置（包含所有字段）
+  const columns = ref<ColumnItem[]>([
+    {
+      title: '订单号',
+      dataIndex: 'orderId',
+      key: 'orderId',
+      width: 90,
+    },
+    {
+      title: '订单编号',
+      dataIndex: 'orderNo',
+      key: 'orderNo',
+      ellipsis: true
+    },
+    {
+      title: '订单类型，0商城订单 1预定订单/外卖 2会员卡',
+      dataIndex: 'type',
+      key: 'type',
+      width: 120
+    },
+    {
+      title: '订单标题',
+      dataIndex: 'title',
+      key: 'title',
+      ellipsis: true
+    },
+    {
+      title: '快递/自提',
+      dataIndex: 'deliveryType',
+      key: 'deliveryType',
+      width: 120
+    },
+    {
+      title: '下单渠道，0小程序预定 1俱乐部训练场 3活动订场',
+      dataIndex: 'channel',
+      key: 'channel',
+      width: 120
+    },
+    {
+      title: '微信支付交易号号',
+      dataIndex: 'transactionId',
+      key: 'transactionId',
+      ellipsis: true
+    },
+    {
+      title: '微信退款订单号',
+      dataIndex: 'refundOrder',
+      key: 'refundOrder',
+      ellipsis: true
+    },
+    {
+      title: '商户ID',
+      dataIndex: 'merchantId',
+      key: 'merchantId',
+      width: 120
+    },
+    {
+      title: '商户名称',
+      dataIndex: 'merchantName',
+      key: 'merchantName',
+      ellipsis: true
+    },
+    {
+      title: '商户编号',
+      dataIndex: 'merchantCode',
+      key: 'merchantCode',
+      ellipsis: true
+    },
+    {
+      title: '使用的优惠券id',
+      dataIndex: 'couponId',
+      key: 'couponId',
+      width: 120
+    },
+    {
+      title: '使用的会员卡id',
+      dataIndex: 'cardId',
+      key: 'cardId',
+      ellipsis: true
+    },
+    {
+      title: '关联管理员id',
+      dataIndex: 'adminId',
+      key: 'adminId',
+      width: 120
+    },
+    {
+      title: '核销管理员id',
+      dataIndex: 'confirmId',
+      key: 'confirmId',
+      width: 120
+    },
+    {
+      title: 'IC卡号',
+      dataIndex: 'icCard',
+      key: 'icCard',
+      ellipsis: true
+    },
+    {
+      title: '真实姓名',
+      dataIndex: 'realName',
+      key: 'realName',
+      ellipsis: true
+    },
+    {
+      title: '关联收货地址',
+      dataIndex: 'addressId',
+      key: 'addressId',
+      width: 120
+    },
+    {
+      title: '收货地址',
+      dataIndex: 'address',
+      key: 'address',
+      ellipsis: true
+    },
+    {
+      title: '',
+      dataIndex: 'addressLat',
+      key: 'addressLat',
+      ellipsis: true
+    },
+    {
+      title: '',
+      dataIndex: 'addressLng',
+      key: 'addressLng',
+      ellipsis: true
+    },
+    {
+      title: '买家留言',
+      dataIndex: 'buyerRemarks',
+      key: 'buyerRemarks',
+      ellipsis: true
+    },
+    {
+      title: '自提店铺id',
+      dataIndex: 'selfTakeMerchantId',
+      key: 'selfTakeMerchantId',
+      width: 120
+    },
+    {
+      title: '自提店铺',
+      dataIndex: 'selfTakeMerchantName',
+      key: 'selfTakeMerchantName',
+      ellipsis: true
+    },
+    {
+      title: '配送开始时间',
+      dataIndex: 'sendStartTime',
+      key: 'sendStartTime',
+      ellipsis: true
+    },
+    {
+      title: '配送结束时间',
+      dataIndex: 'sendEndTime',
+      key: 'sendEndTime',
+      ellipsis: true
+    },
+    {
+      title: '发货店铺id',
+      dataIndex: 'expressMerchantId',
+      key: 'expressMerchantId',
+      width: 120
+    },
+    {
+      title: '发货店铺',
+      dataIndex: 'expressMerchantName',
+      key: 'expressMerchantName',
+      ellipsis: true
+    },
+    {
+      title: '订单总额',
+      dataIndex: 'totalPrice',
+      key: 'totalPrice',
+      width: 120
+    },
+    {
+      title: '减少的金额，使用VIP会员折扣、优惠券抵扣、优惠券折扣后减去的价格',
+      dataIndex: 'reducePrice',
+      key: 'reducePrice',
+      width: 120
+    },
+    {
+      title: '实际付款',
+      dataIndex: 'payPrice',
+      key: 'payPrice',
+      width: 120
+    },
+    {
+      title: '用于统计',
+      dataIndex: 'price',
+      key: 'price',
+      width: 120
+    },
+    {
+      title: '价钱，用于积分赠送',
+      dataIndex: 'money',
+      key: 'money',
+      width: 120
+    },
+    {
+      title: '取消时间',
+      dataIndex: 'cancelTime',
+      key: 'cancelTime',
+      width: 120
+    },
+    {
+      title: '取消原因',
+      dataIndex: 'cancelReason',
+      key: 'cancelReason',
+      ellipsis: true
+    },
+    {
+      title: '退款金额',
+      dataIndex: 'refundMoney',
+      key: 'refundMoney',
+      width: 120
+    },
+    {
+      title: '教练价格',
+      dataIndex: 'coachPrice',
+      key: 'coachPrice',
+      width: 120
+    },
+    {
+      title: '购买数量',
+      dataIndex: 'totalNum',
+      key: 'totalNum',
+      width: 120
+    },
+    {
+      title: '教练id',
+      dataIndex: 'coachId',
+      key: 'coachId',
+      width: 120
+    },
+    {
+      title: '商品ID',
+      dataIndex: 'formId',
+      key: 'formId',
+      width: 120
+    },
+    {
+      title: '支付的用户id',
+      dataIndex: 'payUserId',
+      key: 'payUserId',
+      width: 120
+    },
+    {
+      title: '0余额支付，1微信支付，2支付宝支付，3银联支付，4现金支付，5POS机支付，6免费，7积分支付',
+      dataIndex: 'payType',
+      key: 'payType',
+      width: 120
+    },
+    {
+      title: '微信支付子类型：JSAPI小程序支付，NATIVE扫码支付',
+      dataIndex: 'wechatPayType',
+      key: 'wechatPayType',
+      ellipsis: true
+    },
+    {
+      title: '0余额支付，1微信支付，2支付宝支付，3银联支付，4现金支付，5POS机支付，6免费，7积分支付',
+      dataIndex: 'friendPayType',
+      key: 'friendPayType',
+      width: 120
+    },
+    {
+      title: '0未付款，1已付款',
+      dataIndex: 'payStatus',
+      key: 'payStatus',
+      width: 120
+    },
+    {
+      title: '0未使用，1已完成，2已取消，3取消中，4退款申请中，5退款被拒绝，6退款成功，7客户端申请退款',
+      dataIndex: 'orderStatus',
+      key: 'orderStatus',
+      width: 120
+    },
+    {
+      title: '发货状态(10未发货 20已发货 30部分发货)',
+      dataIndex: 'deliveryStatus',
+      key: 'deliveryStatus',
+      width: 120
+    },
+    {
+      title: '无需发货备注',
+      dataIndex: 'deliveryNote',
+      key: 'deliveryNote',
+      ellipsis: true
+    },
+    {
+      title: '发货时间',
+      dataIndex: 'deliveryTime',
+      key: 'deliveryTime',
+      width: 120
+    },
+    {
+      title: '评价状态(0未评价 1已评价)',
+      dataIndex: 'evaluateStatus',
+      key: 'evaluateStatus',
+      width: 120
+    },
+    {
+      title: '评价时间',
+      dataIndex: 'evaluateTime',
+      key: 'evaluateTime',
+      width: 120
+    },
+    {
+      title: '优惠类型：0无、1抵扣优惠券、2折扣优惠券、3、VIP月卡、4VIP年卡，5VIP次卡、6VIP会员卡、7IC月卡、8IC年卡、9IC次卡、10IC会员卡、11免费订单、12VIP充值卡、13IC充值卡、14VIP季卡、15IC季卡',
+      dataIndex: 'couponType',
+      key: 'couponType',
+      width: 120
+    },
+    {
+      title: '优惠说明',
+      dataIndex: 'couponDesc',
+      key: 'couponDesc',
+      ellipsis: true
+    },
+    {
+      title: '二维码地址，保存订单号，支付成功后才生成',
+      dataIndex: 'qrcode',
+      key: 'qrcode',
+      ellipsis: true
+    },
+    {
+      title: 'vip月卡年卡、ic月卡年卡回退次数',
+      dataIndex: 'returnNum',
+      key: 'returnNum',
+      width: 120
+    },
+    {
+      title: 'vip充值回退金额',
+      dataIndex: 'returnMoney',
+      key: 'returnMoney',
+      width: 120
+    },
+    {
+      title: '预约详情开始时间数组',
+      dataIndex: 'startTime',
+      key: 'startTime',
+      ellipsis: true
+    },
+    {
+      title: '是否已开具发票：0未开发票，1已开发票，2不能开具发票',
+      dataIndex: 'isInvoice',
+      key: 'isInvoice',
+      width: 120
+    },
+    {
+      title: '发票流水号',
+      dataIndex: 'invoiceNo',
+      key: 'invoiceNo',
+      ellipsis: true
+    },
+    {
+      title: '商家留言',
+      dataIndex: 'merchantRemarks',
+      key: 'merchantRemarks',
+      ellipsis: true
+    },
+    {
+      title: '支付时间',
+      dataIndex: 'payTime',
+      key: 'payTime',
+      width: 120
+    },
+    {
+      title: '退款时间',
+      dataIndex: 'refundTime',
+      key: 'refundTime',
+      width: 120
+    },
+    {
+      title: '申请退款时间',
+      dataIndex: 'refundApplyTime',
+      key: 'refundApplyTime',
+      width: 120
+    },
+    {
+      title: '过期时间',
+      dataIndex: 'expirationTime',
+      key: 'expirationTime',
+      width: 120
+    },
+    {
+      title: '自提码',
+      dataIndex: 'selfTakeCode',
+      key: 'selfTakeCode',
+      ellipsis: true
+    },
+    {
+      title: '是否已收到赠品',
+      dataIndex: 'hasTakeGift',
+      key: 'hasTakeGift',
+      width: 120
+    },
+    {
+      title: '对账情况：0=未对账；1=已对账；3=已对账，金额对不上；4=未查询到该订单',
+      dataIndex: 'checkBill',
+      key: 'checkBill',
+      width: 120
+    },
+    {
+      title: '订单是否已结算(0未结算 1已结算)',
+      dataIndex: 'isSettled',
+      key: 'isSettled',
+      width: 120
+    },
+    {
+      title: '系统版本号 0当前版本 value=其他版本',
+      dataIndex: 'version',
+      key: 'version',
+      width: 120
+    },
+    {
+      title: '用户id',
+      dataIndex: 'userId',
+      key: 'userId',
+      width: 120
+    },
+    {
+      title: '备注',
+      dataIndex: 'comments',
+      key: 'comments',
+      ellipsis: true
+    },
+    {
+      title: '排序号',
+      dataIndex: 'sortNumber',
+      key: 'sortNumber',
+      width: 120
+    },
+    {
+      title: '是否删除, 0否, 1是',
+      dataIndex: 'deleted',
+      key: 'deleted',
+      width: 120
+    },
+    {
+      title: '修改时间',
+      dataIndex: 'updateTime',
+      key: 'updateTime',
+      width: 200,
+      align: 'center',
+      sorter: true,
+      ellipsis: true,
+      customRender: ({ text }) => toDateString(text, 'yyyy-MM-dd HH:mm:ss')
+    },
+    {
+      title: '创建时间',
+      dataIndex: 'createTime',
+      key: 'createTime',
+      width: 200,
+      align: 'center',
+      sorter: true,
+      ellipsis: true,
+      customRender: ({ text }) => toDateString(text, 'yyyy-MM-dd HH:mm:ss')
+    },
+    {
+      title: '操作',
+      key: 'action',
+      width: 180,
+      fixed: 'right',
+      align: 'center',
+      hideInSetting: true
+    }
+  ]);
+
+  /* 搜索 */
+  const reload = (where?: ClinicOrderParam) => {
+    selection.value = [];
+    tableRef?.value?.reload({ where: where });
+  };
+
+  /* 打开编辑弹窗 */
+  const openEdit = (row?: ClinicOrder) => {
+    current.value = row ?? null;
+    showEdit.value = true;
+  };
+
+  /* 打开批量移动弹窗 */
+  const openMove = () => {
+    showMove.value = true;
+  };
+
+  /* 删除单个 */
+  const remove = (row: ClinicOrder) => {
+    const hide = message.loading('请求中..', 0);
+    removeClinicOrder(row.orderId)
+      .then((msg) => {
+        hide();
+        message.success(msg);
+        reload();
+      })
+      .catch((e) => {
+        hide();
+        message.error(e.message);
+      });
+  };
+
+  /* 批量删除 */
+  const removeBatch = () => {
+    if (!selection.value.length) {
+      message.error('请至少选择一条数据');
+      return;
+    }
+    Modal.confirm({
+      title: '提示',
+      content: '确定要删除选中的记录吗?',
+      icon: createVNode(ExclamationCircleOutlined),
+      maskClosable: true,
+      onOk: () => {
+        const hide = message.loading('请求中..', 0);
+        removeBatchClinicOrder(selection.value.map((d) => d.orderId))
+          .then((msg) => {
+            hide();
+            message.success(msg);
+            reload();
+          })
+          .catch((e) => {
+            hide();
+            message.error(e.message);
+          });
+      }
+    });
+  };
+
+  /* 查询 */
+  const query = () => {
+    loading.value = true;
+  };
+
+  /* 自定义行属性 */
+  const customRow = (record: ClinicOrder) => {
+    return {
+      // 行点击事件
+      onClick: () => {
+        // console.log(record);
+      },
+      // 行双击事件
+      onDblclick: () => {
+        openEdit(record);
+      }
+    };
+  };
+  query();
+</script>
+
+<script lang="ts">
+  export default {
+    name: 'ClinicOrder'
+  };
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/views/clinic/clinicPatientUser/components/clinicPatientUserEdit.vue b/src/views/clinic/clinicPatientUser/components/clinicPatientUserEdit.vue
new file mode 100644
index 0000000..ea22352
--- /dev/null
+++ b/src/views/clinic/clinicPatientUser/components/clinicPatientUserEdit.vue
@@ -0,0 +1,223 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑患者' : '添加患者'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+<!--      <a-form-item label="类型 0经销商 1企业 2集团" name="type">-->
+<!--        <a-input-->
+<!--          allow-clear-->
+<!--          placeholder="请输入类型 0经销商 1企业 2集团"-->
+<!--          v-model:value="form.type"-->
+<!--        />-->
+<!--      </a-form-item>-->
+      <a-form-item v-if="isUpdate" label="用户ID" name="userId">
+        {{ form.userId }}
+      </a-form-item>
+      <a-form-item label="姓名" name="realName">
+        <a-input
+          allow-clear
+          placeholder="请输入姓名"
+          v-model:value="form.realName"
+        />
+      </a-form-item>
+      <a-form-item label="手机号" name="phone">
+        <a-input
+          allow-clear
+          placeholder="请输入手机号"
+          disabled
+          v-model:value="form.phone"
+        />
+      </a-form-item>
+      <a-form-item label="年龄" name="age">
+        <a-input-number
+          :min="0"
+          :max="999"
+          class="ele-fluid"
+          placeholder="请输入年龄"
+          v-model:value="form.age"
+        />
+      </a-form-item>
+      <a-form-item label="身高" name="height">
+        <a-input-number
+          :min="0"
+          :max="999"
+          class="ele-fluid"
+          placeholder="请输入身高"
+          v-model:value="form.height"
+        />
+      </a-form-item>
+      <a-form-item label="体重" name="weight">
+        <a-input-number
+          :min="0"
+          :max="999"
+          class="ele-fluid"
+          placeholder="请输入体重"
+          v-model:value="form.weight"
+        />
+      </a-form-item>
+      <a-form-item label="过敏史" name="allergyHistory">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="请输入过敏史"
+          v-model:value="form.allergyHistory"
+        />
+      </a-form-item>
+      <a-form-item label="备注" name="comments">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="请输入描述"
+          v-model:value="form.comments"
+        />
+      </a-form-item>
+      <a-form-item label="排序号" name="sortNumber">
+        <a-input-number
+          :min="0"
+          :max="9999"
+          class="ele-fluid"
+          placeholder="请输入排序号"
+          v-model:value="form.sortNumber"
+        />
+      </a-form-item>
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, watch } from 'vue';
+  import { Form, message } from 'ant-design-vue';
+  import { assignObject } from 'ele-admin-pro';
+  import { addClinicPatientUser, updateClinicPatientUser } from '@/api/clinic/clinicPatientUser';
+  import { ClinicPatientUser } from '@/api/clinic/clinicPatientUser/model';
+  import { useThemeStore } from '@/store/modules/theme';
+  import { storeToRefs } from 'pinia';
+  import { ItemType } from 'ele-admin-pro/es/ele-image-upload/types';
+  import { FormInstance } from 'ant-design-vue/es/form';
+
+  // 是否是修改
+  const isUpdate = ref(false);
+  const useForm = Form.useForm;
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: ClinicPatientUser | null;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  // 提交状态
+  const loading = ref(false);
+  // 是否显示最大化切换按钮
+  const maxable = ref(true);
+  // 表格选中数据
+  const formRef = ref<FormInstance | null>(null);
+  const images = ref<ItemType[]>([]);
+
+  // 用户信息
+  const form = reactive<ClinicPatientUser>({
+    id: undefined,
+    type: undefined,
+    userId: undefined,
+    realName: undefined,
+    phone: undefined,
+    age: undefined,
+    height: undefined,
+    weight: undefined,
+    allergyHistory: undefined,
+    qrcode: undefined,
+    comments: undefined,
+    tenantId: undefined,
+    createTime: undefined,
+    sortNumber: 100
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    clinicPatientUserName: [
+      {
+        required: true,
+        type: 'string',
+        message: '请填写患者名称',
+        trigger: 'blur'
+      }
+    ]
+  });
+
+  const { resetFields } = useForm(form, rules);
+
+  /* 保存编辑 */
+  const save = () => {
+    if (!formRef.value) {
+      return;
+    }
+    formRef.value
+      .validate()
+      .then(() => {
+        loading.value = true;
+        const formData = {
+          ...form
+        };
+        const saveOrUpdate = isUpdate.value ? updateClinicPatientUser : addClinicPatientUser;
+        saveOrUpdate(formData)
+          .then((msg) => {
+            loading.value = false;
+            message.success(msg);
+            updateVisible(false);
+            emit('done');
+          })
+          .catch((e) => {
+            loading.value = false;
+            message.error(e.message);
+          });
+      })
+      .catch(() => {});
+  };
+
+  watch(
+    () => props.visible,
+    (visible) => {
+      if (visible) {
+        images.value = [];
+        if (props.data) {
+          assignObject(form, props.data);
+          isUpdate.value = true;
+        } else {
+          isUpdate.value = false;
+        }
+      } else {
+        resetFields();
+      }
+    },
+    { immediate: true }
+  );
+</script>
diff --git a/src/views/clinic/clinicPatientUser/components/search.vue b/src/views/clinic/clinicPatientUser/components/search.vue
new file mode 100644
index 0000000..82fea9d
--- /dev/null
+++ b/src/views/clinic/clinicPatientUser/components/search.vue
@@ -0,0 +1,42 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+    <a-button type="primary" class="ele-btn-icon" @click="add">
+      <template #icon>
+        <PlusOutlined />
+      </template>
+      <span>添加</span>
+    </a-button>
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+  import { PlusOutlined } from '@ant-design/icons-vue';
+  import type { GradeParam } from '@/api/user/grade/model';
+  import { watch } from 'vue';
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的角色
+      selection?: [];
+    }>(),
+    {}
+  );
+
+  const emit = defineEmits<{
+    (e: 'search', where?: GradeParam): void;
+    (e: 'add'): void;
+    (e: 'remove'): void;
+    (e: 'batchMove'): void;
+  }>();
+
+  // 新增
+  const add = () => {
+    emit('add');
+  };
+
+  watch(
+    () => props.selection,
+    () => {}
+  );
+</script>
diff --git a/src/views/clinic/clinicPatientUser/index.vue b/src/views/clinic/clinicPatientUser/index.vue
new file mode 100644
index 0000000..6adc8a7
--- /dev/null
+++ b/src/views/clinic/clinicPatientUser/index.vue
@@ -0,0 +1,287 @@
+<template>
+  <a-page-header :title="getPageTitle()" @back="() => $router.go(-1)">
+      <a-card :bordered="false" :body-style="{ padding: '16px' }">
+        <ele-pro-table
+          ref="tableRef"
+          row-key="id"
+          :columns="columns"
+          :datasource="datasource"
+          :customRow="customRow"
+          tool-class="ele-toolbar-form"
+          class="sys-org-table"
+        >
+          <template #toolbar>
+            <search
+              @search="reload"
+              :selection="selection"
+              @add="openEdit"
+              @remove="removeBatch"
+              @batchMove="openMove"
+            />
+          </template>
+          <template #bodyCell="{ column, record }">
+            <template v-if="column.key === 'image'">
+              <a-image :src="record.image" :width="50" />
+            </template>
+            <template v-if="column.key === 'realName'">
+              <a-space>
+                <a-avatar :src="record.avatar" />
+                <div class="flex flex-col">
+                  <div>{{ record.realName }}</div>
+                  <div class="text-gray-400">{{ record.phone }}</div>
+                </div>
+              </a-space>
+            </template>
+            <template v-if="column.key === 'sex'">
+              <a-tag v-if="record.sex == '1'" color="blue">男</a-tag>
+              <a-tag v-if="record.sex == '2'" color="pink">女</a-tag>
+            </template>
+            <template v-if="column.key === 'status'">
+              <a-tag v-if="record.status === 0" color="green">显示</a-tag>
+              <a-tag v-if="record.status === 1" color="red">隐藏</a-tag>
+            </template>
+            <template v-if="column.key === 'action'">
+              <a-space>
+                <a @click="openEdit(record)">修改</a>
+                <a-divider type="vertical" />
+                <a-popconfirm
+                  title="确定要删除此记录吗？"
+                  @confirm="remove(record)"
+                >
+                  <a class="ele-text-danger">删除</a>
+                </a-popconfirm>
+              </a-space>
+            </template>
+          </template>
+        </ele-pro-table>
+      </a-card>
+
+      <!-- 编辑弹窗 -->
+      <ClinicPatientUserEdit v-model:visible="showEdit" :data="current" @done="reload" />
+  </a-page-header>
+</template>
+
+<script lang="ts" setup>
+  import { createVNode, ref } from 'vue';
+  import { message, Modal } from 'ant-design-vue';
+  import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
+  import type { EleProTable } from 'ele-admin-pro';
+  import { toDateString } from 'ele-admin-pro';
+  import type {
+    DatasourceFunction,
+    ColumnItem
+  } from 'ele-admin-pro/es/ele-pro-table/types';
+  import Search from './components/search.vue';
+  import {getPageTitle} from '@/utils/common';
+  import ClinicPatientUserEdit from './components/clinicPatientUserEdit.vue';
+  import { pageClinicPatientUser, removeClinicPatientUser, removeBatchClinicPatientUser } from '@/api/clinic/clinicPatientUser';
+  import type { ClinicPatientUser, ClinicPatientUserParam } from '@/api/clinic/clinicPatientUser/model';
+
+  // 表格实例
+  const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+  // 表格选中数据
+  const selection = ref<ClinicPatientUser[]>([]);
+  // 当前编辑数据
+  const current = ref<ClinicPatientUser | null>(null);
+  // 是否显示编辑弹窗
+  const showEdit = ref(false);
+  // 是否显示批量移动弹窗
+  const showMove = ref(false);
+  // 加载状态
+  const loading = ref(true);
+
+  // 表格数据源
+  const datasource: DatasourceFunction = ({
+    page,
+    limit,
+    where,
+    orders,
+    filters
+  }) => {
+    if (filters) {
+      where.status = filters.status;
+    }
+    return pageClinicPatientUser({
+      ...where,
+      ...orders,
+      page,
+      limit
+    });
+  };
+
+  // 完整的列配置（包含所有字段）
+  const columns = ref<ColumnItem[]>([
+    {
+      title: '患者ID',
+      dataIndex: 'userId',
+      key: 'userId',
+      width: 90
+    },
+    {
+      title: '患者信息',
+      dataIndex: 'realName',
+      key: 'realName',
+      width: 180
+    },
+    // {
+    //   title: '手机号',
+    //   dataIndex: 'phone',
+    //   key: 'phone',
+    //   ellipsis: true
+    // },
+    {
+      title: '性别',
+      dataIndex: 'sex',
+      key: 'sex',
+      align: 'center',
+    },
+    {
+      title: '年龄',
+      align: 'center',
+      dataIndex: 'age',
+      key: 'age'
+    },
+    {
+      title: '身高',
+      align: 'center',
+      dataIndex: 'height',
+      key: 'height'
+    },
+    {
+      title: '体重',
+      align: 'center',
+      dataIndex: 'weight',
+      key: 'weight'
+    },
+    // {
+    //   title: '专属二维码',
+    //   dataIndex: 'qrcode',
+    //   key: 'qrcode',
+    //   ellipsis: true
+    // },
+    {
+      title: '过敏史',
+      dataIndex: 'allergyHistory',
+      key: 'allergyHistory'
+    },
+    {
+      title: '患者描述',
+      dataIndex: 'comments',
+      key: 'comments',
+      ellipsis: true
+    },
+    {
+      title: '排序号',
+      dataIndex: 'sortNumber',
+      key: 'sortNumber',
+      align: 'center',
+      width: 90
+    },
+    {
+      title: '创建时间',
+      dataIndex: 'createTime',
+      key: 'createTime',
+      width: 180,
+      align: 'center',
+      sorter: true,
+      ellipsis: true,
+      customRender: ({ text }) => toDateString(text, 'yyyy-MM-dd HH:mm:ss')
+    },
+    {
+      title: '操作',
+      key: 'action',
+      width: 180,
+      fixed: 'right',
+      align: 'center',
+      hideInSetting: true
+    }
+  ]);
+
+  /* 搜索 */
+  const reload = (where?: ClinicPatientUserParam) => {
+    selection.value = [];
+    tableRef?.value?.reload({ where: where });
+  };
+
+  /* 打开编辑弹窗 */
+  const openEdit = (row?: ClinicPatientUser) => {
+    current.value = row ?? null;
+    showEdit.value = true;
+  };
+
+  /* 打开批量移动弹窗 */
+  const openMove = () => {
+    showMove.value = true;
+  };
+
+  /* 删除单个 */
+  const remove = (row: ClinicPatientUser) => {
+    const hide = message.loading('请求中..', 0);
+    removeClinicPatientUser(row.id)
+      .then((msg) => {
+        hide();
+        message.success(msg);
+        reload();
+      })
+      .catch((e) => {
+        hide();
+        message.error(e.message);
+      });
+  };
+
+  /* 批量删除 */
+  const removeBatch = () => {
+    if (!selection.value.length) {
+      message.error('请至少选择一条数据');
+      return;
+    }
+    Modal.confirm({
+      title: '提示',
+      content: '确定要删除选中的记录吗?',
+      icon: createVNode(ExclamationCircleOutlined),
+      maskClosable: true,
+      onOk: () => {
+        const hide = message.loading('请求中..', 0);
+        removeBatchClinicPatientUser(selection.value.map((d) => d.id))
+          .then((msg) => {
+            hide();
+            message.success(msg);
+            reload();
+          })
+          .catch((e) => {
+            hide();
+            message.error(e.message);
+          });
+      }
+    });
+  };
+
+  /* 查询 */
+  const query = () => {
+    loading.value = true;
+  };
+
+  /* 自定义行属性 */
+  const customRow = (record: ClinicPatientUser) => {
+    return {
+      // 行点击事件
+      onClick: () => {
+        // console.log(record);
+      },
+      // 行双击事件
+      onDblclick: () => {
+        openEdit(record);
+      }
+    };
+  };
+  query();
+</script>
+
+<script lang="ts">
+  export default {
+    name: 'ClinicPatientUser'
+  };
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/views/clinic/clinicPrescription/components/clinicPrescriptionEdit.vue b/src/views/clinic/clinicPrescription/components/clinicPrescriptionEdit.vue
new file mode 100644
index 0000000..d56078d
--- /dev/null
+++ b/src/views/clinic/clinicPrescription/components/clinicPrescriptionEdit.vue
@@ -0,0 +1,272 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑处方主表' : '添加处方主表'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="患者" name="userId">
+        <a-input
+          allow-clear
+          placeholder="请输入患者"
+          v-model:value="form.userId"
+        />
+      </a-form-item>
+      <a-form-item label="医生" name="doctorId">
+        <a-input
+          allow-clear
+          placeholder="请输入医生"
+          v-model:value="form.doctorId"
+        />
+      </a-form-item>
+      <a-form-item label="订单编号" name="orderNo">
+        <a-input
+          allow-clear
+          placeholder="请输入订单编号"
+          v-model:value="form.orderNo"
+        />
+      </a-form-item>
+      <a-form-item label="关联就诊表" name="visitRecordId">
+        <a-input
+          allow-clear
+          placeholder="请输入关联就诊表"
+          v-model:value="form.visitRecordId"
+        />
+      </a-form-item>
+      <a-form-item label="处方类型 0中药 1西药" name="prescriptionType">
+        <a-input
+          allow-clear
+          placeholder="请输入处方类型 0中药 1西药"
+          v-model:value="form.prescriptionType"
+        />
+      </a-form-item>
+      <a-form-item label="诊断结果" name="diagnosis">
+        <a-input
+          allow-clear
+          placeholder="请输入诊断结果"
+          v-model:value="form.diagnosis"
+        />
+      </a-form-item>
+      <a-form-item label="治疗方案" name="treatmentPlan">
+        <a-input
+          allow-clear
+          placeholder="请输入治疗方案"
+          v-model:value="form.treatmentPlan"
+        />
+      </a-form-item>
+      <a-form-item label="煎药说明" name="decoctionInstructions">
+        <a-input
+          allow-clear
+          placeholder="请输入煎药说明"
+          v-model:value="form.decoctionInstructions"
+        />
+      </a-form-item>
+      <a-form-item label="订单总金额" name="orderPrice">
+        <a-input
+          allow-clear
+          placeholder="请输入订单总金额"
+          v-model:value="form.orderPrice"
+        />
+      </a-form-item>
+      <a-form-item label="单价" name="price">
+        <a-input
+          allow-clear
+          placeholder="请输入单价"
+          v-model:value="form.price"
+        />
+      </a-form-item>
+      <a-form-item label="实付金额" name="payPrice">
+        <a-input
+          allow-clear
+          placeholder="请输入实付金额"
+          v-model:value="form.payPrice"
+        />
+      </a-form-item>
+      <a-form-item label="订单是否失效(0未失效 1已失效)" name="isInvalid">
+        <a-input
+          allow-clear
+          placeholder="请输入订单是否失效(0未失效 1已失效)"
+          v-model:value="form.isInvalid"
+        />
+      </a-form-item>
+      <a-form-item label="结算(0未结算 1已结算)" name="isSettled">
+        <a-input
+          allow-clear
+          placeholder="请输入结算(0未结算 1已结算)"
+          v-model:value="form.isSettled"
+        />
+      </a-form-item>
+      <a-form-item label="结算时间" name="settleTime">
+        <a-input
+          allow-clear
+          placeholder="请输入结算时间"
+          v-model:value="form.settleTime"
+        />
+      </a-form-item>
+      <a-form-item label="状态, 0正常, 1已完成，2已支付，3已取消" name="status">
+        <a-radio-group v-model:value="form.status">
+          <a-radio :value="0">显示</a-radio>
+          <a-radio :value="1">隐藏</a-radio>
+        </a-radio-group>
+      </a-form-item>
+      <a-form-item label="备注" name="comments">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="请输入描述"
+          v-model:value="form.comments"
+        />
+      </a-form-item>
+      <a-form-item label="修改时间" name="updateTime">
+        <a-input
+          allow-clear
+          placeholder="请输入修改时间"
+          v-model:value="form.updateTime"
+        />
+      </a-form-item>
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, watch } from 'vue';
+  import { Form, message } from 'ant-design-vue';
+  import { assignObject, uuid } from 'ele-admin-pro';
+  import { addClinicPrescription, updateClinicPrescription } from '@/api/clinic/clinicPrescription';
+  import { ClinicPrescription } from '@/api/clinic/clinicPrescription/model';
+  import { useThemeStore } from '@/store/modules/theme';
+  import { storeToRefs } from 'pinia';
+  import { ItemType } from 'ele-admin-pro/es/ele-image-upload/types';
+  import { FormInstance } from 'ant-design-vue/es/form';
+  import { FileRecord } from '@/api/system/file/model';
+
+  // 是否是修改
+  const isUpdate = ref(false);
+  const useForm = Form.useForm;
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: ClinicPrescription | null;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  // 提交状态
+  const loading = ref(false);
+  // 是否显示最大化切换按钮
+  const maxable = ref(true);
+  // 表格选中数据
+  const formRef = ref<FormInstance | null>(null);
+  const images = ref<ItemType[]>([]);
+
+  // 用户信息
+  const form = reactive<ClinicPrescription>({
+    id: undefined,
+    userId: undefined,
+    doctorId: undefined,
+    orderNo: undefined,
+    visitRecordId: undefined,
+    prescriptionType: undefined,
+    diagnosis: undefined,
+    treatmentPlan: undefined,
+    decoctionInstructions: undefined,
+    orderPrice: undefined,
+    price: undefined,
+    payPrice: undefined,
+    isInvalid: undefined,
+    isSettled: undefined,
+    settleTime: undefined,
+    tenantId: undefined,
+    createTime: undefined,
+    updateTime: undefined,
+    status: 0,
+    comments: ''
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    clinicPrescriptionName: [
+      {
+        required: true,
+        type: 'string',
+        message: '请填写处方主表名称',
+        trigger: 'blur'
+      }
+    ]
+  });
+
+  const { resetFields } = useForm(form, rules);
+
+  /* 保存编辑 */
+  const save = () => {
+    if (!formRef.value) {
+      return;
+    }
+    formRef.value
+      .validate()
+      .then(() => {
+        loading.value = true;
+        const formData = {
+          ...form
+        };
+        const saveOrUpdate = isUpdate.value ? updateClinicPrescription : addClinicPrescription;
+        saveOrUpdate(formData)
+          .then((msg) => {
+            loading.value = false;
+            message.success(msg);
+            updateVisible(false);
+            emit('done');
+          })
+          .catch((e) => {
+            loading.value = false;
+            message.error(e.message);
+          });
+      })
+      .catch(() => {});
+  };
+
+  watch(
+    () => props.visible,
+    (visible) => {
+      if (visible) {
+        images.value = [];
+        if (props.data) {
+          assignObject(form, props.data);
+          isUpdate.value = true;
+        } else {
+          isUpdate.value = false;
+        }
+      } else {
+        resetFields();
+      }
+    },
+    { immediate: true }
+  );
+</script>
diff --git a/src/views/clinic/clinicPrescription/components/search.vue b/src/views/clinic/clinicPrescription/components/search.vue
new file mode 100644
index 0000000..82fea9d
--- /dev/null
+++ b/src/views/clinic/clinicPrescription/components/search.vue
@@ -0,0 +1,42 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+    <a-button type="primary" class="ele-btn-icon" @click="add">
+      <template #icon>
+        <PlusOutlined />
+      </template>
+      <span>添加</span>
+    </a-button>
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+  import { PlusOutlined } from '@ant-design/icons-vue';
+  import type { GradeParam } from '@/api/user/grade/model';
+  import { watch } from 'vue';
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的角色
+      selection?: [];
+    }>(),
+    {}
+  );
+
+  const emit = defineEmits<{
+    (e: 'search', where?: GradeParam): void;
+    (e: 'add'): void;
+    (e: 'remove'): void;
+    (e: 'batchMove'): void;
+  }>();
+
+  // 新增
+  const add = () => {
+    emit('add');
+  };
+
+  watch(
+    () => props.selection,
+    () => {}
+  );
+</script>
diff --git a/src/views/clinic/clinicPrescription/index.vue b/src/views/clinic/clinicPrescription/index.vue
new file mode 100644
index 0000000..1fac2b6
--- /dev/null
+++ b/src/views/clinic/clinicPrescription/index.vue
@@ -0,0 +1,320 @@
+<template>
+  <a-page-header :title="getPageTitle()" @back="() => $router.go(-1)">
+      <a-card :bordered="false" :body-style="{ padding: '16px' }">
+        <ele-pro-table
+          ref="tableRef"
+          row-key="id"
+          :columns="columns"
+          :datasource="datasource"
+          :customRow="customRow"
+          tool-class="ele-toolbar-form"
+          class="sys-org-table"
+        >
+          <template #toolbar>
+            <search
+              @search="reload"
+              :selection="selection"
+              @add="openEdit"
+              @remove="removeBatch"
+              @batchMove="openMove"
+            />
+          </template>
+          <template #bodyCell="{ column, record }">
+            <template v-if="column.key === 'image'">
+              <a-image :src="record.image" :width="50" />
+            </template>
+            <template v-if="column.key === 'status'">
+              <a-tag v-if="record.status === 0" color="green">显示</a-tag>
+              <a-tag v-if="record.status === 1" color="red">隐藏</a-tag>
+            </template>
+            <template v-if="column.key === 'action'">
+              <a-space>
+                <a @click="openEdit(record)">修改</a>
+                <a-divider type="vertical" />
+                <a-popconfirm
+                  title="确定要删除此记录吗？"
+                  @confirm="remove(record)"
+                >
+                  <a class="ele-text-danger">删除</a>
+                </a-popconfirm>
+              </a-space>
+            </template>
+          </template>
+        </ele-pro-table>
+      </a-card>
+
+      <!-- 编辑弹窗 -->
+      <ClinicPrescriptionEdit v-model:visible="showEdit" :data="current" @done="reload" />
+  </a-page-header>
+</template>
+
+<script lang="ts" setup>
+  import { createVNode, ref } from 'vue';
+  import { message, Modal } from 'ant-design-vue';
+  import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
+  import type { EleProTable } from 'ele-admin-pro';
+  import { toDateString } from 'ele-admin-pro';
+  import type {
+    DatasourceFunction,
+    ColumnItem
+  } from 'ele-admin-pro/es/ele-pro-table/types';
+  import Search from './components/search.vue';
+  import {getPageTitle} from '@/utils/common';
+  import ClinicPrescriptionEdit from './components/clinicPrescriptionEdit.vue';
+  import { pageClinicPrescription, removeClinicPrescription, removeBatchClinicPrescription } from '@/api/clinic/clinicPrescription';
+  import type { ClinicPrescription, ClinicPrescriptionParam } from '@/api/clinic/clinicPrescription/model';
+
+  // 表格实例
+  const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+  // 表格选中数据
+  const selection = ref<ClinicPrescription[]>([]);
+  // 当前编辑数据
+  const current = ref<ClinicPrescription | null>(null);
+  // 是否显示编辑弹窗
+  const showEdit = ref(false);
+  // 是否显示批量移动弹窗
+  const showMove = ref(false);
+  // 加载状态
+  const loading = ref(true);
+
+  // 表格数据源
+  const datasource: DatasourceFunction = ({
+    page,
+    limit,
+    where,
+    orders,
+    filters
+  }) => {
+    if (filters) {
+      where.status = filters.status;
+    }
+    return pageClinicPrescription({
+      ...where,
+      ...orders,
+      page,
+      limit
+    });
+  };
+
+  // 完整的列配置（包含所有字段）
+  const columns = ref<ColumnItem[]>([
+    {
+      title: '主键ID',
+      dataIndex: 'id',
+      key: 'id',
+      width: 90,
+    },
+    {
+      title: '患者',
+      dataIndex: 'userId',
+      key: 'userId',
+      width: 120
+    },
+    {
+      title: '医生',
+      dataIndex: 'doctorId',
+      key: 'doctorId',
+      width: 120
+    },
+    {
+      title: '订单编号',
+      dataIndex: 'orderNo',
+      key: 'orderNo',
+      ellipsis: true
+    },
+    {
+      title: '关联就诊表',
+      dataIndex: 'visitRecordId',
+      key: 'visitRecordId',
+      width: 120
+    },
+    {
+      title: '处方类型',
+      dataIndex: 'prescriptionType',
+      key: 'prescriptionType',
+      width: 120
+    },
+    {
+      title: '诊断结果',
+      dataIndex: 'diagnosis',
+      key: 'diagnosis',
+      ellipsis: true
+    },
+    {
+      title: '治疗方案',
+      dataIndex: 'treatmentPlan',
+      key: 'treatmentPlan',
+      ellipsis: true
+    },
+    {
+      title: '煎药说明',
+      dataIndex: 'decoctionInstructions',
+      key: 'decoctionInstructions',
+      ellipsis: true
+    },
+    {
+      title: '订单总金额',
+      dataIndex: 'orderPrice',
+      key: 'orderPrice',
+      width: 120
+    },
+    {
+      title: '单价',
+      dataIndex: 'price',
+      key: 'price',
+      width: 120
+    },
+    {
+      title: '实付金额',
+      dataIndex: 'payPrice',
+      key: 'payPrice',
+      width: 120
+    },
+    // {
+    //   title: '是否失效',
+    //   dataIndex: 'isInvalid',
+    //   key: 'isInvalid',
+    //   width: 120
+    // },
+    // {
+    //   title: '结算(0未结算 1已结算)',
+    //   dataIndex: 'isSettled',
+    //   key: 'isSettled',
+    //   width: 120
+    // },
+    // {
+    //   title: '结算时间',
+    //   dataIndex: 'settleTime',
+    //   key: 'settleTime',
+    //   width: 120
+    // },
+    // {
+    //   title: '状态, 0正常, 1已完成，2已支付，3已取消',
+    //   dataIndex: 'status',
+    //   key: 'status',
+    //   width: 120
+    // },
+    {
+      title: '备注',
+      dataIndex: 'comments',
+      key: 'comments',
+      ellipsis: true
+    },
+    {
+      title: '创建时间',
+      dataIndex: 'createTime',
+      key: 'createTime',
+      width: 200,
+      align: 'center',
+      sorter: true,
+      ellipsis: true,
+      customRender: ({ text }) => toDateString(text, 'yyyy-MM-dd HH:mm:ss')
+    },
+    {
+      title: '修改时间',
+      dataIndex: 'updateTime',
+      key: 'updateTime',
+      width: 200,
+      align: 'center',
+      sorter: true,
+      ellipsis: true,
+      customRender: ({ text }) => toDateString(text, 'yyyy-MM-dd HH:mm:ss')
+    },
+    {
+      title: '操作',
+      key: 'action',
+      width: 180,
+      fixed: 'right',
+      align: 'center',
+      hideInSetting: true
+    }
+  ]);
+
+  /* 搜索 */
+  const reload = (where?: ClinicPrescriptionParam) => {
+    selection.value = [];
+    tableRef?.value?.reload({ where: where });
+  };
+
+  /* 打开编辑弹窗 */
+  const openEdit = (row?: ClinicPrescription) => {
+    current.value = row ?? null;
+    showEdit.value = true;
+  };
+
+  /* 打开批量移动弹窗 */
+  const openMove = () => {
+    showMove.value = true;
+  };
+
+  /* 删除单个 */
+  const remove = (row: ClinicPrescription) => {
+    const hide = message.loading('请求中..', 0);
+    removeClinicPrescription(row.id)
+      .then((msg) => {
+        hide();
+        message.success(msg);
+        reload();
+      })
+      .catch((e) => {
+        hide();
+        message.error(e.message);
+      });
+  };
+
+  /* 批量删除 */
+  const removeBatch = () => {
+    if (!selection.value.length) {
+      message.error('请至少选择一条数据');
+      return;
+    }
+    Modal.confirm({
+      title: '提示',
+      content: '确定要删除选中的记录吗?',
+      icon: createVNode(ExclamationCircleOutlined),
+      maskClosable: true,
+      onOk: () => {
+        const hide = message.loading('请求中..', 0);
+        removeBatchClinicPrescription(selection.value.map((d) => d.id))
+          .then((msg) => {
+            hide();
+            message.success(msg);
+            reload();
+          })
+          .catch((e) => {
+            hide();
+            message.error(e.message);
+          });
+      }
+    });
+  };
+
+  /* 查询 */
+  const query = () => {
+    loading.value = true;
+  };
+
+  /* 自定义行属性 */
+  const customRow = (record: ClinicPrescription) => {
+    return {
+      // 行点击事件
+      onClick: () => {
+        // console.log(record);
+      },
+      // 行双击事件
+      onDblclick: () => {
+        openEdit(record);
+      }
+    };
+  };
+  query();
+</script>
+
+<script lang="ts">
+  export default {
+    name: 'ClinicPrescription'
+  };
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/views/clinic/clinicPrescriptionItem/components/clinicPrescriptionItemEdit.vue b/src/views/clinic/clinicPrescriptionItem/components/clinicPrescriptionItemEdit.vue
new file mode 100644
index 0000000..3a18206
--- /dev/null
+++ b/src/views/clinic/clinicPrescriptionItem/components/clinicPrescriptionItemEdit.vue
@@ -0,0 +1,242 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑处方明细表' : '添加处方明细表'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="关联处方" name="prescriptionId">
+        <a-input
+          allow-clear
+          placeholder="请输入关联处方"
+          v-model:value="form.prescriptionId"
+        />
+      </a-form-item>
+      <a-form-item label="订单编号" name="prescriptionNo">
+        <a-input
+          allow-clear
+          placeholder="请输入订单编号"
+          v-model:value="form.prescriptionNo"
+        />
+      </a-form-item>
+      <a-form-item label="关联药品" name="medicineId">
+        <a-input
+          allow-clear
+          placeholder="请输入关联药品"
+          v-model:value="form.medicineId"
+        />
+      </a-form-item>
+      <a-form-item label="剂量（如“10g”）" name="dosage">
+        <a-input
+          allow-clear
+          placeholder="请输入剂量（如“10g”）"
+          v-model:value="form.dosage"
+        />
+      </a-form-item>
+      <a-form-item label="用法频率（如“每日三次”）" name="usageFrequency">
+        <a-input
+          allow-clear
+          placeholder="请输入用法频率（如“每日三次”）"
+          v-model:value="form.usageFrequency"
+        />
+      </a-form-item>
+      <a-form-item label="服用天数" name="days">
+        <a-input
+          allow-clear
+          placeholder="请输入服用天数"
+          v-model:value="form.days"
+        />
+      </a-form-item>
+      <a-form-item label="购买数量" name="amount">
+        <a-input
+          allow-clear
+          placeholder="请输入购买数量"
+          v-model:value="form.amount"
+        />
+      </a-form-item>
+      <a-form-item label="单价" name="unitPrice">
+        <a-input
+          allow-clear
+          placeholder="请输入单价"
+          v-model:value="form.unitPrice"
+        />
+      </a-form-item>
+      <a-form-item label="数量" name="quantity">
+        <a-input
+          allow-clear
+          placeholder="请输入数量"
+          v-model:value="form.quantity"
+        />
+      </a-form-item>
+      <a-form-item label="排序号" name="sortNumber">
+        <a-input-number
+          :min="0"
+          :max="9999"
+          class="ele-fluid"
+          placeholder="请输入排序号"
+          v-model:value="form.sortNumber"
+        />
+      </a-form-item>
+      <a-form-item label="备注" name="comments">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="请输入描述"
+          v-model:value="form.comments"
+        />
+      </a-form-item>
+      <a-form-item label="用户id" name="userId">
+        <a-input
+          allow-clear
+          placeholder="请输入用户id"
+          v-model:value="form.userId"
+        />
+      </a-form-item>
+      <a-form-item label="更新时间" name="updateTime">
+        <a-input
+          allow-clear
+          placeholder="请输入更新时间"
+          v-model:value="form.updateTime"
+        />
+      </a-form-item>
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, watch } from 'vue';
+  import { Form, message } from 'ant-design-vue';
+  import { assignObject } from 'ele-admin-pro';
+  import { addClinicPrescriptionItem, updateClinicPrescriptionItem } from '@/api/clinic/clinicPrescriptionItem';
+  import { ClinicPrescriptionItem } from '@/api/clinic/clinicPrescriptionItem/model';
+  import { useThemeStore } from '@/store/modules/theme';
+  import { storeToRefs } from 'pinia';
+  import { ItemType } from 'ele-admin-pro/es/ele-image-upload/types';
+  import { FormInstance } from 'ant-design-vue/es/form';
+
+  // 是否是修改
+  const isUpdate = ref(false);
+  const useForm = Form.useForm;
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: ClinicPrescriptionItem | null;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  // 提交状态
+  const loading = ref(false);
+  // 是否显示最大化切换按钮
+  const maxable = ref(true);
+  // 表格选中数据
+  const formRef = ref<FormInstance | null>(null);
+  const images = ref<ItemType[]>([]);
+
+  // 用户信息
+  const form = reactive<ClinicPrescriptionItem>({
+    id: undefined,
+    prescriptionId: undefined,
+    prescriptionNo: undefined,
+    medicineId: undefined,
+    dosage: undefined,
+    usageFrequency: undefined,
+    days: undefined,
+    amount: undefined,
+    unitPrice: undefined,
+    quantity: undefined,
+    userId: undefined,
+    tenantId: undefined,
+    updateTime: undefined,
+    createTime: undefined,
+    comments: '',
+    sortNumber: 100
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    clinicPrescriptionItemName: [
+      {
+        required: true,
+        type: 'string',
+        message: '请填写处方明细表名称',
+        trigger: 'blur'
+      }
+    ]
+  });
+
+  const { resetFields } = useForm(form, rules);
+
+  /* 保存编辑 */
+  const save = () => {
+    if (!formRef.value) {
+      return;
+    }
+    formRef.value
+      .validate()
+      .then(() => {
+        loading.value = true;
+        const formData = {
+          ...form
+        };
+        const saveOrUpdate = isUpdate.value ? updateClinicPrescriptionItem : addClinicPrescriptionItem;
+        saveOrUpdate(formData)
+          .then((msg) => {
+            loading.value = false;
+            message.success(msg);
+            updateVisible(false);
+            emit('done');
+          })
+          .catch((e) => {
+            loading.value = false;
+            message.error(e.message);
+          });
+      })
+      .catch(() => {});
+  };
+
+  watch(
+    () => props.visible,
+    (visible) => {
+      if (visible) {
+        images.value = [];
+        if (props.data) {
+          assignObject(form, props.data);
+          isUpdate.value = true;
+        } else {
+          isUpdate.value = false;
+        }
+      } else {
+        resetFields();
+      }
+    },
+    { immediate: true }
+  );
+</script>
diff --git a/src/views/clinic/clinicPrescriptionItem/components/search.vue b/src/views/clinic/clinicPrescriptionItem/components/search.vue
new file mode 100644
index 0000000..82fea9d
--- /dev/null
+++ b/src/views/clinic/clinicPrescriptionItem/components/search.vue
@@ -0,0 +1,42 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+    <a-button type="primary" class="ele-btn-icon" @click="add">
+      <template #icon>
+        <PlusOutlined />
+      </template>
+      <span>添加</span>
+    </a-button>
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+  import { PlusOutlined } from '@ant-design/icons-vue';
+  import type { GradeParam } from '@/api/user/grade/model';
+  import { watch } from 'vue';
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的角色
+      selection?: [];
+    }>(),
+    {}
+  );
+
+  const emit = defineEmits<{
+    (e: 'search', where?: GradeParam): void;
+    (e: 'add'): void;
+    (e: 'remove'): void;
+    (e: 'batchMove'): void;
+  }>();
+
+  // 新增
+  const add = () => {
+    emit('add');
+  };
+
+  watch(
+    () => props.selection,
+    () => {}
+  );
+</script>
diff --git a/src/views/clinic/clinicPrescriptionItem/index.vue b/src/views/clinic/clinicPrescriptionItem/index.vue
new file mode 100644
index 0000000..5f319b7
--- /dev/null
+++ b/src/views/clinic/clinicPrescriptionItem/index.vue
@@ -0,0 +1,296 @@
+<template>
+  <a-page-header :title="getPageTitle()" @back="() => $router.go(-1)">
+      <a-card :bordered="false" :body-style="{ padding: '16px' }">
+        <ele-pro-table
+          ref="tableRef"
+          row-key="id"
+          :columns="columns"
+          :datasource="datasource"
+          :customRow="customRow"
+          tool-class="ele-toolbar-form"
+          class="sys-org-table"
+        >
+          <template #toolbar>
+            <search
+              @search="reload"
+              :selection="selection"
+              @add="openEdit"
+              @remove="removeBatch"
+              @batchMove="openMove"
+            />
+          </template>
+          <template #bodyCell="{ column, record }">
+            <template v-if="column.key === 'image'">
+              <a-image :src="record.image" :width="50" />
+            </template>
+            <template v-if="column.key === 'status'">
+              <a-tag v-if="record.status === 0" color="green">显示</a-tag>
+              <a-tag v-if="record.status === 1" color="red">隐藏</a-tag>
+            </template>
+            <template v-if="column.key === 'action'">
+              <a-space>
+                <a @click="openEdit(record)">修改</a>
+                <a-divider type="vertical" />
+                <a-popconfirm
+                  title="确定要删除此记录吗？"
+                  @confirm="remove(record)"
+                >
+                  <a class="ele-text-danger">删除</a>
+                </a-popconfirm>
+              </a-space>
+            </template>
+          </template>
+        </ele-pro-table>
+      </a-card>
+
+      <!-- 编辑弹窗 -->
+      <ClinicPrescriptionItemEdit v-model:visible="showEdit" :data="current" @done="reload" />
+  </a-page-header>
+</template>
+
+<script lang="ts" setup>
+  import { createVNode, ref, computed } from 'vue';
+  import { message, Modal } from 'ant-design-vue';
+  import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
+  import type { EleProTable } from 'ele-admin-pro';
+  import { toDateString } from 'ele-admin-pro';
+  import type {
+    DatasourceFunction,
+    ColumnItem
+  } from 'ele-admin-pro/es/ele-pro-table/types';
+  import Search from './components/search.vue';
+  import {getPageTitle} from '@/utils/common';
+  import ClinicPrescriptionItemEdit from './components/clinicPrescriptionItemEdit.vue';
+  import { pageClinicPrescriptionItem, removeClinicPrescriptionItem, removeBatchClinicPrescriptionItem } from '@/api/clinic/clinicPrescriptionItem';
+  import type { ClinicPrescriptionItem, ClinicPrescriptionItemParam } from '@/api/clinic/clinicPrescriptionItem/model';
+
+  // 表格实例
+  const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+  // 表格选中数据
+  const selection = ref<ClinicPrescriptionItem[]>([]);
+  // 当前编辑数据
+  const current = ref<ClinicPrescriptionItem | null>(null);
+  // 是否显示编辑弹窗
+  const showEdit = ref(false);
+  // 是否显示批量移动弹窗
+  const showMove = ref(false);
+  // 加载状态
+  const loading = ref(true);
+
+  // 表格数据源
+  const datasource: DatasourceFunction = ({
+    page,
+    limit,
+    where,
+    orders,
+    filters
+  }) => {
+    if (filters) {
+      where.status = filters.status;
+    }
+    return pageClinicPrescriptionItem({
+      ...where,
+      ...orders,
+      page,
+      limit
+    });
+  };
+
+  // 完整的列配置（包含所有字段）
+  const columns = ref<ColumnItem[]>([
+    {
+      title: '自增ID',
+      dataIndex: 'id',
+      key: 'id',
+      width: 90,
+    },
+    {
+      title: '关联处方',
+      dataIndex: 'prescriptionId',
+      key: 'prescriptionId',
+      width: 120
+    },
+    {
+      title: '订单编号',
+      dataIndex: 'prescriptionNo',
+      key: 'prescriptionNo',
+      ellipsis: true
+    },
+    {
+      title: '关联药品',
+      dataIndex: 'medicineId',
+      key: 'medicineId',
+      width: 120
+    },
+    {
+      title: '剂量（如“10g”）',
+      dataIndex: 'dosage',
+      key: 'dosage',
+      ellipsis: true
+    },
+    {
+      title: '用法频率（如“每日三次”）',
+      dataIndex: 'usageFrequency',
+      key: 'usageFrequency',
+      ellipsis: true
+    },
+    {
+      title: '服用天数',
+      dataIndex: 'days',
+      key: 'days',
+      width: 120
+    },
+    {
+      title: '购买数量',
+      dataIndex: 'amount',
+      key: 'amount',
+      width: 120
+    },
+    {
+      title: '单价',
+      dataIndex: 'unitPrice',
+      key: 'unitPrice',
+      width: 120
+    },
+    {
+      title: '数量',
+      dataIndex: 'quantity',
+      key: 'quantity',
+      width: 120
+    },
+    {
+      title: '排序号',
+      dataIndex: 'sortNumber',
+      key: 'sortNumber',
+      width: 120
+    },
+    {
+      title: '备注',
+      dataIndex: 'comments',
+      key: 'comments',
+      ellipsis: true
+    },
+    {
+      title: '用户id',
+      dataIndex: 'userId',
+      key: 'userId',
+      width: 120
+    },
+    {
+      title: '更新时间',
+      dataIndex: 'updateTime',
+      key: 'updateTime',
+      width: 200,
+      align: 'center',
+      sorter: true,
+      ellipsis: true,
+      customRender: ({ text }) => toDateString(text, 'yyyy-MM-dd HH:mm:ss')
+    },
+    {
+      title: '创建时间',
+      dataIndex: 'createTime',
+      key: 'createTime',
+      width: 200,
+      align: 'center',
+      sorter: true,
+      ellipsis: true,
+      customRender: ({ text }) => toDateString(text, 'yyyy-MM-dd HH:mm:ss')
+    },
+    {
+      title: '操作',
+      key: 'action',
+      width: 180,
+      fixed: 'right',
+      align: 'center',
+      hideInSetting: true
+    }
+  ]);
+
+  /* 搜索 */
+  const reload = (where?: ClinicPrescriptionItemParam) => {
+    selection.value = [];
+    tableRef?.value?.reload({ where: where });
+  };
+
+  /* 打开编辑弹窗 */
+  const openEdit = (row?: ClinicPrescriptionItem) => {
+    current.value = row ?? null;
+    showEdit.value = true;
+  };
+
+  /* 打开批量移动弹窗 */
+  const openMove = () => {
+    showMove.value = true;
+  };
+
+  /* 删除单个 */
+  const remove = (row: ClinicPrescriptionItem) => {
+    const hide = message.loading('请求中..', 0);
+    removeClinicPrescriptionItem(row.id)
+      .then((msg) => {
+        hide();
+        message.success(msg);
+        reload();
+      })
+      .catch((e) => {
+        hide();
+        message.error(e.message);
+      });
+  };
+
+  /* 批量删除 */
+  const removeBatch = () => {
+    if (!selection.value.length) {
+      message.error('请至少选择一条数据');
+      return;
+    }
+    Modal.confirm({
+      title: '提示',
+      content: '确定要删除选中的记录吗?',
+      icon: createVNode(ExclamationCircleOutlined),
+      maskClosable: true,
+      onOk: () => {
+        const hide = message.loading('请求中..', 0);
+        removeBatchClinicPrescriptionItem(selection.value.map((d) => d.id))
+          .then((msg) => {
+            hide();
+            message.success(msg);
+            reload();
+          })
+          .catch((e) => {
+            hide();
+            message.error(e.message);
+          });
+      }
+    });
+  };
+
+  /* 查询 */
+  const query = () => {
+    loading.value = true;
+  };
+
+  /* 自定义行属性 */
+  const customRow = (record: ClinicPrescriptionItem) => {
+    return {
+      // 行点击事件
+      onClick: () => {
+        // console.log(record);
+      },
+      // 行双击事件
+      onDblclick: () => {
+        openEdit(record);
+      }
+    };
+  };
+  query();
+</script>
+
+<script lang="ts">
+  export default {
+    name: 'ClinicPrescriptionItem'
+  };
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/views/clinic/clinicReport/components/clinicReportEdit.vue b/src/views/clinic/clinicReport/components/clinicReportEdit.vue
new file mode 100644
index 0000000..2625841
--- /dev/null
+++ b/src/views/clinic/clinicReport/components/clinicReportEdit.vue
@@ -0,0 +1,318 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑报告' : '添加报告'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="买家用户ID" name="userId">
+        <a-input
+          allow-clear
+          placeholder="请输入买家用户ID"
+          v-model:value="form.userId"
+        />
+      </a-form-item>
+      <a-form-item label="订单编号" name="orderNo">
+        <a-input
+          allow-clear
+          placeholder="请输入订单编号"
+          v-model:value="form.orderNo"
+        />
+      </a-form-item>
+      <a-form-item label="分销商用户id(一级)" name="firstUserId">
+        <a-input
+          allow-clear
+          placeholder="请输入分销商用户id(一级)"
+          v-model:value="form.firstUserId"
+        />
+      </a-form-item>
+      <a-form-item label="分销商用户id(二级)" name="secondUserId">
+        <a-input
+          allow-clear
+          placeholder="请输入分销商用户id(二级)"
+          v-model:value="form.secondUserId"
+        />
+      </a-form-item>
+      <a-form-item label="分销商用户id(三级)" name="thirdUserId">
+        <a-input
+          allow-clear
+          placeholder="请输入分销商用户id(三级)"
+          v-model:value="form.thirdUserId"
+        />
+      </a-form-item>
+      <a-form-item label="分销佣金(一级)" name="firstMoney">
+        <a-input
+          allow-clear
+          placeholder="请输入分销佣金(一级)"
+          v-model:value="form.firstMoney"
+        />
+      </a-form-item>
+      <a-form-item label="分销佣金(二级)" name="secondMoney">
+        <a-input
+          allow-clear
+          placeholder="请输入分销佣金(二级)"
+          v-model:value="form.secondMoney"
+        />
+      </a-form-item>
+      <a-form-item label="分销佣金(三级)" name="thirdMoney">
+        <a-input
+          allow-clear
+          placeholder="请输入分销佣金(三级)"
+          v-model:value="form.thirdMoney"
+        />
+      </a-form-item>
+      <a-form-item label="单价" name="price">
+        <a-input
+          allow-clear
+          placeholder="请输入单价"
+          v-model:value="form.price"
+        />
+      </a-form-item>
+      <a-form-item label="订单总金额" name="orderPrice">
+        <a-input
+          allow-clear
+          placeholder="请输入订单总金额"
+          v-model:value="form.orderPrice"
+        />
+      </a-form-item>
+      <a-form-item label="结算金额" name="settledPrice">
+        <a-input
+          allow-clear
+          placeholder="请输入结算金额"
+          v-model:value="form.settledPrice"
+        />
+      </a-form-item>
+      <a-form-item label="换算成度" name="degreePrice">
+        <a-input
+          allow-clear
+          placeholder="请输入换算成度"
+          v-model:value="form.degreePrice"
+        />
+      </a-form-item>
+      <a-form-item label="实发金额" name="payPrice">
+        <a-input
+          allow-clear
+          placeholder="请输入实发金额"
+          v-model:value="form.payPrice"
+        />
+      </a-form-item>
+      <a-form-item label="税率" name="rate">
+        <a-input
+          allow-clear
+          placeholder="请输入税率"
+          v-model:value="form.rate"
+        />
+      </a-form-item>
+      <a-form-item label="结算月份" name="month">
+        <a-input
+          allow-clear
+          placeholder="请输入结算月份"
+          v-model:value="form.month"
+        />
+      </a-form-item>
+      <a-form-item label="订单是否失效(0未失效 1已失效)" name="isInvalid">
+        <a-input
+          allow-clear
+          placeholder="请输入订单是否失效(0未失效 1已失效)"
+          v-model:value="form.isInvalid"
+        />
+      </a-form-item>
+      <a-form-item label="佣金结算(0未结算 1已结算)" name="isSettled">
+        <a-input
+          allow-clear
+          placeholder="请输入佣金结算(0未结算 1已结算)"
+          v-model:value="form.isSettled"
+        />
+      </a-form-item>
+      <a-form-item label="结算时间" name="settleTime">
+        <a-input
+          allow-clear
+          placeholder="请输入结算时间"
+          v-model:value="form.settleTime"
+        />
+      </a-form-item>
+      <a-form-item label="备注" name="comments">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="请输入描述"
+          v-model:value="form.comments"
+        />
+      </a-form-item>
+      <a-form-item label="修改时间" name="updateTime">
+        <a-input
+          allow-clear
+          placeholder="请输入修改时间"
+          v-model:value="form.updateTime"
+        />
+      </a-form-item>
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, watch } from 'vue';
+  import { Form, message } from 'ant-design-vue';
+  import { assignObject, uuid } from 'ele-admin-pro';
+  import { addClinicReport, updateClinicReport } from '@/api/clinic/clinicReport';
+  import { ClinicReport } from '@/api/clinic/clinicReport/model';
+  import { useThemeStore } from '@/store/modules/theme';
+  import { storeToRefs } from 'pinia';
+  import { ItemType } from 'ele-admin-pro/es/ele-image-upload/types';
+  import { FormInstance } from 'ant-design-vue/es/form';
+  import { FileRecord } from '@/api/system/file/model';
+
+  // 是否是修改
+  const isUpdate = ref(false);
+  const useForm = Form.useForm;
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: ClinicReport | null;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  // 提交状态
+  const loading = ref(false);
+  // 是否显示最大化切换按钮
+  const maxable = ref(true);
+  // 表格选中数据
+  const formRef = ref<FormInstance | null>(null);
+  const images = ref<ItemType[]>([]);
+
+  // 用户信息
+  const form = reactive<ClinicReport>({
+    id: undefined,
+    userId: undefined,
+    orderNo: undefined,
+    firstUserId: undefined,
+    secondUserId: undefined,
+    thirdUserId: undefined,
+    firstMoney: undefined,
+    secondMoney: undefined,
+    thirdMoney: undefined,
+    price: undefined,
+    orderPrice: undefined,
+    settledPrice: undefined,
+    degreePrice: undefined,
+    payPrice: undefined,
+    rate: undefined,
+    month: undefined,
+    isInvalid: undefined,
+    isSettled: undefined,
+    settleTime: undefined,
+    tenantId: undefined,
+    createTime: undefined,
+    updateTime: undefined,
+    comments: ''
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    clinicReportName: [
+      {
+        required: true,
+        type: 'string',
+        message: '请填写报告名称',
+        trigger: 'blur'
+      }
+    ]
+  });
+
+  const chooseImage = (data: FileRecord) => {
+    images.value.push({
+      uid: data.id,
+      url: data.path,
+      status: 'done'
+    });
+    form.image = data.path;
+  };
+
+  const onDeleteItem = (index: number) => {
+    images.value.splice(index, 1);
+    form.image = '';
+  };
+
+  const { resetFields } = useForm(form, rules);
+
+  /* 保存编辑 */
+  const save = () => {
+    if (!formRef.value) {
+      return;
+    }
+    formRef.value
+      .validate()
+      .then(() => {
+        loading.value = true;
+        const formData = {
+          ...form
+        };
+        const saveOrUpdate = isUpdate.value ? updateClinicReport : addClinicReport;
+        saveOrUpdate(formData)
+          .then((msg) => {
+            loading.value = false;
+            message.success(msg);
+            updateVisible(false);
+            emit('done');
+          })
+          .catch((e) => {
+            loading.value = false;
+            message.error(e.message);
+          });
+      })
+      .catch(() => {});
+  };
+
+  watch(
+    () => props.visible,
+    (visible) => {
+      if (visible) {
+        images.value = [];
+        if (props.data) {
+          assignObject(form, props.data);
+          if(props.data.image){
+            images.value.push({
+              uid: uuid(),
+              url: props.data.image,
+              status: 'done'
+            })
+          }
+          isUpdate.value = true;
+        } else {
+          isUpdate.value = false;
+        }
+      } else {
+        resetFields();
+      }
+    },
+    { immediate: true }
+  );
+</script>
diff --git a/src/views/clinic/clinicReport/components/search.vue b/src/views/clinic/clinicReport/components/search.vue
new file mode 100644
index 0000000..82fea9d
--- /dev/null
+++ b/src/views/clinic/clinicReport/components/search.vue
@@ -0,0 +1,42 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+    <a-button type="primary" class="ele-btn-icon" @click="add">
+      <template #icon>
+        <PlusOutlined />
+      </template>
+      <span>添加</span>
+    </a-button>
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+  import { PlusOutlined } from '@ant-design/icons-vue';
+  import type { GradeParam } from '@/api/user/grade/model';
+  import { watch } from 'vue';
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的角色
+      selection?: [];
+    }>(),
+    {}
+  );
+
+  const emit = defineEmits<{
+    (e: 'search', where?: GradeParam): void;
+    (e: 'add'): void;
+    (e: 'remove'): void;
+    (e: 'batchMove'): void;
+  }>();
+
+  // 新增
+  const add = () => {
+    emit('add');
+  };
+
+  watch(
+    () => props.selection,
+    () => {}
+  );
+</script>
diff --git a/src/views/clinic/clinicReport/index.vue b/src/views/clinic/clinicReport/index.vue
new file mode 100644
index 0000000..9996062
--- /dev/null
+++ b/src/views/clinic/clinicReport/index.vue
@@ -0,0 +1,338 @@
+<template>
+  <a-page-header :title="getPageTitle()" @back="() => $router.go(-1)">
+      <a-card :bordered="false" :body-style="{ padding: '16px' }">
+        <ele-pro-table
+          ref="tableRef"
+          row-key="id"
+          :columns="columns"
+          :datasource="datasource"
+          :customRow="customRow"
+          tool-class="ele-toolbar-form"
+          class="sys-org-table"
+        >
+          <template #toolbar>
+            <search
+              @search="reload"
+              :selection="selection"
+              @add="openEdit"
+              @remove="removeBatch"
+              @batchMove="openMove"
+            />
+          </template>
+          <template #bodyCell="{ column, record }">
+            <template v-if="column.key === 'image'">
+              <a-image :src="record.image" :width="50" />
+            </template>
+            <template v-if="column.key === 'status'">
+              <a-tag v-if="record.status === 0" color="green">显示</a-tag>
+              <a-tag v-if="record.status === 1" color="red">隐藏</a-tag>
+            </template>
+            <template v-if="column.key === 'action'">
+              <a-space>
+                <a @click="openEdit(record)">修改</a>
+                <a-divider type="vertical" />
+                <a-popconfirm
+                  title="确定要删除此记录吗？"
+                  @confirm="remove(record)"
+                >
+                  <a class="ele-text-danger">删除</a>
+                </a-popconfirm>
+              </a-space>
+            </template>
+          </template>
+        </ele-pro-table>
+      </a-card>
+
+      <!-- 编辑弹窗 -->
+      <ClinicReportEdit v-model:visible="showEdit" :data="current" @done="reload" />
+  </a-page-header>
+</template>
+
+<script lang="ts" setup>
+  import { createVNode, ref } from 'vue';
+  import { message, Modal } from 'ant-design-vue';
+  import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
+  import type { EleProTable } from 'ele-admin-pro';
+  import { toDateString } from 'ele-admin-pro';
+  import type {
+    DatasourceFunction,
+    ColumnItem
+  } from 'ele-admin-pro/es/ele-pro-table/types';
+  import Search from './components/search.vue';
+  import {getPageTitle} from '@/utils/common';
+  import ClinicReportEdit from './components/clinicReportEdit.vue';
+  import { pageClinicReport, removeClinicReport, removeBatchClinicReport } from '@/api/clinic/clinicReport';
+  import type { ClinicReport, ClinicReportParam } from '@/api/clinic/clinicReport/model';
+
+  // 表格实例
+  const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+  // 表格选中数据
+  const selection = ref<ClinicReport[]>([]);
+  // 当前编辑数据
+  const current = ref<ClinicReport | null>(null);
+  // 是否显示编辑弹窗
+  const showEdit = ref(false);
+  // 是否显示批量移动弹窗
+  const showMove = ref(false);
+  // 加载状态
+  const loading = ref(true);
+
+  // 表格数据源
+  const datasource: DatasourceFunction = ({
+    page,
+    limit,
+    where,
+    orders,
+    filters
+  }) => {
+    if (filters) {
+      where.status = filters.status;
+    }
+    return pageClinicReport({
+      ...where,
+      ...orders,
+      page,
+      limit
+    });
+  };
+
+  // 完整的列配置（包含所有字段）
+  const columns = ref<ColumnItem[]>([
+    {
+      title: '主键ID',
+      dataIndex: 'id',
+      key: 'id',
+      width: 90,
+    },
+    {
+      title: '买家用户ID',
+      dataIndex: 'userId',
+      key: 'userId',
+      width: 120
+    },
+    {
+      title: '订单编号',
+      dataIndex: 'orderNo',
+      key: 'orderNo',
+      ellipsis: true
+    },
+    {
+      title: '分销商用户id(一级)',
+      dataIndex: 'firstUserId',
+      key: 'firstUserId',
+      width: 120
+    },
+    {
+      title: '分销商用户id(二级)',
+      dataIndex: 'secondUserId',
+      key: 'secondUserId',
+      width: 120
+    },
+    {
+      title: '分销商用户id(三级)',
+      dataIndex: 'thirdUserId',
+      key: 'thirdUserId',
+      width: 120
+    },
+    {
+      title: '分销佣金(一级)',
+      dataIndex: 'firstMoney',
+      key: 'firstMoney',
+      width: 120
+    },
+    {
+      title: '分销佣金(二级)',
+      dataIndex: 'secondMoney',
+      key: 'secondMoney',
+      width: 120
+    },
+    {
+      title: '分销佣金(三级)',
+      dataIndex: 'thirdMoney',
+      key: 'thirdMoney',
+      width: 120
+    },
+    {
+      title: '单价',
+      dataIndex: 'price',
+      key: 'price',
+      width: 120
+    },
+    {
+      title: '订单总金额',
+      dataIndex: 'orderPrice',
+      key: 'orderPrice',
+      width: 120
+    },
+    {
+      title: '结算金额',
+      dataIndex: 'settledPrice',
+      key: 'settledPrice',
+      width: 120
+    },
+    {
+      title: '换算成度',
+      dataIndex: 'degreePrice',
+      key: 'degreePrice',
+      width: 120
+    },
+    {
+      title: '实发金额',
+      dataIndex: 'payPrice',
+      key: 'payPrice',
+      width: 120
+    },
+    {
+      title: '税率',
+      dataIndex: 'rate',
+      key: 'rate',
+      width: 120
+    },
+    {
+      title: '结算月份',
+      dataIndex: 'month',
+      key: 'month',
+      ellipsis: true
+    },
+    {
+      title: '订单是否失效(0未失效 1已失效)',
+      dataIndex: 'isInvalid',
+      key: 'isInvalid',
+      width: 120
+    },
+    {
+      title: '佣金结算(0未结算 1已结算)',
+      dataIndex: 'isSettled',
+      key: 'isSettled',
+      width: 120
+    },
+    {
+      title: '结算时间',
+      dataIndex: 'settleTime',
+      key: 'settleTime',
+      width: 120
+    },
+    {
+      title: '备注',
+      dataIndex: 'comments',
+      key: 'comments',
+      ellipsis: true
+    },
+    {
+      title: '创建时间',
+      dataIndex: 'createTime',
+      key: 'createTime',
+      width: 200,
+      align: 'center',
+      sorter: true,
+      ellipsis: true,
+      customRender: ({ text }) => toDateString(text, 'yyyy-MM-dd HH:mm:ss')
+    },
+    {
+      title: '修改时间',
+      dataIndex: 'updateTime',
+      key: 'updateTime',
+      width: 200,
+      align: 'center',
+      sorter: true,
+      ellipsis: true,
+      customRender: ({ text }) => toDateString(text, 'yyyy-MM-dd HH:mm:ss')
+    },
+    {
+      title: '操作',
+      key: 'action',
+      width: 180,
+      fixed: 'right',
+      align: 'center',
+      hideInSetting: true
+    }
+  ]);
+
+  /* 搜索 */
+  const reload = (where?: ClinicReportParam) => {
+    selection.value = [];
+    tableRef?.value?.reload({ where: where });
+  };
+
+  /* 打开编辑弹窗 */
+  const openEdit = (row?: ClinicReport) => {
+    current.value = row ?? null;
+    showEdit.value = true;
+  };
+
+  /* 打开批量移动弹窗 */
+  const openMove = () => {
+    showMove.value = true;
+  };
+
+  /* 删除单个 */
+  const remove = (row: ClinicReport) => {
+    const hide = message.loading('请求中..', 0);
+    removeClinicReport(row.id)
+      .then((msg) => {
+        hide();
+        message.success(msg);
+        reload();
+      })
+      .catch((e) => {
+        hide();
+        message.error(e.message);
+      });
+  };
+
+  /* 批量删除 */
+  const removeBatch = () => {
+    if (!selection.value.length) {
+      message.error('请至少选择一条数据');
+      return;
+    }
+    Modal.confirm({
+      title: '提示',
+      content: '确定要删除选中的记录吗?',
+      icon: createVNode(ExclamationCircleOutlined),
+      maskClosable: true,
+      onOk: () => {
+        const hide = message.loading('请求中..', 0);
+        removeBatchClinicReport(selection.value.map((d) => d.id))
+          .then((msg) => {
+            hide();
+            message.success(msg);
+            reload();
+          })
+          .catch((e) => {
+            hide();
+            message.error(e.message);
+          });
+      }
+    });
+  };
+
+  /* 查询 */
+  const query = () => {
+    loading.value = true;
+  };
+
+  /* 自定义行属性 */
+  const customRow = (record: ClinicReport) => {
+    return {
+      // 行点击事件
+      onClick: () => {
+        // console.log(record);
+      },
+      // 行双击事件
+      onDblclick: () => {
+        openEdit(record);
+      }
+    };
+  };
+  query();
+</script>
+
+<script lang="ts">
+  export default {
+    name: 'ClinicReport'
+  };
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/views/clinic/clinicVisitRecord/components/clinicVisitRecordEdit.vue b/src/views/clinic/clinicVisitRecord/components/clinicVisitRecordEdit.vue
new file mode 100644
index 0000000..820bf28
--- /dev/null
+++ b/src/views/clinic/clinicVisitRecord/components/clinicVisitRecordEdit.vue
@@ -0,0 +1,297 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑病例' : '添加病例'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="买家用户ID" name="userId">
+        <a-input
+          allow-clear
+          placeholder="请输入买家用户ID"
+          v-model:value="form.userId"
+        />
+      </a-form-item>
+      <a-form-item label="订单编号" name="orderNo">
+        <a-input
+          allow-clear
+          placeholder="请输入订单编号"
+          v-model:value="form.orderNo"
+        />
+      </a-form-item>
+      <a-form-item label="分销商用户id(一级)" name="firstUserId">
+        <a-input
+          allow-clear
+          placeholder="请输入分销商用户id(一级)"
+          v-model:value="form.firstUserId"
+        />
+      </a-form-item>
+      <a-form-item label="分销商用户id(二级)" name="secondUserId">
+        <a-input
+          allow-clear
+          placeholder="请输入分销商用户id(二级)"
+          v-model:value="form.secondUserId"
+        />
+      </a-form-item>
+      <a-form-item label="分销商用户id(三级)" name="thirdUserId">
+        <a-input
+          allow-clear
+          placeholder="请输入分销商用户id(三级)"
+          v-model:value="form.thirdUserId"
+        />
+      </a-form-item>
+      <a-form-item label="分销佣金(一级)" name="firstMoney">
+        <a-input
+          allow-clear
+          placeholder="请输入分销佣金(一级)"
+          v-model:value="form.firstMoney"
+        />
+      </a-form-item>
+      <a-form-item label="分销佣金(二级)" name="secondMoney">
+        <a-input
+          allow-clear
+          placeholder="请输入分销佣金(二级)"
+          v-model:value="form.secondMoney"
+        />
+      </a-form-item>
+      <a-form-item label="分销佣金(三级)" name="thirdMoney">
+        <a-input
+          allow-clear
+          placeholder="请输入分销佣金(三级)"
+          v-model:value="form.thirdMoney"
+        />
+      </a-form-item>
+      <a-form-item label="单价" name="price">
+        <a-input
+          allow-clear
+          placeholder="请输入单价"
+          v-model:value="form.price"
+        />
+      </a-form-item>
+      <a-form-item label="订单总金额" name="orderPrice">
+        <a-input
+          allow-clear
+          placeholder="请输入订单总金额"
+          v-model:value="form.orderPrice"
+        />
+      </a-form-item>
+      <a-form-item label="结算金额" name="settledPrice">
+        <a-input
+          allow-clear
+          placeholder="请输入结算金额"
+          v-model:value="form.settledPrice"
+        />
+      </a-form-item>
+      <a-form-item label="换算成度" name="degreePrice">
+        <a-input
+          allow-clear
+          placeholder="请输入换算成度"
+          v-model:value="form.degreePrice"
+        />
+      </a-form-item>
+      <a-form-item label="实发金额" name="payPrice">
+        <a-input
+          allow-clear
+          placeholder="请输入实发金额"
+          v-model:value="form.payPrice"
+        />
+      </a-form-item>
+      <a-form-item label="税率" name="rate">
+        <a-input
+          allow-clear
+          placeholder="请输入税率"
+          v-model:value="form.rate"
+        />
+      </a-form-item>
+      <a-form-item label="结算月份" name="month">
+        <a-input
+          allow-clear
+          placeholder="请输入结算月份"
+          v-model:value="form.month"
+        />
+      </a-form-item>
+      <a-form-item label="订单是否失效(0未失效 1已失效)" name="isInvalid">
+        <a-input
+          allow-clear
+          placeholder="请输入订单是否失效(0未失效 1已失效)"
+          v-model:value="form.isInvalid"
+        />
+      </a-form-item>
+      <a-form-item label="佣金结算(0未结算 1已结算)" name="isSettled">
+        <a-input
+          allow-clear
+          placeholder="请输入佣金结算(0未结算 1已结算)"
+          v-model:value="form.isSettled"
+        />
+      </a-form-item>
+      <a-form-item label="结算时间" name="settleTime">
+        <a-input
+          allow-clear
+          placeholder="请输入结算时间"
+          v-model:value="form.settleTime"
+        />
+      </a-form-item>
+      <a-form-item label="备注" name="comments">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="请输入描述"
+          v-model:value="form.comments"
+        />
+      </a-form-item>
+      <a-form-item label="修改时间" name="updateTime">
+        <a-input
+          allow-clear
+          placeholder="请输入修改时间"
+          v-model:value="form.updateTime"
+        />
+      </a-form-item>
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, watch } from 'vue';
+  import { Form, message } from 'ant-design-vue';
+  import { assignObject, uuid } from 'ele-admin-pro';
+  import { addClinicVisitRecord, updateClinicVisitRecord } from '@/api/clinic/clinicVisitRecord';
+  import { ClinicVisitRecord } from '@/api/clinic/clinicVisitRecord/model';
+  import { useThemeStore } from '@/store/modules/theme';
+  import { storeToRefs } from 'pinia';
+  import { ItemType } from 'ele-admin-pro/es/ele-image-upload/types';
+  import { FormInstance } from 'ant-design-vue/es/form';
+  import { FileRecord } from '@/api/system/file/model';
+
+  // 是否是修改
+  const isUpdate = ref(false);
+  const useForm = Form.useForm;
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: ClinicVisitRecord | null;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  // 提交状态
+  const loading = ref(false);
+  // 是否显示最大化切换按钮
+  const maxable = ref(true);
+  // 表格选中数据
+  const formRef = ref<FormInstance | null>(null);
+  const images = ref<ItemType[]>([]);
+
+  // 用户信息
+  const form = reactive<ClinicVisitRecord>({
+    id: undefined,
+    userId: undefined,
+    orderNo: undefined,
+    firstUserId: undefined,
+    secondUserId: undefined,
+    thirdUserId: undefined,
+    firstMoney: undefined,
+    secondMoney: undefined,
+    thirdMoney: undefined,
+    price: undefined,
+    orderPrice: undefined,
+    settledPrice: undefined,
+    degreePrice: undefined,
+    payPrice: undefined,
+    rate: undefined,
+    month: undefined,
+    isInvalid: undefined,
+    isSettled: undefined,
+    settleTime: undefined,
+    comments: undefined,
+    tenantId: undefined,
+    createTime: undefined,
+    updateTime: undefined
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    clinicVisitRecordName: [
+      {
+        required: true,
+        type: 'string',
+        message: '请填写病例名称',
+        trigger: 'blur'
+      }
+    ]
+  });
+
+  const { resetFields } = useForm(form, rules);
+
+  /* 保存编辑 */
+  const save = () => {
+    if (!formRef.value) {
+      return;
+    }
+    formRef.value
+      .validate()
+      .then(() => {
+        loading.value = true;
+        const formData = {
+          ...form
+        };
+        const saveOrUpdate = isUpdate.value ? updateClinicVisitRecord : addClinicVisitRecord;
+        saveOrUpdate(formData)
+          .then((msg) => {
+            loading.value = false;
+            message.success(msg);
+            updateVisible(false);
+            emit('done');
+          })
+          .catch((e) => {
+            loading.value = false;
+            message.error(e.message);
+          });
+      })
+      .catch(() => {});
+  };
+
+  watch(
+    () => props.visible,
+    (visible) => {
+      if (visible) {
+        images.value = [];
+        if (props.data) {
+          assignObject(form, props.data);
+          isUpdate.value = true;
+        } else {
+          isUpdate.value = false;
+        }
+      } else {
+        resetFields();
+      }
+    },
+    { immediate: true }
+  );
+</script>
diff --git a/src/views/clinic/clinicVisitRecord/components/search.vue b/src/views/clinic/clinicVisitRecord/components/search.vue
new file mode 100644
index 0000000..82fea9d
--- /dev/null
+++ b/src/views/clinic/clinicVisitRecord/components/search.vue
@@ -0,0 +1,42 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+    <a-button type="primary" class="ele-btn-icon" @click="add">
+      <template #icon>
+        <PlusOutlined />
+      </template>
+      <span>添加</span>
+    </a-button>
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+  import { PlusOutlined } from '@ant-design/icons-vue';
+  import type { GradeParam } from '@/api/user/grade/model';
+  import { watch } from 'vue';
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的角色
+      selection?: [];
+    }>(),
+    {}
+  );
+
+  const emit = defineEmits<{
+    (e: 'search', where?: GradeParam): void;
+    (e: 'add'): void;
+    (e: 'remove'): void;
+    (e: 'batchMove'): void;
+  }>();
+
+  // 新增
+  const add = () => {
+    emit('add');
+  };
+
+  watch(
+    () => props.selection,
+    () => {}
+  );
+</script>
diff --git a/src/views/clinic/clinicVisitRecord/index.vue b/src/views/clinic/clinicVisitRecord/index.vue
new file mode 100644
index 0000000..d495456
--- /dev/null
+++ b/src/views/clinic/clinicVisitRecord/index.vue
@@ -0,0 +1,338 @@
+<template>
+  <a-page-header :title="getPageTitle()" @back="() => $router.go(-1)">
+      <a-card :bordered="false" :body-style="{ padding: '16px' }">
+        <ele-pro-table
+          ref="tableRef"
+          row-key="id"
+          :columns="columns"
+          :datasource="datasource"
+          :customRow="customRow"
+          tool-class="ele-toolbar-form"
+          class="sys-org-table"
+        >
+          <template #toolbar>
+            <search
+              @search="reload"
+              :selection="selection"
+              @add="openEdit"
+              @remove="removeBatch"
+              @batchMove="openMove"
+            />
+          </template>
+          <template #bodyCell="{ column, record }">
+            <template v-if="column.key === 'image'">
+              <a-image :src="record.image" :width="50" />
+            </template>
+            <template v-if="column.key === 'status'">
+              <a-tag v-if="record.status === 0" color="green">显示</a-tag>
+              <a-tag v-if="record.status === 1" color="red">隐藏</a-tag>
+            </template>
+            <template v-if="column.key === 'action'">
+              <a-space>
+                <a @click="openEdit(record)">修改</a>
+                <a-divider type="vertical" />
+                <a-popconfirm
+                  title="确定要删除此记录吗？"
+                  @confirm="remove(record)"
+                >
+                  <a class="ele-text-danger">删除</a>
+                </a-popconfirm>
+              </a-space>
+            </template>
+          </template>
+        </ele-pro-table>
+      </a-card>
+
+      <!-- 编辑弹窗 -->
+      <ClinicVisitRecordEdit v-model:visible="showEdit" :data="current" @done="reload" />
+  </a-page-header>
+</template>
+
+<script lang="ts" setup>
+  import { createVNode, ref } from 'vue';
+  import { message, Modal } from 'ant-design-vue';
+  import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
+  import type { EleProTable } from 'ele-admin-pro';
+  import { toDateString } from 'ele-admin-pro';
+  import type {
+    DatasourceFunction,
+    ColumnItem
+  } from 'ele-admin-pro/es/ele-pro-table/types';
+  import Search from './components/search.vue';
+  import {getPageTitle} from '@/utils/common';
+  import ClinicVisitRecordEdit from './components/clinicVisitRecordEdit.vue';
+  import { pageClinicVisitRecord, removeClinicVisitRecord, removeBatchClinicVisitRecord } from '@/api/clinic/clinicVisitRecord';
+  import type { ClinicVisitRecord, ClinicVisitRecordParam } from '@/api/clinic/clinicVisitRecord/model';
+
+  // 表格实例
+  const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+  // 表格选中数据
+  const selection = ref<ClinicVisitRecord[]>([]);
+  // 当前编辑数据
+  const current = ref<ClinicVisitRecord | null>(null);
+  // 是否显示编辑弹窗
+  const showEdit = ref(false);
+  // 是否显示批量移动弹窗
+  const showMove = ref(false);
+  // 加载状态
+  const loading = ref(true);
+
+  // 表格数据源
+  const datasource: DatasourceFunction = ({
+    page,
+    limit,
+    where,
+    orders,
+    filters
+  }) => {
+    if (filters) {
+      where.status = filters.status;
+    }
+    return pageClinicVisitRecord({
+      ...where,
+      ...orders,
+      page,
+      limit
+    });
+  };
+
+  // 完整的列配置（包含所有字段）
+  const columns = ref<ColumnItem[]>([
+    {
+      title: '主键ID',
+      dataIndex: 'id',
+      key: 'id',
+      width: 90,
+    },
+    {
+      title: '买家用户ID',
+      dataIndex: 'userId',
+      key: 'userId',
+      width: 120
+    },
+    {
+      title: '订单编号',
+      dataIndex: 'orderNo',
+      key: 'orderNo',
+      ellipsis: true
+    },
+    {
+      title: '分销商用户id(一级)',
+      dataIndex: 'firstUserId',
+      key: 'firstUserId',
+      width: 120
+    },
+    {
+      title: '分销商用户id(二级)',
+      dataIndex: 'secondUserId',
+      key: 'secondUserId',
+      width: 120
+    },
+    {
+      title: '分销商用户id(三级)',
+      dataIndex: 'thirdUserId',
+      key: 'thirdUserId',
+      width: 120
+    },
+    {
+      title: '分销佣金(一级)',
+      dataIndex: 'firstMoney',
+      key: 'firstMoney',
+      width: 120
+    },
+    {
+      title: '分销佣金(二级)',
+      dataIndex: 'secondMoney',
+      key: 'secondMoney',
+      width: 120
+    },
+    {
+      title: '分销佣金(三级)',
+      dataIndex: 'thirdMoney',
+      key: 'thirdMoney',
+      width: 120
+    },
+    {
+      title: '单价',
+      dataIndex: 'price',
+      key: 'price',
+      width: 120
+    },
+    {
+      title: '订单总金额',
+      dataIndex: 'orderPrice',
+      key: 'orderPrice',
+      width: 120
+    },
+    {
+      title: '结算金额',
+      dataIndex: 'settledPrice',
+      key: 'settledPrice',
+      width: 120
+    },
+    {
+      title: '换算成度',
+      dataIndex: 'degreePrice',
+      key: 'degreePrice',
+      width: 120
+    },
+    {
+      title: '实发金额',
+      dataIndex: 'payPrice',
+      key: 'payPrice',
+      width: 120
+    },
+    {
+      title: '税率',
+      dataIndex: 'rate',
+      key: 'rate',
+      width: 120
+    },
+    {
+      title: '结算月份',
+      dataIndex: 'month',
+      key: 'month',
+      ellipsis: true
+    },
+    {
+      title: '订单是否失效(0未失效 1已失效)',
+      dataIndex: 'isInvalid',
+      key: 'isInvalid',
+      width: 120
+    },
+    {
+      title: '佣金结算(0未结算 1已结算)',
+      dataIndex: 'isSettled',
+      key: 'isSettled',
+      width: 120
+    },
+    {
+      title: '结算时间',
+      dataIndex: 'settleTime',
+      key: 'settleTime',
+      width: 120
+    },
+    {
+      title: '备注',
+      dataIndex: 'comments',
+      key: 'comments',
+      ellipsis: true
+    },
+    {
+      title: '创建时间',
+      dataIndex: 'createTime',
+      key: 'createTime',
+      width: 200,
+      align: 'center',
+      sorter: true,
+      ellipsis: true,
+      customRender: ({ text }) => toDateString(text, 'yyyy-MM-dd HH:mm:ss')
+    },
+    {
+      title: '修改时间',
+      dataIndex: 'updateTime',
+      key: 'updateTime',
+      width: 200,
+      align: 'center',
+      sorter: true,
+      ellipsis: true,
+      customRender: ({ text }) => toDateString(text, 'yyyy-MM-dd HH:mm:ss')
+    },
+    {
+      title: '操作',
+      key: 'action',
+      width: 180,
+      fixed: 'right',
+      align: 'center',
+      hideInSetting: true
+    }
+  ]);
+
+  /* 搜索 */
+  const reload = (where?: ClinicVisitRecordParam) => {
+    selection.value = [];
+    tableRef?.value?.reload({ where: where });
+  };
+
+  /* 打开编辑弹窗 */
+  const openEdit = (row?: ClinicVisitRecord) => {
+    current.value = row ?? null;
+    showEdit.value = true;
+  };
+
+  /* 打开批量移动弹窗 */
+  const openMove = () => {
+    showMove.value = true;
+  };
+
+  /* 删除单个 */
+  const remove = (row: ClinicVisitRecord) => {
+    const hide = message.loading('请求中..', 0);
+    removeClinicVisitRecord(row.id)
+      .then((msg) => {
+        hide();
+        message.success(msg);
+        reload();
+      })
+      .catch((e) => {
+        hide();
+        message.error(e.message);
+      });
+  };
+
+  /* 批量删除 */
+  const removeBatch = () => {
+    if (!selection.value.length) {
+      message.error('请至少选择一条数据');
+      return;
+    }
+    Modal.confirm({
+      title: '提示',
+      content: '确定要删除选中的记录吗?',
+      icon: createVNode(ExclamationCircleOutlined),
+      maskClosable: true,
+      onOk: () => {
+        const hide = message.loading('请求中..', 0);
+        removeBatchClinicVisitRecord(selection.value.map((d) => d.id))
+          .then((msg) => {
+            hide();
+            message.success(msg);
+            reload();
+          })
+          .catch((e) => {
+            hide();
+            message.error(e.message);
+          });
+      }
+    });
+  };
+
+  /* 查询 */
+  const query = () => {
+    loading.value = true;
+  };
+
+  /* 自定义行属性 */
+  const customRow = (record: ClinicVisitRecord) => {
+    return {
+      // 行点击事件
+      onClick: () => {
+        // console.log(record);
+      },
+      // 行双击事件
+      onDblclick: () => {
+        openEdit(record);
+      }
+    };
+  };
+  query();
+</script>
+
+<script lang="ts">
+  export default {
+    name: 'ClinicVisitRecord'
+  };
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/views/cms/cmsArticle/components/Import.vue b/src/views/cms/cmsArticle/components/Import.vue
index 9f343ec..dcfa235 100644
--- a/src/views/cms/cmsArticle/components/Import.vue
+++ b/src/views/cms/cmsArticle/components/Import.vue
@@ -30,7 +30,7 @@
   import { ref } from 'vue';
   import { message } from 'ant-design-vue/es';
   import { CloudUploadOutlined } from '@ant-design/icons-vue';
-  import {importArticles} from "@/api/cms/cmsArticle";
+  import { importArticles } from '@/api/cms/cmsArticle';
 
   const emit = defineEmits<{
     (e: 'done'): void;
diff --git a/src/views/cms/cmsDesign/index.vue b/src/views/cms/cmsDesign/index.vue
index 1d79938..eb1680f 100644
--- a/src/views/cms/cmsDesign/index.vue
+++ b/src/views/cms/cmsDesign/index.vue
@@ -1,5 +1,8 @@
 <template>
   <a-page-header :title="getPageTitle()" @back="() => $router.go(-1)">
+    <template #extra>
+      <Extra/>
+    </template>
       <a-card :bordered="false" :body-style="{ padding: '16px' }">
         <ele-pro-table
           ref="tableRef"
@@ -64,6 +67,7 @@
   import { pageCmsDesign, removeCmsDesign, removeBatchCmsDesign } from '@/api/cms/cmsDesign';
   import type { CmsDesign, CmsDesignParam } from '@/api/cms/cmsDesign/model';
   import {getPageTitle} from "@/utils/common";
+  import Extra from "@/views/bszx/extra.vue";
 
   // 表格实例
   const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
diff --git a/src/views/cms/cmsNavigation/components/Import.vue b/src/views/cms/cmsNavigation/components/Import.vue
new file mode 100644
index 0000000..056b0ec
--- /dev/null
+++ b/src/views/cms/cmsNavigation/components/Import.vue
@@ -0,0 +1,80 @@
+<!-- 导航导入弹窗 -->
+<template>
+  <ele-modal
+    :width="520"
+    :footer="null"
+    title="导入备份"
+    :visible="visible"
+    @update:visible="updateVisible"
+  >
+    <a-spin :spinning="loading">
+      <a-upload-dragger
+        accept=".xls,.xlsx"
+        :show-upload-list="false"
+        :customRequest="doUpload"
+        style="padding: 24px 0; margin-bottom: 16px"
+      >
+        <p class="ant-upload-drag-icon">
+          <cloud-upload-outlined />
+        </p>
+        <p class="ant-upload-hint">将文件拖到此处，或点击上传</p>
+      </a-upload-dragger>
+    </a-spin>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref } from 'vue';
+  import { message } from 'ant-design-vue/es';
+  import { CloudUploadOutlined } from '@ant-design/icons-vue';
+  import { importCmsNavigation } from '@/api/cms/cmsNavigation';
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  defineProps<{
+    // 是否打开弹窗
+    visible: boolean;
+  }>();
+
+  // 导入请求状态
+  const loading = ref(false);
+
+  /* 上传 */
+  const doUpload = ({ file }) => {
+    if (
+      ![
+        'application/vnd.ms-excel',
+        'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
+      ].includes(file.type)
+    ) {
+      message.error('只能选择 excel 文件');
+      return false;
+    }
+    if (file.size / 1024 / 1024 > 10) {
+      message.error('大小不能超过 10MB');
+      return false;
+    }
+    loading.value = true;
+    importCmsNavigation(file)
+      .then((msg) => {
+        loading.value = false;
+        message.success(msg);
+        updateVisible(false);
+        emit('done');
+      })
+      .catch((e) => {
+        loading.value = false;
+        message.error(e.message);
+      });
+    return false;
+  };
+
+  /* 更新 visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+</script>
+
diff --git a/src/views/cms/cmsNavigation/components/search.vue b/src/views/cms/cmsNavigation/components/search.vue
index 190409e..7926bd2 100644
--- a/src/views/cms/cmsNavigation/components/search.vue
+++ b/src/views/cms/cmsNavigation/components/search.vue
@@ -3,22 +3,32 @@
   <a-space :size="10" style="flex-wrap: wrap">
     <a-button type="primary" class="ele-btn-icon" @click="emit('add')">
       <template #icon>
-        <plus-outlined/>
+        <plus-outlined />
       </template>
       <span>新建</span>
     </a-button>
-    <a-button type="dashed" :disabled="!hasRole('superAdmin')" @click="handleExport">备份</a-button>
-    <a-button type="dashed" :disabled="!hasRole('superAdmin')" @click="openImport">恢复</a-button>
+    <a-button
+      type="dashed"
+      :disabled="!hasRole('superAdmin')"
+      @click="handleExport"
+      >备份</a-button
+    >
+    <a-button
+      type="dashed"
+      :disabled="!hasRole('superAdmin')"
+      @click="openImport"
+      >恢复</a-button
+    >
     <a-button type="dashed" @click="openUrl('/website/model')"
-    >模型管理
+      >模型管理
     </a-button>
-    <a-divider type="vertical"/>
+    <a-divider type="vertical" />
     <a-radio-group v-model:value="position" @change="reload">
       <a-radio-button :value="1">顶部</a-radio-button>
       <a-radio-button :value="2">底部</a-radio-button>
       <a-radio-button :value="0">不限</a-radio-button>
     </a-radio-group>
-    <a-divider type="vertical"/>
+    <a-divider type="vertical" />
     <a-select
       v-model:value="where.model"
       style="width: 150px"
@@ -42,98 +52,114 @@
     />
   </a-space>
   <!-- 导入弹窗 -->
-  <import v-model:visible="showImport" @done="reload"/>
+  <import v-model:visible="showImport" @done="reload" />
 </template>
 
 <script lang="ts" setup>
-import {PlusOutlined} from '@ant-design/icons-vue';
-import type {GradeParam} from '@/api/user/grade/model';
-import {watch, ref} from 'vue';
-import {openUrl} from "@/utils/common";
-import {hasRole} from "@/utils/permission";
-import {utils, writeFile} from 'xlsx';
-import {message} from 'ant-design-vue';
-import {listCmsNavigation} from "@/api/cms/cmsNavigation";
-import {getTenantId} from "@/utils/domain";
-import Import from "./Import.vue";
+  import { PlusOutlined } from '@ant-design/icons-vue';
+  import type { GradeParam } from '@/api/user/grade/model';
+  import { watch, ref } from 'vue';
+  import { openUrl } from '@/utils/common';
+  import { hasRole } from '@/utils/permission';
+  import { utils, writeFile } from 'xlsx';
+  import { message } from 'ant-design-vue';
+  import { listCmsNavigation } from '@/api/cms/cmsNavigation';
+  import { getTenantId } from '@/utils/domain';
+  import Import from './Import.vue';
 
-// 是否显示导入弹窗
-const showImport = ref(false);
-const searchText = ref('');
+  // 是否显示导入弹窗
+  const showImport = ref(false);
+  const searchText = ref('');
+  // 导出请求状态
+  const loading = ref(false);
 
-const props = withDefaults(
-  defineProps<{
-    // 选中的角色
-    selection?: [];
-  }>(),
-  {}
-);
+  const props = withDefaults(
+    defineProps<{
+      // 选中的角色
+      selection?: [];
+    }>(),
+    {}
+  );
 
-const emit = defineEmits<{
-  (e: 'search', where?: GradeParam): void;
-  (e: 'add'): void;
-}>();
+  const emit = defineEmits<{
+    (e: 'search', where?: GradeParam): void;
+    (e: 'add'): void;
+  }>();
 
-watch(
-  () => props.selection,
-  () => {
-  }
-);
+  watch(
+    () => props.selection,
+    () => {}
+  );
 
-// 表单数据
-const where = ref({
-  keywords: '',
-  model: '',
-  position: 0
-});
+  // 表单数据
+  const where = ref({
+    keywords: '',
+    model: '',
+    position: 0
+  });
 
-const position = ref(0);
+  const position = ref(0);
 
-const reload = () => {
-  // 更新搜索关键词
-  where.value.keywords = searchText.value;
-  emit('search', where.value);
-};
+  const reload = () => {
+    // 更新搜索关键词
+    where.value.keywords = searchText.value;
+    emit('search', where.value);
+  };
 
-/* 打开编辑弹窗 */
-const openImport = () => {
-  showImport.value = true;
-};
+  /* 打开编辑弹窗 */
+  const openImport = () => {
+    showImport.value = true;
+  };
 
-// 导出
-const handleExport = async () => {
-  const array: (string | number)[][] = [
-    [
-      '上级id',
-      '菜单名称',
-      '模型',
-      '标识',
-      '菜单路由地址',
-      '菜单组件地址',
-      '打开位置',
-      '菜单图标',
-      'banner图片',
-      '图标颜色',
-      '是否隐藏',
-      '可见类型',
-      '访问密码',
-      '位置',
-      '仅在顶部显示',
-      '仅在底部显示',
-      '菜单侧栏选中的path',
-      '其它路由元信息',
-      'css样式',
-      '是否推荐',
-      '排序',
-      '备注',
-      '状态'
-    ]
-  ];
+  // 导出
+  const handleExport = async () => {
+    if (loading.value) {
+      return;
+    }
 
-  // 按搜索结果导出
-  await listCmsNavigation(where.value)
-    .then((list) => {
-      list?.forEach((d) => {
+    loading.value = true;
+    const array: (string | number)[][] = [
+      [
+        '上级id',
+        '菜单名称',
+        '模型',
+        '标识',
+        '菜单路由地址',
+        '菜单组件地址',
+        '打开位置',
+        '菜单图标',
+        'banner图片',
+        '图标颜色',
+        '是否隐藏',
+        '可见类型',
+        '访问密码',
+        '位置',
+        '仅在顶部显示',
+        '仅在底部显示',
+        '菜单侧栏选中的path',
+        '其它路由元信息',
+        'css样式',
+        '是否推荐',
+        '排序',
+        '备注',
+        '状态'
+      ]
+    ];
+
+    // 按搜索结果导出
+    message.loading('正在准备导出数据...', 0);
+
+    try {
+      const list = await listCmsNavigation(where.value);
+
+      if (!list || list.length === 0) {
+        message.destroy();
+        message.warning('没有数据可以导出');
+        loading.value = false;
+        return;
+      }
+
+      list.forEach((d) => {
         array.push([
           `${d.parentId || ''}`,
           `${d.title || ''}`,
@@ -160,6 +186,7 @@ const handleExport = async () => {
           `${d.status || 0}`
         ]);
       });
+
       const sheetName = `bak_navigation_${getTenantId()}`;
       const workbook = {
         SheetNames: [sheetName],
@@ -167,18 +194,47 @@ const handleExport = async () => {
       };
       const sheet = utils.aoa_to_sheet(array);
       workbook.Sheets[sheetName] = sheet;
+
       // 设置列宽
-      sheet['!cols'] = [];
-      message.loading('正在导出...');
+      sheet['!cols'] = [
+        { wch: 10 }, // 上级id
+        { wch: 20 }, // 菜单名称
+        { wch: 10 }, // 模型
+        { wch: 20 }, // 标识
+        { wch: 30 }, // 菜单路由地址
+        { wch: 30 }, // 菜单组件地址
+        { wch: 10 }, // 打开位置
+        { wch: 18 }, // 菜单图标
+        { wch: 24 }, // banner图片
+        { wch: 12 }, // 图标颜色
+        { wch: 10 }, // 是否隐藏
+        { wch: 10 }, // 可见类型
+        { wch: 16 }, // 访问密码
+        { wch: 10 }, // 位置
+        { wch: 12 }, // 仅在顶部显示
+        { wch: 12 }, // 仅在底部显示
+        { wch: 26 }, // 菜单侧栏选中的path
+        { wch: 20 }, // 其它路由元信息
+        { wch: 20 }, // css样式
+        { wch: 10 }, // 是否推荐
+        { wch: 10 }, // 排序
+        { wch: 20 }, // 备注
+        { wch: 10 } // 状态
+      ];
+
+      message.destroy();
+      message.loading('正在生成Excel文件...', 0);
+
       setTimeout(() => {
-        writeFile(
-          workbook,
-          `${sheetName}.xlsx`
-        );
+        writeFile(workbook, `${sheetName}.xlsx`);
+        loading.value = false;
+        message.destroy();
+        message.success(`成功导出 ${list.length} 条记录`);
       }, 1000);
-    })
-    .catch((msg) => {
-      message.error(msg);
-    });
-};
-</script>
\ No newline at end of file
+    } catch (e: any) {
+      loading.value = false;
+      message.destroy();
+      message.error(e.message || '导出失败，请重试');
+    }
+  };
+</script>
diff --git a/src/views/credit/components/CreditImportModal.vue b/src/views/credit/components/CreditImportModal.vue
new file mode 100644
index 0000000..3ee44c4
--- /dev/null
+++ b/src/views/credit/components/CreditImportModal.vue
@@ -0,0 +1,103 @@
+<!-- 通用导入弹窗 -->
+<template>
+  <ele-modal
+    :width="520"
+    :footer="null"
+    :title="title"
+    :visible="visible"
+    @update:visible="updateVisible"
+  >
+    <a-spin :spinning="loading">
+      <a-upload-dragger
+        accept=".xls,.xlsx"
+        :show-upload-list="false"
+        :customRequest="doUpload"
+        style="padding: 24px 0; margin-bottom: 16px"
+      >
+        <p class="ant-upload-drag-icon">
+          <cloud-upload-outlined />
+        </p>
+        <p class="ant-upload-hint">将文件拖到此处，或点击上传</p>
+      </a-upload-dragger>
+    </a-spin>
+    <div class="ele-text-center">
+      <span>只能上传xls、xlsx文件，</span>
+      <a :href="templateUrl" :download="templateName"> 下载导入模板 </a>
+    </div>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { computed, ref } from 'vue';
+  import { message } from 'ant-design-vue/es';
+  import { CloudUploadOutlined } from '@ant-design/icons-vue';
+  import { API_BASE_URL } from '@/config/setting';
+
+  const props = defineProps<{
+    visible: boolean;
+    title: string;
+    templatePath: string;
+    templateName?: string;
+    importRequest: (file: File) => Promise<string>;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  // 导入请求状态
+  const loading = ref(false);
+
+  // 模板下载地址，保持与当前接口域名一致
+  const templateUrl = computed(() => {
+    const base = (localStorage.getItem('ApiUrl') || API_BASE_URL || '').replace(
+      /\/$/,
+      ''
+    );
+    const path = props.templatePath.startsWith('/')
+      ? props.templatePath
+      : `/${props.templatePath}`;
+    return `${base}${path}`;
+  });
+
+  const templateName = computed(
+    () => props.templateName || '导入模板.xlsx'
+  );
+
+  /* 上传 */
+  const doUpload = ({ file }) => {
+    if (
+      ![
+        'application/vnd.ms-excel',
+        'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
+      ].includes(file.type)
+    ) {
+      message.error('只能选择 excel 文件');
+      return false;
+    }
+    if (file.size / 1024 / 1024 > 10) {
+      message.error('大小不能超过 10MB');
+      return false;
+    }
+    loading.value = true;
+    props
+      .importRequest(file)
+      .then((msg) => {
+        loading.value = false;
+        message.success(msg);
+        updateVisible(false);
+        emit('done');
+      })
+      .catch((e) => {
+        loading.value = false;
+        message.error(e.message);
+      });
+    return false;
+  };
+
+  /* 更新 visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+</script>
diff --git a/src/views/credit/components/CreditSearchToolbar.vue b/src/views/credit/components/CreditSearchToolbar.vue
new file mode 100644
index 0000000..24fe62c
--- /dev/null
+++ b/src/views/credit/components/CreditSearchToolbar.vue
@@ -0,0 +1,98 @@
+<!-- 信用模块通用工具栏 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+    <a-button type="primary" class="ele-btn-icon" @click="add">
+      <template #icon>
+        <PlusOutlined />
+      </template>
+      <span>添加</span>
+    </a-button>
+    <a-button class="ele-btn-icon" @click="openImport">
+      <template #icon>
+        <CloudUploadOutlined />
+      </template>
+      <span>导入</span>
+    </a-button>
+    <a-button class="ele-btn-icon" @click="exportData">
+      <template #icon>
+        <CloudDownloadOutlined />
+      </template>
+      <span>导出</span>
+    </a-button>
+    <a-button
+      danger
+      class="ele-btn-icon"
+      :disabled="!selection?.length"
+      @click="remove"
+    >
+      <template #icon>
+        <DeleteOutlined />
+      </template>
+      <span>批量删除</span>
+    </a-button>
+    <a-input-search
+      allow-clear
+      v-model:value="keywords"
+      placeholder="请输入关键词"
+      style="width: 220px"
+      @search="handleSearch"
+      @pressEnter="handleSearch"
+    />
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+  import { computed, ref } from 'vue';
+  import {
+    PlusOutlined,
+    CloudUploadOutlined,
+    CloudDownloadOutlined,
+    DeleteOutlined
+  } from '@ant-design/icons-vue';
+
+  const props = withDefaults(
+    defineProps<{
+      selection?: any[];
+    }>(),
+    {
+      selection: () => []
+    }
+  );
+
+  const emit = defineEmits<{
+    (e: 'search', where?: { keywords?: string }): void;
+    (e: 'add'): void;
+    (e: 'remove'): void;
+    (e: 'batchMove'): void;
+    (e: 'importData'): void;
+    (e: 'exportData'): void;
+  }>();
+
+  const keywords = ref('');
+  const selection = computed(() => props.selection || []);
+
+  // 新增
+  const add = () => {
+    emit('add');
+  };
+
+  // 搜索
+  const handleSearch = () => {
+    emit('search', { keywords: keywords.value });
+  };
+
+  // 导入
+  const openImport = () => {
+    emit('importData');
+  };
+
+  // 导出
+  const exportData = () => {
+    emit('exportData');
+  };
+
+  // 批量删除
+  const remove = () => {
+    emit('remove');
+  };
+</script>
diff --git a/src/views/credit/creditAdministrativeLicense/components/creditAdministrativeLicenseEdit.vue b/src/views/credit/creditAdministrativeLicense/components/creditAdministrativeLicenseEdit.vue
new file mode 100644
index 0000000..17dd41e
--- /dev/null
+++ b/src/views/credit/creditAdministrativeLicense/components/creditAdministrativeLicenseEdit.vue
@@ -0,0 +1,308 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑行政许可' : '添加行政许可'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="决定文书/许可编号" name="code">
+        <a-input
+          allow-clear
+          placeholder="请输入决定文书/许可编号"
+          v-model:value="form.code"
+        />
+      </a-form-item>
+      <a-form-item label="决定文书/许可证名称" name="name">
+        <a-input
+          allow-clear
+          placeholder="请输入决定文书/许可证名称"
+          v-model:value="form.name"
+        />
+      </a-form-item>
+      <a-form-item label="许可状态" name="statusText">
+        <a-input
+          allow-clear
+          placeholder="请输入许可状态"
+          v-model:value="form.statusText"
+        />
+      </a-form-item>
+      <a-form-item label="许可类型" name="type">
+        <a-input
+          allow-clear
+          placeholder="请输入许可类型"
+          v-model:value="form.type"
+        />
+      </a-form-item>
+      <a-form-item label="链接" name="url">
+        <a-input
+          allow-clear
+          placeholder="请输入链接"
+          v-model:value="form.url"
+        />
+      </a-form-item>
+      <a-form-item label="有效期自" name="validityStart">
+        <a-input
+          allow-clear
+          placeholder="请输入有效期自"
+          v-model:value="form.validityStart"
+        />
+      </a-form-item>
+      <a-form-item label="有效期至" name="validityEnd">
+        <a-input
+          allow-clear
+          placeholder="请输入有效期至"
+          v-model:value="form.validityEnd"
+        />
+      </a-form-item>
+      <a-form-item label="许可机关" name="licensingAuthority">
+        <a-input
+          allow-clear
+          placeholder="请输入许可机关"
+          v-model:value="form.licensingAuthority"
+        />
+      </a-form-item>
+      <a-form-item label="许可内容" name="licenseContent">
+        <a-input
+          allow-clear
+          placeholder="请输入许可内容"
+          v-model:value="form.licenseContent"
+        />
+      </a-form-item>
+      <a-form-item label="数据来源单位" name="dataSourceUnit">
+        <a-input
+          allow-clear
+          placeholder="请输入数据来源单位"
+          v-model:value="form.dataSourceUnit"
+        />
+      </a-form-item>
+      <a-form-item label="备注" name="comments">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="请输入描述"
+          v-model:value="form.comments"
+        />
+      </a-form-item>
+      <a-form-item label="企业ID" name="companyId">
+        <a-input
+          allow-clear
+          placeholder="请输入企业ID"
+          v-model:value="form.companyId"
+        />
+      </a-form-item>
+      <a-form-item label="是否推荐" name="recommend">
+        <a-input
+          allow-clear
+          placeholder="请输入是否推荐"
+          v-model:value="form.recommend"
+        />
+      </a-form-item>
+      <a-form-item label="排序(数字越小越靠前)" name="sortNumber">
+        <a-input-number
+          :min="0"
+          :max="9999"
+          class="ele-fluid"
+          placeholder="请输入排序号"
+          v-model:value="form.sortNumber"
+        />
+      </a-form-item>
+      <a-form-item label="状态, 0正常, 1冻结" name="status">
+        <a-radio-group v-model:value="form.status">
+          <a-radio :value="0">显示</a-radio>
+          <a-radio :value="1">隐藏</a-radio>
+        </a-radio-group>
+      </a-form-item>
+      <a-form-item label="是否删除, 0否, 1是" name="deleted">
+        <a-input
+          allow-clear
+          placeholder="请输入是否删除, 0否, 1是"
+          v-model:value="form.deleted"
+        />
+      </a-form-item>
+      <a-form-item label="用户ID" name="userId">
+        <a-input
+          allow-clear
+          placeholder="请输入用户ID"
+          v-model:value="form.userId"
+        />
+      </a-form-item>
+      <a-form-item label="修改时间" name="updateTime">
+        <a-input
+          allow-clear
+          placeholder="请输入修改时间"
+          v-model:value="form.updateTime"
+        />
+      </a-form-item>
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, watch } from 'vue';
+  import { Form, message } from 'ant-design-vue';
+  import { assignObject, uuid } from 'ele-admin-pro';
+  import { addCreditAdministrativeLicense, updateCreditAdministrativeLicense } from '@/api/credit/creditAdministrativeLicense';
+  import { CreditAdministrativeLicense } from '@/api/credit/creditAdministrativeLicense/model';
+  import { useThemeStore } from '@/store/modules/theme';
+  import { storeToRefs } from 'pinia';
+  import { ItemType } from 'ele-admin-pro/es/ele-image-upload/types';
+  import { FormInstance } from 'ant-design-vue/es/form';
+  import { FileRecord } from '@/api/system/file/model';
+
+  // 是否是修改
+  const isUpdate = ref(false);
+  const useForm = Form.useForm;
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: CreditAdministrativeLicense | null;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  // 提交状态
+  const loading = ref(false);
+  // 是否显示最大化切换按钮
+  const maxable = ref(true);
+  // 表格选中数据
+  const formRef = ref<FormInstance | null>(null);
+  const images = ref<ItemType[]>([]);
+
+  // 用户信息
+  const form = reactive<CreditAdministrativeLicense>({
+    id: undefined,
+    code: undefined,
+    name: undefined,
+    statusText: undefined,
+    type: undefined,
+    url: undefined,
+    validityStart: undefined,
+    validityEnd: undefined,
+    licensingAuthority: undefined,
+    licenseContent: undefined,
+    dataSourceUnit: undefined,
+    comments: undefined,
+    companyId: undefined,
+    recommend: undefined,
+    sortNumber: undefined,
+    status: undefined,
+    deleted: undefined,
+    userId: undefined,
+    tenantId: undefined,
+    createTime: undefined,
+    updateTime: undefined,
+    creditAdministrativeLicenseId: undefined,
+    creditAdministrativeLicenseName: '',
+    status: 0,
+    comments: '',
+    sortNumber: 100
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    creditAdministrativeLicenseName: [
+      {
+        required: true,
+        type: 'string',
+        message: '请填写行政许可名称',
+        trigger: 'blur'
+      }
+    ]
+  });
+
+  const chooseImage = (data: FileRecord) => {
+    images.value.push({
+      uid: data.id,
+      url: data.path,
+      status: 'done'
+    });
+    form.image = data.path;
+  };
+
+  const onDeleteItem = (index: number) => {
+    images.value.splice(index, 1);
+    form.image = '';
+  };
+
+  const { resetFields } = useForm(form, rules);
+
+  /* 保存编辑 */
+  const save = () => {
+    if (!formRef.value) {
+      return;
+    }
+    formRef.value
+      .validate()
+      .then(() => {
+        loading.value = true;
+        const formData = {
+          ...form
+        };
+        const saveOrUpdate = isUpdate.value ? updateCreditAdministrativeLicense : addCreditAdministrativeLicense;
+        saveOrUpdate(formData)
+          .then((msg) => {
+            loading.value = false;
+            message.success(msg);
+            updateVisible(false);
+            emit('done');
+          })
+          .catch((e) => {
+            loading.value = false;
+            message.error(e.message);
+          });
+      })
+      .catch(() => {});
+  };
+
+  watch(
+    () => props.visible,
+    (visible) => {
+      if (visible) {
+        images.value = [];
+        if (props.data) {
+          assignObject(form, props.data);
+          if(props.data.image){
+            images.value.push({
+              uid: uuid(),
+              url: props.data.image,
+              status: 'done'
+            })
+          }
+          isUpdate.value = true;
+        } else {
+          isUpdate.value = false;
+        }
+      } else {
+        resetFields();
+      }
+    },
+    { immediate: true }
+  );
+</script>
diff --git a/src/views/credit/creditAdministrativeLicense/components/search.vue b/src/views/credit/creditAdministrativeLicense/components/search.vue
new file mode 100644
index 0000000..82fea9d
--- /dev/null
+++ b/src/views/credit/creditAdministrativeLicense/components/search.vue
@@ -0,0 +1,42 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+    <a-button type="primary" class="ele-btn-icon" @click="add">
+      <template #icon>
+        <PlusOutlined />
+      </template>
+      <span>添加</span>
+    </a-button>
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+  import { PlusOutlined } from '@ant-design/icons-vue';
+  import type { GradeParam } from '@/api/user/grade/model';
+  import { watch } from 'vue';
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的角色
+      selection?: [];
+    }>(),
+    {}
+  );
+
+  const emit = defineEmits<{
+    (e: 'search', where?: GradeParam): void;
+    (e: 'add'): void;
+    (e: 'remove'): void;
+    (e: 'batchMove'): void;
+  }>();
+
+  // 新增
+  const add = () => {
+    emit('add');
+  };
+
+  watch(
+    () => props.selection,
+    () => {}
+  );
+</script>
diff --git a/src/views/credit/creditAdministrativeLicense/index.vue b/src/views/credit/creditAdministrativeLicense/index.vue
new file mode 100644
index 0000000..4e63e42
--- /dev/null
+++ b/src/views/credit/creditAdministrativeLicense/index.vue
@@ -0,0 +1,326 @@
+<template>
+  <a-page-header :title="getPageTitle()" @back="() => $router.go(-1)">
+      <a-card :bordered="false" :body-style="{ padding: '16px' }">
+        <ele-pro-table
+          ref="tableRef"
+          row-key="id"
+          :columns="columns"
+          :datasource="datasource"
+          :customRow="customRow"
+          tool-class="ele-toolbar-form"
+          class="sys-org-table"
+        >
+          <template #toolbar>
+            <search
+              @search="reload"
+              :selection="selection"
+              @add="openEdit"
+              @remove="removeBatch"
+              @batchMove="openMove"
+            />
+          </template>
+          <template #bodyCell="{ column, record }">
+            <template v-if="column.key === 'image'">
+              <a-image :src="record.image" :width="50" />
+            </template>
+            <template v-if="column.key === 'status'">
+              <a-tag v-if="record.status === 0" color="green">显示</a-tag>
+              <a-tag v-if="record.status === 1" color="red">隐藏</a-tag>
+            </template>
+            <template v-if="column.key === 'action'">
+              <a-space>
+                <a @click="openEdit(record)">修改</a>
+                <a-divider type="vertical" />
+                <a-popconfirm
+                  title="确定要删除此记录吗？"
+                  @confirm="remove(record)"
+                >
+                  <a class="ele-text-danger">删除</a>
+                </a-popconfirm>
+              </a-space>
+            </template>
+          </template>
+        </ele-pro-table>
+      </a-card>
+
+      <!-- 编辑弹窗 -->
+      <CreditAdministrativeLicenseEdit v-model:visible="showEdit" :data="current" @done="reload" />
+  </a-page-header>
+</template>
+
+<script lang="ts" setup>
+  import { createVNode, ref, computed } from 'vue';
+  import { message, Modal } from 'ant-design-vue';
+  import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
+  import type { EleProTable } from 'ele-admin-pro';
+  import { toDateString } from 'ele-admin-pro';
+  import type {
+    DatasourceFunction,
+    ColumnItem
+  } from 'ele-admin-pro/es/ele-pro-table/types';
+  import Search from './components/search.vue';
+  import {getPageTitle} from '@/utils/common';
+  import CreditAdministrativeLicenseEdit from './components/creditAdministrativeLicenseEdit.vue';
+  import { pageCreditAdministrativeLicense, removeCreditAdministrativeLicense, removeBatchCreditAdministrativeLicense } from '@/api/credit/creditAdministrativeLicense';
+  import type { CreditAdministrativeLicense, CreditAdministrativeLicenseParam } from '@/api/credit/creditAdministrativeLicense/model';
+
+  // 表格实例
+  const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+  // 表格选中数据
+  const selection = ref<CreditAdministrativeLicense[]>([]);
+  // 当前编辑数据
+  const current = ref<CreditAdministrativeLicense | null>(null);
+  // 是否显示编辑弹窗
+  const showEdit = ref(false);
+  // 是否显示批量移动弹窗
+  const showMove = ref(false);
+  // 加载状态
+  const loading = ref(true);
+
+  // 表格数据源
+  const datasource: DatasourceFunction = ({
+    page,
+    limit,
+    where,
+    orders,
+    filters
+  }) => {
+    if (filters) {
+      where.status = filters.status;
+    }
+    return pageCreditAdministrativeLicense({
+      ...where,
+      ...orders,
+      page,
+      limit
+    });
+  };
+
+  // 完整的列配置（包含所有字段）
+  const columns = ref<ColumnItem[]>([
+    {
+      title: 'ID',
+      dataIndex: 'id',
+      key: 'id',
+      width: 90,
+    },
+    {
+      title: '决定文书/许可编号',
+      dataIndex: 'code',
+      key: 'code',
+      ellipsis: true
+    },
+    {
+      title: '决定文书/许可证名称',
+      dataIndex: 'name',
+      key: 'name',
+      ellipsis: true
+    },
+    {
+      title: '许可状态',
+      dataIndex: 'statusText',
+      key: 'statusText',
+      ellipsis: true
+    },
+    {
+      title: '许可类型',
+      dataIndex: 'type',
+      key: 'type',
+      ellipsis: true
+    },
+    {
+      title: '链接',
+      dataIndex: 'url',
+      key: 'url',
+      ellipsis: true
+    },
+    {
+      title: '有效期自',
+      dataIndex: 'validityStart',
+      key: 'validityStart',
+      ellipsis: true
+    },
+    {
+      title: '有效期至',
+      dataIndex: 'validityEnd',
+      key: 'validityEnd',
+      ellipsis: true
+    },
+    {
+      title: '许可机关',
+      dataIndex: 'licensingAuthority',
+      key: 'licensingAuthority',
+      ellipsis: true
+    },
+    {
+      title: '许可内容',
+      dataIndex: 'licenseContent',
+      key: 'licenseContent',
+      ellipsis: true
+    },
+    {
+      title: '数据来源单位',
+      dataIndex: 'dataSourceUnit',
+      key: 'dataSourceUnit',
+      ellipsis: true
+    },
+    {
+      title: '备注',
+      dataIndex: 'comments',
+      key: 'comments',
+      ellipsis: true
+    },
+    {
+      title: '企业ID',
+      dataIndex: 'companyId',
+      key: 'companyId',
+      width: 120
+    },
+    {
+      title: '是否推荐',
+      dataIndex: 'recommend',
+      key: 'recommend',
+      width: 120
+    },
+    {
+      title: '排序(数字越小越靠前)',
+      dataIndex: 'sortNumber',
+      key: 'sortNumber',
+      width: 120
+    },
+    {
+      title: '状态, 0正常, 1冻结',
+      dataIndex: 'status',
+      key: 'status',
+      width: 120
+    },
+    {
+      title: '是否删除, 0否, 1是',
+      dataIndex: 'deleted',
+      key: 'deleted',
+      width: 120
+    },
+    {
+      title: '用户ID',
+      dataIndex: 'userId',
+      key: 'userId',
+      width: 120
+    },
+    {
+      title: '创建时间',
+      dataIndex: 'createTime',
+      key: 'createTime',
+      width: 200,
+      align: 'center',
+      sorter: true,
+      ellipsis: true,
+      customRender: ({ text }) => toDateString(text, 'yyyy-MM-dd HH:mm:ss')
+    },
+    {
+      title: '修改时间',
+      dataIndex: 'updateTime',
+      key: 'updateTime',
+      width: 200,
+      align: 'center',
+      sorter: true,
+      ellipsis: true,
+      customRender: ({ text }) => toDateString(text, 'yyyy-MM-dd HH:mm:ss')
+    },
+    {
+      title: '操作',
+      key: 'action',
+      width: 180,
+      fixed: 'right',
+      align: 'center',
+      hideInSetting: true
+    }
+  ]);
+
+  /* 搜索 */
+  const reload = (where?: CreditAdministrativeLicenseParam) => {
+    selection.value = [];
+    tableRef?.value?.reload({ where: where });
+  };
+
+  /* 打开编辑弹窗 */
+  const openEdit = (row?: CreditAdministrativeLicense) => {
+    current.value = row ?? null;
+    showEdit.value = true;
+  };
+
+  /* 打开批量移动弹窗 */
+  const openMove = () => {
+    showMove.value = true;
+  };
+
+  /* 删除单个 */
+  const remove = (row: CreditAdministrativeLicense) => {
+    const hide = message.loading('请求中..', 0);
+    removeCreditAdministrativeLicense(row.id)
+      .then((msg) => {
+        hide();
+        message.success(msg);
+        reload();
+      })
+      .catch((e) => {
+        hide();
+        message.error(e.message);
+      });
+  };
+
+  /* 批量删除 */
+  const removeBatch = () => {
+    if (!selection.value.length) {
+      message.error('请至少选择一条数据');
+      return;
+    }
+    Modal.confirm({
+      title: '提示',
+      content: '确定要删除选中的记录吗?',
+      icon: createVNode(ExclamationCircleOutlined),
+      maskClosable: true,
+      onOk: () => {
+        const hide = message.loading('请求中..', 0);
+        removeBatchCreditAdministrativeLicense(selection.value.map((d) => d.id))
+          .then((msg) => {
+            hide();
+            message.success(msg);
+            reload();
+          })
+          .catch((e) => {
+            hide();
+            message.error(e.message);
+          });
+      }
+    });
+  };
+
+  /* 查询 */
+  const query = () => {
+    loading.value = true;
+  };
+
+  /* 自定义行属性 */
+  const customRow = (record: CreditAdministrativeLicense) => {
+    return {
+      // 行点击事件
+      onClick: () => {
+        // console.log(record);
+      },
+      // 行双击事件
+      onDblclick: () => {
+        openEdit(record);
+      }
+    };
+  };
+  query();
+</script>
+
+<script lang="ts">
+  export default {
+    name: 'CreditAdministrativeLicense'
+  };
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/views/credit/creditBankruptcy/components/creditBankruptcyEdit.vue b/src/views/credit/creditBankruptcy/components/creditBankruptcyEdit.vue
new file mode 100644
index 0000000..841a7ea
--- /dev/null
+++ b/src/views/credit/creditBankruptcy/components/creditBankruptcyEdit.vue
@@ -0,0 +1,276 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑破产重整' : '添加破产重整'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="案号" name="code">
+        <a-input
+          allow-clear
+          placeholder="请输入案号"
+          v-model:value="form.code"
+        />
+      </a-form-item>
+      <a-form-item label="案件类型" name="type">
+        <a-input
+          allow-clear
+          placeholder="请输入案件类型"
+          v-model:value="form.type"
+        />
+      </a-form-item>
+      <a-form-item label="当事人" name="party">
+        <a-input
+          allow-clear
+          placeholder="请输入当事人"
+          v-model:value="form.party"
+        />
+      </a-form-item>
+      <a-form-item label="链接" name="url">
+        <a-input
+          allow-clear
+          placeholder="请输入链接"
+          v-model:value="form.url"
+        />
+      </a-form-item>
+      <a-form-item label="经办法院" name="court">
+        <a-input
+          allow-clear
+          placeholder="请输入经办法院"
+          v-model:value="form.court"
+        />
+      </a-form-item>
+      <a-form-item label="公开日期" name="publicDate">
+        <a-input
+          allow-clear
+          placeholder="请输入公开日期"
+          v-model:value="form.publicDate"
+        />
+      </a-form-item>
+      <a-form-item label="备注" name="comments">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="请输入描述"
+          v-model:value="form.comments"
+        />
+      </a-form-item>
+      <a-form-item label="企业ID" name="companyId">
+        <a-input
+          allow-clear
+          placeholder="请输入企业ID"
+          v-model:value="form.companyId"
+        />
+      </a-form-item>
+      <a-form-item label="是否推荐" name="recommend">
+        <a-input
+          allow-clear
+          placeholder="请输入是否推荐"
+          v-model:value="form.recommend"
+        />
+      </a-form-item>
+      <a-form-item label="排序(数字越小越靠前)" name="sortNumber">
+        <a-input-number
+          :min="0"
+          :max="9999"
+          class="ele-fluid"
+          placeholder="请输入排序号"
+          v-model:value="form.sortNumber"
+        />
+      </a-form-item>
+      <a-form-item label="状态, 0正常, 1冻结" name="status">
+        <a-radio-group v-model:value="form.status">
+          <a-radio :value="0">显示</a-radio>
+          <a-radio :value="1">隐藏</a-radio>
+        </a-radio-group>
+      </a-form-item>
+      <a-form-item label="是否删除, 0否, 1是" name="deleted">
+        <a-input
+          allow-clear
+          placeholder="请输入是否删除, 0否, 1是"
+          v-model:value="form.deleted"
+        />
+      </a-form-item>
+      <a-form-item label="用户ID" name="userId">
+        <a-input
+          allow-clear
+          placeholder="请输入用户ID"
+          v-model:value="form.userId"
+        />
+      </a-form-item>
+      <a-form-item label="修改时间" name="updateTime">
+        <a-input
+          allow-clear
+          placeholder="请输入修改时间"
+          v-model:value="form.updateTime"
+        />
+      </a-form-item>
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, watch } from 'vue';
+  import { Form, message } from 'ant-design-vue';
+  import { assignObject, uuid } from 'ele-admin-pro';
+  import { addCreditBankruptcy, updateCreditBankruptcy } from '@/api/credit/creditBankruptcy';
+  import { CreditBankruptcy } from '@/api/credit/creditBankruptcy/model';
+  import { useThemeStore } from '@/store/modules/theme';
+  import { storeToRefs } from 'pinia';
+  import { ItemType } from 'ele-admin-pro/es/ele-image-upload/types';
+  import { FormInstance } from 'ant-design-vue/es/form';
+  import { FileRecord } from '@/api/system/file/model';
+
+  // 是否是修改
+  const isUpdate = ref(false);
+  const useForm = Form.useForm;
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: CreditBankruptcy | null;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  // 提交状态
+  const loading = ref(false);
+  // 是否显示最大化切换按钮
+  const maxable = ref(true);
+  // 表格选中数据
+  const formRef = ref<FormInstance | null>(null);
+  const images = ref<ItemType[]>([]);
+
+  // 用户信息
+  const form = reactive<CreditBankruptcy>({
+    id: undefined,
+    code: undefined,
+    type: undefined,
+    party: undefined,
+    url: undefined,
+    court: undefined,
+    publicDate: undefined,
+    comments: undefined,
+    companyId: undefined,
+    recommend: undefined,
+    sortNumber: undefined,
+    status: undefined,
+    deleted: undefined,
+    userId: undefined,
+    tenantId: undefined,
+    createTime: undefined,
+    updateTime: undefined,
+    creditBankruptcyId: undefined,
+    creditBankruptcyName: '',
+    status: 0,
+    comments: '',
+    sortNumber: 100
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    creditBankruptcyName: [
+      {
+        required: true,
+        type: 'string',
+        message: '请填写破产重整名称',
+        trigger: 'blur'
+      }
+    ]
+  });
+
+  const chooseImage = (data: FileRecord) => {
+    images.value.push({
+      uid: data.id,
+      url: data.path,
+      status: 'done'
+    });
+    form.image = data.path;
+  };
+
+  const onDeleteItem = (index: number) => {
+    images.value.splice(index, 1);
+    form.image = '';
+  };
+
+  const { resetFields } = useForm(form, rules);
+
+  /* 保存编辑 */
+  const save = () => {
+    if (!formRef.value) {
+      return;
+    }
+    formRef.value
+      .validate()
+      .then(() => {
+        loading.value = true;
+        const formData = {
+          ...form
+        };
+        const saveOrUpdate = isUpdate.value ? updateCreditBankruptcy : addCreditBankruptcy;
+        saveOrUpdate(formData)
+          .then((msg) => {
+            loading.value = false;
+            message.success(msg);
+            updateVisible(false);
+            emit('done');
+          })
+          .catch((e) => {
+            loading.value = false;
+            message.error(e.message);
+          });
+      })
+      .catch(() => {});
+  };
+
+  watch(
+    () => props.visible,
+    (visible) => {
+      if (visible) {
+        images.value = [];
+        if (props.data) {
+          assignObject(form, props.data);
+          if(props.data.image){
+            images.value.push({
+              uid: uuid(),
+              url: props.data.image,
+              status: 'done'
+            })
+          }
+          isUpdate.value = true;
+        } else {
+          isUpdate.value = false;
+        }
+      } else {
+        resetFields();
+      }
+    },
+    { immediate: true }
+  );
+</script>
diff --git a/src/views/credit/creditBankruptcy/components/search.vue b/src/views/credit/creditBankruptcy/components/search.vue
new file mode 100644
index 0000000..82fea9d
--- /dev/null
+++ b/src/views/credit/creditBankruptcy/components/search.vue
@@ -0,0 +1,42 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+    <a-button type="primary" class="ele-btn-icon" @click="add">
+      <template #icon>
+        <PlusOutlined />
+      </template>
+      <span>添加</span>
+    </a-button>
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+  import { PlusOutlined } from '@ant-design/icons-vue';
+  import type { GradeParam } from '@/api/user/grade/model';
+  import { watch } from 'vue';
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的角色
+      selection?: [];
+    }>(),
+    {}
+  );
+
+  const emit = defineEmits<{
+    (e: 'search', where?: GradeParam): void;
+    (e: 'add'): void;
+    (e: 'remove'): void;
+    (e: 'batchMove'): void;
+  }>();
+
+  // 新增
+  const add = () => {
+    emit('add');
+  };
+
+  watch(
+    () => props.selection,
+    () => {}
+  );
+</script>
diff --git a/src/views/credit/creditBankruptcy/index.vue b/src/views/credit/creditBankruptcy/index.vue
new file mode 100644
index 0000000..7d022c9
--- /dev/null
+++ b/src/views/credit/creditBankruptcy/index.vue
@@ -0,0 +1,302 @@
+<template>
+  <a-page-header :title="getPageTitle()" @back="() => $router.go(-1)">
+      <a-card :bordered="false" :body-style="{ padding: '16px' }">
+        <ele-pro-table
+          ref="tableRef"
+          row-key="id"
+          :columns="columns"
+          :datasource="datasource"
+          :customRow="customRow"
+          tool-class="ele-toolbar-form"
+          class="sys-org-table"
+        >
+          <template #toolbar>
+            <search
+              @search="reload"
+              :selection="selection"
+              @add="openEdit"
+              @remove="removeBatch"
+              @batchMove="openMove"
+            />
+          </template>
+          <template #bodyCell="{ column, record }">
+            <template v-if="column.key === 'image'">
+              <a-image :src="record.image" :width="50" />
+            </template>
+            <template v-if="column.key === 'status'">
+              <a-tag v-if="record.status === 0" color="green">显示</a-tag>
+              <a-tag v-if="record.status === 1" color="red">隐藏</a-tag>
+            </template>
+            <template v-if="column.key === 'action'">
+              <a-space>
+                <a @click="openEdit(record)">修改</a>
+                <a-divider type="vertical" />
+                <a-popconfirm
+                  title="确定要删除此记录吗？"
+                  @confirm="remove(record)"
+                >
+                  <a class="ele-text-danger">删除</a>
+                </a-popconfirm>
+              </a-space>
+            </template>
+          </template>
+        </ele-pro-table>
+      </a-card>
+
+      <!-- 编辑弹窗 -->
+      <CreditBankruptcyEdit v-model:visible="showEdit" :data="current" @done="reload" />
+  </a-page-header>
+</template>
+
+<script lang="ts" setup>
+  import { createVNode, ref, computed } from 'vue';
+  import { message, Modal } from 'ant-design-vue';
+  import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
+  import type { EleProTable } from 'ele-admin-pro';
+  import { toDateString } from 'ele-admin-pro';
+  import type {
+    DatasourceFunction,
+    ColumnItem
+  } from 'ele-admin-pro/es/ele-pro-table/types';
+  import Search from './components/search.vue';
+  import {getPageTitle} from '@/utils/common';
+  import CreditBankruptcyEdit from './components/creditBankruptcyEdit.vue';
+  import { pageCreditBankruptcy, removeCreditBankruptcy, removeBatchCreditBankruptcy } from '@/api/credit/creditBankruptcy';
+  import type { CreditBankruptcy, CreditBankruptcyParam } from '@/api/credit/creditBankruptcy/model';
+
+  // 表格实例
+  const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+  // 表格选中数据
+  const selection = ref<CreditBankruptcy[]>([]);
+  // 当前编辑数据
+  const current = ref<CreditBankruptcy | null>(null);
+  // 是否显示编辑弹窗
+  const showEdit = ref(false);
+  // 是否显示批量移动弹窗
+  const showMove = ref(false);
+  // 加载状态
+  const loading = ref(true);
+
+  // 表格数据源
+  const datasource: DatasourceFunction = ({
+    page,
+    limit,
+    where,
+    orders,
+    filters
+  }) => {
+    if (filters) {
+      where.status = filters.status;
+    }
+    return pageCreditBankruptcy({
+      ...where,
+      ...orders,
+      page,
+      limit
+    });
+  };
+
+  // 完整的列配置（包含所有字段）
+  const columns = ref<ColumnItem[]>([
+    {
+      title: 'ID',
+      dataIndex: 'id',
+      key: 'id',
+      width: 90,
+    },
+    {
+      title: '案号',
+      dataIndex: 'code',
+      key: 'code',
+      ellipsis: true
+    },
+    {
+      title: '案件类型',
+      dataIndex: 'type',
+      key: 'type',
+      ellipsis: true
+    },
+    {
+      title: '当事人',
+      dataIndex: 'party',
+      key: 'party',
+      ellipsis: true
+    },
+    {
+      title: '链接',
+      dataIndex: 'url',
+      key: 'url',
+      ellipsis: true
+    },
+    {
+      title: '经办法院',
+      dataIndex: 'court',
+      key: 'court',
+      ellipsis: true
+    },
+    {
+      title: '公开日期',
+      dataIndex: 'publicDate',
+      key: 'publicDate',
+      ellipsis: true
+    },
+    {
+      title: '备注',
+      dataIndex: 'comments',
+      key: 'comments',
+      ellipsis: true
+    },
+    {
+      title: '企业ID',
+      dataIndex: 'companyId',
+      key: 'companyId',
+      width: 120
+    },
+    {
+      title: '是否推荐',
+      dataIndex: 'recommend',
+      key: 'recommend',
+      width: 120
+    },
+    {
+      title: '排序(数字越小越靠前)',
+      dataIndex: 'sortNumber',
+      key: 'sortNumber',
+      width: 120
+    },
+    {
+      title: '状态, 0正常, 1冻结',
+      dataIndex: 'status',
+      key: 'status',
+      width: 120
+    },
+    {
+      title: '是否删除, 0否, 1是',
+      dataIndex: 'deleted',
+      key: 'deleted',
+      width: 120
+    },
+    {
+      title: '用户ID',
+      dataIndex: 'userId',
+      key: 'userId',
+      width: 120
+    },
+    {
+      title: '创建时间',
+      dataIndex: 'createTime',
+      key: 'createTime',
+      width: 200,
+      align: 'center',
+      sorter: true,
+      ellipsis: true,
+      customRender: ({ text }) => toDateString(text, 'yyyy-MM-dd HH:mm:ss')
+    },
+    {
+      title: '修改时间',
+      dataIndex: 'updateTime',
+      key: 'updateTime',
+      width: 200,
+      align: 'center',
+      sorter: true,
+      ellipsis: true,
+      customRender: ({ text }) => toDateString(text, 'yyyy-MM-dd HH:mm:ss')
+    },
+    {
+      title: '操作',
+      key: 'action',
+      width: 180,
+      fixed: 'right',
+      align: 'center',
+      hideInSetting: true
+    }
+  ]);
+
+  /* 搜索 */
+  const reload = (where?: CreditBankruptcyParam) => {
+    selection.value = [];
+    tableRef?.value?.reload({ where: where });
+  };
+
+  /* 打开编辑弹窗 */
+  const openEdit = (row?: CreditBankruptcy) => {
+    current.value = row ?? null;
+    showEdit.value = true;
+  };
+
+  /* 打开批量移动弹窗 */
+  const openMove = () => {
+    showMove.value = true;
+  };
+
+  /* 删除单个 */
+  const remove = (row: CreditBankruptcy) => {
+    const hide = message.loading('请求中..', 0);
+    removeCreditBankruptcy(row.id)
+      .then((msg) => {
+        hide();
+        message.success(msg);
+        reload();
+      })
+      .catch((e) => {
+        hide();
+        message.error(e.message);
+      });
+  };
+
+  /* 批量删除 */
+  const removeBatch = () => {
+    if (!selection.value.length) {
+      message.error('请至少选择一条数据');
+      return;
+    }
+    Modal.confirm({
+      title: '提示',
+      content: '确定要删除选中的记录吗?',
+      icon: createVNode(ExclamationCircleOutlined),
+      maskClosable: true,
+      onOk: () => {
+        const hide = message.loading('请求中..', 0);
+        removeBatchCreditBankruptcy(selection.value.map((d) => d.id))
+          .then((msg) => {
+            hide();
+            message.success(msg);
+            reload();
+          })
+          .catch((e) => {
+            hide();
+            message.error(e.message);
+          });
+      }
+    });
+  };
+
+  /* 查询 */
+  const query = () => {
+    loading.value = true;
+  };
+
+  /* 自定义行属性 */
+  const customRow = (record: CreditBankruptcy) => {
+    return {
+      // 行点击事件
+      onClick: () => {
+        // console.log(record);
+      },
+      // 行双击事件
+      onDblclick: () => {
+        openEdit(record);
+      }
+    };
+  };
+  query();
+</script>
+
+<script lang="ts">
+  export default {
+    name: 'CreditBankruptcy'
+  };
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/views/credit/creditBranch/components/creditBranchEdit.vue b/src/views/credit/creditBranch/components/creditBranchEdit.vue
new file mode 100644
index 0000000..bc7bb2a
--- /dev/null
+++ b/src/views/credit/creditBranch/components/creditBranchEdit.vue
@@ -0,0 +1,276 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑分支机构' : '添加分支机构'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="分支机构名称" name="name">
+        <a-input
+          allow-clear
+          placeholder="请输入分支机构名称"
+          v-model:value="form.name"
+        />
+      </a-form-item>
+      <a-form-item label="负责人" name="curator">
+        <a-input
+          allow-clear
+          placeholder="请输入负责人"
+          v-model:value="form.curator"
+        />
+      </a-form-item>
+      <a-form-item label="地区" name="region">
+        <a-input
+          allow-clear
+          placeholder="请输入地区"
+          v-model:value="form.region"
+        />
+      </a-form-item>
+      <a-form-item label="链接" name="url">
+        <a-input
+          allow-clear
+          placeholder="请输入链接"
+          v-model:value="form.url"
+        />
+      </a-form-item>
+      <a-form-item label="成立日期" name="establishDate">
+        <a-input
+          allow-clear
+          placeholder="请输入成立日期"
+          v-model:value="form.establishDate"
+        />
+      </a-form-item>
+      <a-form-item label="状态" name="statusText">
+        <a-input
+          allow-clear
+          placeholder="请输入状态"
+          v-model:value="form.statusText"
+        />
+      </a-form-item>
+      <a-form-item label="备注" name="comments">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="请输入描述"
+          v-model:value="form.comments"
+        />
+      </a-form-item>
+      <a-form-item label="企业ID" name="companyId">
+        <a-input
+          allow-clear
+          placeholder="请输入企业ID"
+          v-model:value="form.companyId"
+        />
+      </a-form-item>
+      <a-form-item label="是否推荐" name="recommend">
+        <a-input
+          allow-clear
+          placeholder="请输入是否推荐"
+          v-model:value="form.recommend"
+        />
+      </a-form-item>
+      <a-form-item label="排序(数字越小越靠前)" name="sortNumber">
+        <a-input-number
+          :min="0"
+          :max="9999"
+          class="ele-fluid"
+          placeholder="请输入排序号"
+          v-model:value="form.sortNumber"
+        />
+      </a-form-item>
+      <a-form-item label="状态, 0正常, 1冻结" name="status">
+        <a-radio-group v-model:value="form.status">
+          <a-radio :value="0">显示</a-radio>
+          <a-radio :value="1">隐藏</a-radio>
+        </a-radio-group>
+      </a-form-item>
+      <a-form-item label="是否删除, 0否, 1是" name="deleted">
+        <a-input
+          allow-clear
+          placeholder="请输入是否删除, 0否, 1是"
+          v-model:value="form.deleted"
+        />
+      </a-form-item>
+      <a-form-item label="用户ID" name="userId">
+        <a-input
+          allow-clear
+          placeholder="请输入用户ID"
+          v-model:value="form.userId"
+        />
+      </a-form-item>
+      <a-form-item label="修改时间" name="updateTime">
+        <a-input
+          allow-clear
+          placeholder="请输入修改时间"
+          v-model:value="form.updateTime"
+        />
+      </a-form-item>
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, watch } from 'vue';
+  import { Form, message } from 'ant-design-vue';
+  import { assignObject, uuid } from 'ele-admin-pro';
+  import { addCreditBranch, updateCreditBranch } from '@/api/credit/creditBranch';
+  import { CreditBranch } from '@/api/credit/creditBranch/model';
+  import { useThemeStore } from '@/store/modules/theme';
+  import { storeToRefs } from 'pinia';
+  import { ItemType } from 'ele-admin-pro/es/ele-image-upload/types';
+  import { FormInstance } from 'ant-design-vue/es/form';
+  import { FileRecord } from '@/api/system/file/model';
+
+  // 是否是修改
+  const isUpdate = ref(false);
+  const useForm = Form.useForm;
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: CreditBranch | null;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  // 提交状态
+  const loading = ref(false);
+  // 是否显示最大化切换按钮
+  const maxable = ref(true);
+  // 表格选中数据
+  const formRef = ref<FormInstance | null>(null);
+  const images = ref<ItemType[]>([]);
+
+  // 用户信息
+  const form = reactive<CreditBranch>({
+    id: undefined,
+    name: undefined,
+    curator: undefined,
+    region: undefined,
+    url: undefined,
+    establishDate: undefined,
+    statusText: undefined,
+    comments: undefined,
+    companyId: undefined,
+    recommend: undefined,
+    sortNumber: undefined,
+    status: undefined,
+    deleted: undefined,
+    userId: undefined,
+    tenantId: undefined,
+    createTime: undefined,
+    updateTime: undefined,
+    creditBranchId: undefined,
+    creditBranchName: '',
+    status: 0,
+    comments: '',
+    sortNumber: 100
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    creditBranchName: [
+      {
+        required: true,
+        type: 'string',
+        message: '请填写分支机构名称',
+        trigger: 'blur'
+      }
+    ]
+  });
+
+  const chooseImage = (data: FileRecord) => {
+    images.value.push({
+      uid: data.id,
+      url: data.path,
+      status: 'done'
+    });
+    form.image = data.path;
+  };
+
+  const onDeleteItem = (index: number) => {
+    images.value.splice(index, 1);
+    form.image = '';
+  };
+
+  const { resetFields } = useForm(form, rules);
+
+  /* 保存编辑 */
+  const save = () => {
+    if (!formRef.value) {
+      return;
+    }
+    formRef.value
+      .validate()
+      .then(() => {
+        loading.value = true;
+        const formData = {
+          ...form
+        };
+        const saveOrUpdate = isUpdate.value ? updateCreditBranch : addCreditBranch;
+        saveOrUpdate(formData)
+          .then((msg) => {
+            loading.value = false;
+            message.success(msg);
+            updateVisible(false);
+            emit('done');
+          })
+          .catch((e) => {
+            loading.value = false;
+            message.error(e.message);
+          });
+      })
+      .catch(() => {});
+  };
+
+  watch(
+    () => props.visible,
+    (visible) => {
+      if (visible) {
+        images.value = [];
+        if (props.data) {
+          assignObject(form, props.data);
+          if(props.data.image){
+            images.value.push({
+              uid: uuid(),
+              url: props.data.image,
+              status: 'done'
+            })
+          }
+          isUpdate.value = true;
+        } else {
+          isUpdate.value = false;
+        }
+      } else {
+        resetFields();
+      }
+    },
+    { immediate: true }
+  );
+</script>
diff --git a/src/views/credit/creditBranch/components/search.vue b/src/views/credit/creditBranch/components/search.vue
new file mode 100644
index 0000000..82fea9d
--- /dev/null
+++ b/src/views/credit/creditBranch/components/search.vue
@@ -0,0 +1,42 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+    <a-button type="primary" class="ele-btn-icon" @click="add">
+      <template #icon>
+        <PlusOutlined />
+      </template>
+      <span>添加</span>
+    </a-button>
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+  import { PlusOutlined } from '@ant-design/icons-vue';
+  import type { GradeParam } from '@/api/user/grade/model';
+  import { watch } from 'vue';
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的角色
+      selection?: [];
+    }>(),
+    {}
+  );
+
+  const emit = defineEmits<{
+    (e: 'search', where?: GradeParam): void;
+    (e: 'add'): void;
+    (e: 'remove'): void;
+    (e: 'batchMove'): void;
+  }>();
+
+  // 新增
+  const add = () => {
+    emit('add');
+  };
+
+  watch(
+    () => props.selection,
+    () => {}
+  );
+</script>
diff --git a/src/views/credit/creditBranch/index.vue b/src/views/credit/creditBranch/index.vue
new file mode 100644
index 0000000..9936816
--- /dev/null
+++ b/src/views/credit/creditBranch/index.vue
@@ -0,0 +1,302 @@
+<template>
+  <a-page-header :title="getPageTitle()" @back="() => $router.go(-1)">
+      <a-card :bordered="false" :body-style="{ padding: '16px' }">
+        <ele-pro-table
+          ref="tableRef"
+          row-key="id"
+          :columns="columns"
+          :datasource="datasource"
+          :customRow="customRow"
+          tool-class="ele-toolbar-form"
+          class="sys-org-table"
+        >
+          <template #toolbar>
+            <search
+              @search="reload"
+              :selection="selection"
+              @add="openEdit"
+              @remove="removeBatch"
+              @batchMove="openMove"
+            />
+          </template>
+          <template #bodyCell="{ column, record }">
+            <template v-if="column.key === 'image'">
+              <a-image :src="record.image" :width="50" />
+            </template>
+            <template v-if="column.key === 'status'">
+              <a-tag v-if="record.status === 0" color="green">显示</a-tag>
+              <a-tag v-if="record.status === 1" color="red">隐藏</a-tag>
+            </template>
+            <template v-if="column.key === 'action'">
+              <a-space>
+                <a @click="openEdit(record)">修改</a>
+                <a-divider type="vertical" />
+                <a-popconfirm
+                  title="确定要删除此记录吗？"
+                  @confirm="remove(record)"
+                >
+                  <a class="ele-text-danger">删除</a>
+                </a-popconfirm>
+              </a-space>
+            </template>
+          </template>
+        </ele-pro-table>
+      </a-card>
+
+      <!-- 编辑弹窗 -->
+      <CreditBranchEdit v-model:visible="showEdit" :data="current" @done="reload" />
+  </a-page-header>
+</template>
+
+<script lang="ts" setup>
+  import { createVNode, ref, computed } from 'vue';
+  import { message, Modal } from 'ant-design-vue';
+  import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
+  import type { EleProTable } from 'ele-admin-pro';
+  import { toDateString } from 'ele-admin-pro';
+  import type {
+    DatasourceFunction,
+    ColumnItem
+  } from 'ele-admin-pro/es/ele-pro-table/types';
+  import Search from './components/search.vue';
+  import {getPageTitle} from '@/utils/common';
+  import CreditBranchEdit from './components/creditBranchEdit.vue';
+  import { pageCreditBranch, removeCreditBranch, removeBatchCreditBranch } from '@/api/credit/creditBranch';
+  import type { CreditBranch, CreditBranchParam } from '@/api/credit/creditBranch/model';
+
+  // 表格实例
+  const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+  // 表格选中数据
+  const selection = ref<CreditBranch[]>([]);
+  // 当前编辑数据
+  const current = ref<CreditBranch | null>(null);
+  // 是否显示编辑弹窗
+  const showEdit = ref(false);
+  // 是否显示批量移动弹窗
+  const showMove = ref(false);
+  // 加载状态
+  const loading = ref(true);
+
+  // 表格数据源
+  const datasource: DatasourceFunction = ({
+    page,
+    limit,
+    where,
+    orders,
+    filters
+  }) => {
+    if (filters) {
+      where.status = filters.status;
+    }
+    return pageCreditBranch({
+      ...where,
+      ...orders,
+      page,
+      limit
+    });
+  };
+
+  // 完整的列配置（包含所有字段）
+  const columns = ref<ColumnItem[]>([
+    {
+      title: 'ID',
+      dataIndex: 'id',
+      key: 'id',
+      width: 90,
+    },
+    {
+      title: '分支机构名称',
+      dataIndex: 'name',
+      key: 'name',
+      ellipsis: true
+    },
+    {
+      title: '负责人',
+      dataIndex: 'curator',
+      key: 'curator',
+      ellipsis: true
+    },
+    {
+      title: '地区',
+      dataIndex: 'region',
+      key: 'region',
+      ellipsis: true
+    },
+    {
+      title: '链接',
+      dataIndex: 'url',
+      key: 'url',
+      ellipsis: true
+    },
+    {
+      title: '成立日期',
+      dataIndex: 'establishDate',
+      key: 'establishDate',
+      ellipsis: true
+    },
+    {
+      title: '状态',
+      dataIndex: 'statusText',
+      key: 'statusText',
+      ellipsis: true
+    },
+    {
+      title: '备注',
+      dataIndex: 'comments',
+      key: 'comments',
+      ellipsis: true
+    },
+    {
+      title: '企业ID',
+      dataIndex: 'companyId',
+      key: 'companyId',
+      width: 120
+    },
+    {
+      title: '是否推荐',
+      dataIndex: 'recommend',
+      key: 'recommend',
+      width: 120
+    },
+    {
+      title: '排序(数字越小越靠前)',
+      dataIndex: 'sortNumber',
+      key: 'sortNumber',
+      width: 120
+    },
+    {
+      title: '状态, 0正常, 1冻结',
+      dataIndex: 'status',
+      key: 'status',
+      width: 120
+    },
+    {
+      title: '是否删除, 0否, 1是',
+      dataIndex: 'deleted',
+      key: 'deleted',
+      width: 120
+    },
+    {
+      title: '用户ID',
+      dataIndex: 'userId',
+      key: 'userId',
+      width: 120
+    },
+    {
+      title: '创建时间',
+      dataIndex: 'createTime',
+      key: 'createTime',
+      width: 200,
+      align: 'center',
+      sorter: true,
+      ellipsis: true,
+      customRender: ({ text }) => toDateString(text, 'yyyy-MM-dd HH:mm:ss')
+    },
+    {
+      title: '修改时间',
+      dataIndex: 'updateTime',
+      key: 'updateTime',
+      width: 200,
+      align: 'center',
+      sorter: true,
+      ellipsis: true,
+      customRender: ({ text }) => toDateString(text, 'yyyy-MM-dd HH:mm:ss')
+    },
+    {
+      title: '操作',
+      key: 'action',
+      width: 180,
+      fixed: 'right',
+      align: 'center',
+      hideInSetting: true
+    }
+  ]);
+
+  /* 搜索 */
+  const reload = (where?: CreditBranchParam) => {
+    selection.value = [];
+    tableRef?.value?.reload({ where: where });
+  };
+
+  /* 打开编辑弹窗 */
+  const openEdit = (row?: CreditBranch) => {
+    current.value = row ?? null;
+    showEdit.value = true;
+  };
+
+  /* 打开批量移动弹窗 */
+  const openMove = () => {
+    showMove.value = true;
+  };
+
+  /* 删除单个 */
+  const remove = (row: CreditBranch) => {
+    const hide = message.loading('请求中..', 0);
+    removeCreditBranch(row.id)
+      .then((msg) => {
+        hide();
+        message.success(msg);
+        reload();
+      })
+      .catch((e) => {
+        hide();
+        message.error(e.message);
+      });
+  };
+
+  /* 批量删除 */
+  const removeBatch = () => {
+    if (!selection.value.length) {
+      message.error('请至少选择一条数据');
+      return;
+    }
+    Modal.confirm({
+      title: '提示',
+      content: '确定要删除选中的记录吗?',
+      icon: createVNode(ExclamationCircleOutlined),
+      maskClosable: true,
+      onOk: () => {
+        const hide = message.loading('请求中..', 0);
+        removeBatchCreditBranch(selection.value.map((d) => d.id))
+          .then((msg) => {
+            hide();
+            message.success(msg);
+            reload();
+          })
+          .catch((e) => {
+            hide();
+            message.error(e.message);
+          });
+      }
+    });
+  };
+
+  /* 查询 */
+  const query = () => {
+    loading.value = true;
+  };
+
+  /* 自定义行属性 */
+  const customRow = (record: CreditBranch) => {
+    return {
+      // 行点击事件
+      onClick: () => {
+        // console.log(record);
+      },
+      // 行双击事件
+      onDblclick: () => {
+        openEdit(record);
+      }
+    };
+  };
+  query();
+</script>
+
+<script lang="ts">
+  export default {
+    name: 'CreditBranch'
+  };
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/views/credit/creditBreachOfTrust/components/credit-breach-of-trust-import.vue b/src/views/credit/creditBreachOfTrust/components/credit-breach-of-trust-import.vue
new file mode 100644
index 0000000..3373769
--- /dev/null
+++ b/src/views/credit/creditBreachOfTrust/components/credit-breach-of-trust-import.vue
@@ -0,0 +1,96 @@
+<!-- 失信被执行人导入弹窗 -->
+<template>
+  <ele-modal
+    :width="520"
+    :footer="null"
+    title="失信被执行人批量导入"
+    :visible="visible"
+    @update:visible="updateVisible"
+  >
+    <a-spin :spinning="loading">
+      <a-upload-dragger
+        accept=".xls,.xlsx"
+        :show-upload-list="false"
+        :customRequest="doUpload"
+        style="padding: 24px 0; margin-bottom: 16px"
+      >
+        <p class="ant-upload-drag-icon">
+          <cloud-upload-outlined />
+        </p>
+        <p class="ant-upload-hint">将文件拖到此处，或点击上传</p>
+      </a-upload-dragger>
+    </a-spin>
+    <div class="ele-text-center">
+      <span>只能上传xls、xlsx文件，</span>
+      <a :href="templateUrl" download="失信被执行人导入模板.xlsx">
+        下载导入模板
+      </a>
+    </div>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { computed, ref } from 'vue';
+  import { message } from 'ant-design-vue/es';
+  import { CloudUploadOutlined } from '@ant-design/icons-vue';
+  import { importCreditBreachOfTrust } from '@/api/credit/creditBreachOfTrust';
+  import { API_BASE_URL } from '@/config/setting';
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  defineProps<{
+    // 是否打开弹窗
+    visible: boolean;
+  }>();
+
+  // 导入请求状态
+  const loading = ref(false);
+
+  // 模板下载地址，保持与当前接口域名一致
+  const templateUrl = computed(() => {
+    const base = (localStorage.getItem('ApiUrl') || API_BASE_URL || '').replace(
+      /\/$/,
+      ''
+    );
+    return `${base}/credit/credit-breach-of-trust/import/template`;
+  });
+
+  /* 上传 */
+  const doUpload = ({ file }) => {
+    if (
+      ![
+        'application/vnd.ms-excel',
+        'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
+      ].includes(file.type)
+    ) {
+      message.error('只能选择 excel 文件');
+      return false;
+    }
+    if (file.size / 1024 / 1024 > 10) {
+      message.error('大小不能超过 10MB');
+      return false;
+    }
+    loading.value = true;
+    importCreditBreachOfTrust(file)
+      .then((msg) => {
+        loading.value = false;
+        message.success(msg);
+        updateVisible(false);
+        emit('done');
+      })
+      .catch((e) => {
+        loading.value = false;
+        message.error(e.message);
+      });
+    return false;
+  };
+
+  /* 更新 visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+</script>
+
diff --git a/src/views/credit/creditBreachOfTrust/components/creditBreachOfTrustEdit.vue b/src/views/credit/creditBreachOfTrust/components/creditBreachOfTrustEdit.vue
new file mode 100644
index 0000000..54ca53d
--- /dev/null
+++ b/src/views/credit/creditBreachOfTrust/components/creditBreachOfTrustEdit.vue
@@ -0,0 +1,300 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑失信被执行人' : '添加失信被执行人'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="数据类型" name="dataType">
+        <a-input
+          allow-clear
+          placeholder="请输入数据类型"
+          v-model:value="form.dataType"
+        />
+      </a-form-item>
+      <a-form-item label="原告/上诉人" name="plaintiffAppellant">
+        <a-input
+          allow-clear
+          placeholder="请输入原告/上诉人"
+          v-model:value="form.plaintiffAppellant"
+        />
+      </a-form-item>
+      <a-form-item label="被告/被上诉人" name="defendant appellee">
+        <a-input
+          allow-clear
+          placeholder="请输入被告/被上诉人"
+          v-model:value="form.appellee"
+        />
+      </a-form-item>
+      <a-form-item label="其他当事人/第三人" name="otherPartiesThirdParty">
+        <a-input
+          allow-clear
+          placeholder="请输入其他当事人/第三人"
+          v-model:value="form.otherPartiesThirdParty"
+        />
+      </a-form-item>
+      <a-form-item label="发生时间" name="occurrenceTime">
+        <a-input
+          allow-clear
+          placeholder="请输入发生时间"
+          v-model:value="form.occurrenceTime"
+        />
+      </a-form-item>
+      <a-form-item label="案号" name="caseNumber">
+        <a-input
+          allow-clear
+          placeholder="请输入案号"
+          v-model:value="form.caseNumber"
+        />
+      </a-form-item>
+      <a-form-item label="案由" name="causeOfAction">
+        <a-input
+          allow-clear
+          placeholder="请输入案由"
+          v-model:value="form.causeOfAction"
+        />
+      </a-form-item>
+      <a-form-item label="涉案金额" name="involvedAmount">
+        <a-input
+          allow-clear
+          placeholder="请输入涉案金额"
+          v-model:value="form.involvedAmount"
+        />
+      </a-form-item>
+      <a-form-item label="法院" name="courtName">
+        <a-input
+          allow-clear
+          placeholder="请输入法院"
+          v-model:value="form.courtName"
+        />
+      </a-form-item>
+      <a-form-item label="数据状态" name="dataStatus">
+        <a-input
+          allow-clear
+          placeholder="请输入数据状态"
+          v-model:value="form.dataStatus"
+        />
+      </a-form-item>
+      <a-form-item label="备注" name="comments">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="请输入描述"
+          v-model:value="form.comments"
+        />
+      </a-form-item>
+      <a-form-item label="是否推荐" name="recommend">
+        <a-input
+          allow-clear
+          placeholder="请输入是否推荐"
+          v-model:value="form.recommend"
+        />
+      </a-form-item>
+      <a-form-item label="排序(数字越小越靠前)" name="sortNumber">
+        <a-input-number
+          :min="0"
+          :max="9999"
+          class="ele-fluid"
+          placeholder="请输入排序号"
+          v-model:value="form.sortNumber"
+        />
+      </a-form-item>
+      <a-form-item label="状态, 0正常, 1冻结" name="status">
+        <a-radio-group v-model:value="form.status">
+          <a-radio :value="0">显示</a-radio>
+          <a-radio :value="1">隐藏</a-radio>
+        </a-radio-group>
+      </a-form-item>
+      <a-form-item label="是否删除, 0否, 1是" name="deleted">
+        <a-input
+          allow-clear
+          placeholder="请输入是否删除, 0否, 1是"
+          v-model:value="form.deleted"
+        />
+      </a-form-item>
+      <a-form-item label="用户ID" name="userId">
+        <a-input
+          allow-clear
+          placeholder="请输入用户ID"
+          v-model:value="form.userId"
+        />
+      </a-form-item>
+      <a-form-item label="修改时间" name="updateTime">
+        <a-input
+          allow-clear
+          placeholder="请输入修改时间"
+          v-model:value="form.updateTime"
+        />
+      </a-form-item>
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, watch } from 'vue';
+  import { Form, message } from 'ant-design-vue';
+  import { assignObject, uuid } from 'ele-admin-pro';
+  import { addCreditBreachOfTrust, updateCreditBreachOfTrust } from '@/api/credit/creditBreachOfTrust';
+  import { CreditBreachOfTrust } from '@/api/credit/creditBreachOfTrust/model';
+  import { useThemeStore } from '@/store/modules/theme';
+  import { storeToRefs } from 'pinia';
+  import { ItemType } from 'ele-admin-pro/es/ele-image-upload/types';
+  import { FormInstance } from 'ant-design-vue/es/form';
+  import { FileRecord } from '@/api/system/file/model';
+
+  // 是否是修改
+  const isUpdate = ref(false);
+  const useForm = Form.useForm;
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: CreditBreachOfTrust | null;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  // 提交状态
+  const loading = ref(false);
+  // 是否显示最大化切换按钮
+  const maxable = ref(true);
+  // 表格选中数据
+  const formRef = ref<FormInstance | null>(null);
+  const images = ref<ItemType[]>([]);
+
+  // 用户信息
+  const form = reactive<CreditBreachOfTrust>({
+    id: undefined,
+    dataType: undefined,
+    plaintiffAppellant: undefined,
+    appellee: undefined,
+    otherPartiesThirdParty: undefined,
+    occurrenceTime: undefined,
+    caseNumber: undefined,
+    causeOfAction: undefined,
+    involvedAmount: undefined,
+    courtName: undefined,
+    dataStatus: undefined,
+    comments: undefined,
+    recommend: undefined,
+    sortNumber: undefined,
+    status: undefined,
+    deleted: undefined,
+    userId: undefined,
+    tenantId: undefined,
+    createTime: undefined,
+    updateTime: undefined,
+    creditBreachOfTrustId: undefined,
+    creditBreachOfTrustName: '',
+    status: 0,
+    comments: '',
+    sortNumber: 100
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    creditBreachOfTrustName: [
+      {
+        required: true,
+        type: 'string',
+        message: '请填写失信被执行人名称',
+        trigger: 'blur'
+      }
+    ]
+  });
+
+  const chooseImage = (data: FileRecord) => {
+    images.value.push({
+      uid: data.id,
+      url: data.path,
+      status: 'done'
+    });
+    form.image = data.path;
+  };
+
+  const onDeleteItem = (index: number) => {
+    images.value.splice(index, 1);
+    form.image = '';
+  };
+
+  const { resetFields } = useForm(form, rules);
+
+  /* 保存编辑 */
+  const save = () => {
+    if (!formRef.value) {
+      return;
+    }
+    formRef.value
+      .validate()
+      .then(() => {
+        loading.value = true;
+        const formData = {
+          ...form
+        };
+        const saveOrUpdate = isUpdate.value ? updateCreditBreachOfTrust : addCreditBreachOfTrust;
+        saveOrUpdate(formData)
+          .then((msg) => {
+            loading.value = false;
+            message.success(msg);
+            updateVisible(false);
+            emit('done');
+          })
+          .catch((e) => {
+            loading.value = false;
+            message.error(e.message);
+          });
+      })
+      .catch(() => {});
+  };
+
+  watch(
+    () => props.visible,
+    (visible) => {
+      if (visible) {
+        images.value = [];
+        if (props.data) {
+          assignObject(form, props.data);
+          if(props.data.image){
+            images.value.push({
+              uid: uuid(),
+              url: props.data.image,
+              status: 'done'
+            })
+          }
+          isUpdate.value = true;
+        } else {
+          isUpdate.value = false;
+        }
+      } else {
+        resetFields();
+      }
+    },
+    { immediate: true }
+  );
+</script>
diff --git a/src/views/credit/creditBreachOfTrust/components/search.vue b/src/views/credit/creditBreachOfTrust/components/search.vue
new file mode 100644
index 0000000..82fea9d
--- /dev/null
+++ b/src/views/credit/creditBreachOfTrust/components/search.vue
@@ -0,0 +1,42 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+    <a-button type="primary" class="ele-btn-icon" @click="add">
+      <template #icon>
+        <PlusOutlined />
+      </template>
+      <span>添加</span>
+    </a-button>
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+  import { PlusOutlined } from '@ant-design/icons-vue';
+  import type { GradeParam } from '@/api/user/grade/model';
+  import { watch } from 'vue';
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的角色
+      selection?: [];
+    }>(),
+    {}
+  );
+
+  const emit = defineEmits<{
+    (e: 'search', where?: GradeParam): void;
+    (e: 'add'): void;
+    (e: 'remove'): void;
+    (e: 'batchMove'): void;
+  }>();
+
+  // 新增
+  const add = () => {
+    emit('add');
+  };
+
+  watch(
+    () => props.selection,
+    () => {}
+  );
+</script>
diff --git a/src/views/credit/creditBreachOfTrust/index.vue b/src/views/credit/creditBreachOfTrust/index.vue
new file mode 100644
index 0000000..da6c7e2
--- /dev/null
+++ b/src/views/credit/creditBreachOfTrust/index.vue
@@ -0,0 +1,334 @@
+<template>
+  <a-page-header :title="getPageTitle()" @back="() => $router.go(-1)">
+    <a-card :bordered="false" :body-style="{ padding: '16px' }">
+      <ele-pro-table
+        ref="tableRef"
+        row-key="id"
+        :columns="columns"
+        :datasource="datasource"
+        :customRow="customRow"
+        tool-class="ele-toolbar-form"
+        class="sys-org-table"
+      >
+        <template #toolbar>
+          <search
+            @search="reload"
+            :selection="selection"
+            @add="openEdit"
+            @remove="removeBatch"
+            @batchMove="openMove"
+            @importData="openImport"
+            @exportData="exportData"
+          />
+        </template>
+        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'image'">
+            <a-image :src="record.image" :width="50" />
+          </template>
+          <template v-if="column.key === 'name'">
+            <template v-if="record.url">
+              <a :href="record.url" target="_blank">{{ record.name }}</a>
+            </template>
+            <template v-else>
+              {{ record.name }}
+            </template>
+          </template>
+          <template v-if="column.key === 'status'">
+            <a-tag v-if="record.status === 0" color="green">显示</a-tag>
+            <a-tag v-if="record.status === 1" color="red">隐藏</a-tag>
+          </template>
+          <template v-if="column.key === 'action'">
+            <a-space>
+              <a @click="openEdit(record)">修改</a>
+              <a-divider type="vertical" />
+              <a-popconfirm
+                title="确定要删除此记录吗？"
+                @confirm="remove(record)"
+              >
+                <a class="ele-text-danger">删除</a>
+              </a-popconfirm>
+            </a-space>
+          </template>
+        </template>
+      </ele-pro-table>
+    </a-card>
+
+    <!-- 编辑弹窗 -->
+    <CreditBreachOfTrustEdit
+      v-model:visible="showEdit"
+      :data="current"
+      @done="reload"
+    />
+    <!-- 导入弹窗 -->
+    <CreditBreachOfTrustImport v-model:visible="showImport" @done="reload" />
+  </a-page-header>
+</template>
+
+<script lang="ts" setup>
+  import { createVNode, ref } from 'vue';
+  import { message, Modal } from 'ant-design-vue';
+  import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
+  import type { EleProTable } from 'ele-admin-pro';
+  import { toDateString } from 'ele-admin-pro';
+  import type {
+    DatasourceFunction,
+    ColumnItem
+  } from 'ele-admin-pro/es/ele-pro-table/types';
+  import Search from '@/views/credit/components/CreditSearchToolbar.vue';
+  import { exportCreditData } from '../utils/export';
+  import { getPageTitle } from '@/utils/common';
+  import CreditBreachOfTrustEdit from './components/creditBreachOfTrustEdit.vue';
+  import CreditBreachOfTrustImport from './components/credit-breach-of-trust-import.vue';
+  import {
+    pageCreditBreachOfTrust,
+    listCreditBreachOfTrust,
+    removeCreditBreachOfTrust,
+    removeBatchCreditBreachOfTrust
+  } from '@/api/credit/creditBreachOfTrust';
+  import type {
+    CreditBreachOfTrust,
+    CreditBreachOfTrustParam
+  } from '@/api/credit/creditBreachOfTrust/model';
+
+  // 表格实例
+  const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+  // 表格选中数据
+  const selection = ref<CreditBreachOfTrust[]>([]);
+  // 当前编辑数据
+  const current = ref<CreditBreachOfTrust | null>(null);
+  // 是否显示编辑弹窗
+  const showEdit = ref(false);
+  // 是否显示导入弹窗
+  const showImport = ref(false);
+  // 是否显示批量移动弹窗
+  const showMove = ref(false);
+  // 加载状态
+  const loading = ref(true);
+  // 搜索关键词
+  const searchText = ref('');
+
+  // 表格数据源
+  const datasource: DatasourceFunction = ({
+    page,
+    limit,
+    where = {},
+    orders,
+    filters
+  }) => {
+    const params: CreditBreachOfTrustParam = { ...where };
+    if (filters) {
+      (params as any).status = filters.status;
+    }
+    if (!params.keywords && searchText.value) {
+      params.keywords = searchText.value;
+    }
+    return pageCreditBreachOfTrust({
+      ...params,
+      ...orders,
+      page,
+      limit
+    });
+  };
+
+  // 关键信息列
+  const columns = ref<ColumnItem[]>([
+    {
+      title: 'ID',
+      dataIndex: 'id',
+      key: 'id',
+      width: 80
+    },
+    {
+      title: '数据类型',
+      dataIndex: 'dataType',
+      key: 'dataType',
+      ellipsis: true
+    },
+    {
+      title: '原告/上诉人',
+      dataIndex: 'plaintiffAppellant',
+      key: 'plaintiffAppellant',
+      ellipsis: true
+    },
+    {
+      title: '发生时间',
+      dataIndex: 'occurrenceTime',
+      key: 'occurrenceTime',
+      width: 120
+    },
+    {
+      title: '案号',
+      dataIndex: 'caseNumber',
+      key: 'caseNumber',
+      ellipsis: true
+    },
+    {
+      title: '案由',
+      dataIndex: 'causeOfAction',
+      key: 'causeOfAction',
+      ellipsis: true
+    },
+    {
+      title: '涉案金额',
+      dataIndex: 'involvedAmount',
+      key: 'involvedAmount',
+      width: 120
+    },
+    {
+      title: '法院',
+      dataIndex: 'courtName',
+      key: 'courtName',
+      ellipsis: true
+    },
+    {
+      title: '数据状态',
+      dataIndex: 'dataStatus',
+      key: 'dataStatus',
+      ellipsis: true
+    },
+    {
+      title: '创建时间',
+      dataIndex: 'createTime',
+      key: 'createTime',
+      width: 180,
+      align: 'center',
+      ellipsis: true,
+      customRender: ({ text }) => toDateString(text, 'yyyy-MM-dd HH:mm:ss')
+    },
+    {
+      title: '操作',
+      key: 'action',
+      width: 160,
+      fixed: 'right',
+      align: 'center',
+      hideInSetting: true
+    }
+  ]);
+
+  /* 搜索 */
+  const reload = (where?: CreditBreachOfTrustParam) => {
+    if (where && Object.prototype.hasOwnProperty.call(where, 'keywords')) {
+      searchText.value = where.keywords ?? '';
+    }
+    const targetWhere = where ?? { keywords: searchText.value || undefined };
+    selection.value = [];
+    tableRef?.value?.reload({ where: targetWhere });
+  };
+
+  /* 打开编辑弹窗 */
+  const openEdit = (row?: CreditBreachOfTrust) => {
+    current.value = row ?? null;
+    showEdit.value = true;
+  };
+
+  /* 打开批量移动弹窗 */
+  const openMove = () => {
+    showMove.value = true;
+  };
+
+  /* 打开导入弹窗 */
+  const openImport = () => {
+    showImport.value = true;
+  };
+
+  /* 导出 */
+  const exportData = () => {
+    exportCreditData<CreditBreachOfTrust>({
+      filename: '失信被执行人',
+      columns: [
+        { title: 'ID', dataIndex: 'id' },
+        { title: '数据类型', dataIndex: 'dataType' },
+        { title: '原告/上诉人', dataIndex: 'plaintiffAppellant' },
+        { title: '发生时间', dataIndex: 'occurrenceTime' },
+        { title: '案号', dataIndex: 'caseNumber' },
+        { title: '案由', dataIndex: 'causeOfAction' },
+        { title: '涉案金额', dataIndex: 'involvedAmount' },
+        { title: '法院', dataIndex: 'courtName' },
+        { title: '数据状态', dataIndex: 'dataStatus' },
+        {
+          title: '创建时间',
+          dataIndex: 'createTime',
+          formatter: (record: CreditBreachOfTrust) =>
+            record.createTime
+              ? toDateString(record.createTime, 'yyyy-MM-dd HH:mm:ss')
+              : ''
+        }
+      ],
+      fetchData: () =>
+        listCreditBreachOfTrust({
+          keywords: searchText.value || undefined
+        })
+    });
+  };
+
+  /* 删除单个 */
+  const remove = (row: CreditBreachOfTrust) => {
+    const hide = message.loading('请求中..', 0);
+    removeCreditBreachOfTrust(row.id)
+      .then((msg) => {
+        hide();
+        message.success(msg);
+        reload();
+      })
+      .catch((e) => {
+        hide();
+        message.error(e.message);
+      });
+  };
+
+  /* 批量删除 */
+  const removeBatch = () => {
+    if (!selection.value.length) {
+      message.error('请至少选择一条数据');
+      return;
+    }
+    Modal.confirm({
+      title: '提示',
+      content: '确定要删除选中的记录吗?',
+      icon: createVNode(ExclamationCircleOutlined),
+      maskClosable: true,
+      onOk: () => {
+        const hide = message.loading('请求中..', 0);
+        removeBatchCreditBreachOfTrust(selection.value.map((d) => d.id))
+          .then((msg) => {
+            hide();
+            message.success(msg);
+            reload();
+          })
+          .catch((e) => {
+            hide();
+            message.error(e.message);
+          });
+      }
+    });
+  };
+
+  /* 查询 */
+  const query = () => {
+    loading.value = true;
+  };
+
+  /* 自定义行属性 */
+  const customRow = (record: CreditBreachOfTrust) => {
+    return {
+      // 行点击事件
+      onClick: () => {
+        // console.log(record);
+      },
+      // 行双击事件
+      onDblclick: () => {
+        openEdit(record);
+      }
+    };
+  };
+  query();
+</script>
+
+<script lang="ts">
+  export default {
+    name: 'CreditBreachOfTrust'
+  };
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/views/credit/creditCaseFiling/components/credit-case-filing-import.vue b/src/views/credit/creditCaseFiling/components/credit-case-filing-import.vue
new file mode 100644
index 0000000..7d269e4
--- /dev/null
+++ b/src/views/credit/creditCaseFiling/components/credit-case-filing-import.vue
@@ -0,0 +1,96 @@
+<!-- 司法大数据导入弹窗 -->
+<template>
+  <ele-modal
+    :width="520"
+    :footer="null"
+    title="司法大数据批量导入"
+    :visible="visible"
+    @update:visible="updateVisible"
+  >
+    <a-spin :spinning="loading">
+      <a-upload-dragger
+        accept=".xls,.xlsx"
+        :show-upload-list="false"
+        :customRequest="doUpload"
+        style="padding: 24px 0; margin-bottom: 16px"
+      >
+        <p class="ant-upload-drag-icon">
+          <cloud-upload-outlined />
+        </p>
+        <p class="ant-upload-hint">将文件拖到此处，或点击上传</p>
+      </a-upload-dragger>
+    </a-spin>
+    <div class="ele-text-center">
+      <span>只能上传xls、xlsx文件，</span>
+      <a :href="templateUrl" download="司法大数据导入模板.xlsx">
+        下载导入模板
+      </a>
+    </div>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { computed, ref } from 'vue';
+  import { message } from 'ant-design-vue/es';
+  import { CloudUploadOutlined } from '@ant-design/icons-vue';
+  import { importCreditCaseFiling } from '@/api/credit/creditCaseFiling';
+  import { API_BASE_URL } from '@/config/setting';
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  defineProps<{
+    // 是否打开弹窗
+    visible: boolean;
+  }>();
+
+  // 导入请求状态
+  const loading = ref(false);
+
+  // 模板下载地址，保持与当前接口域名一致
+  const templateUrl = computed(() => {
+    const base = (localStorage.getItem('ApiUrl') || API_BASE_URL || '').replace(
+      /\/$/,
+      ''
+    );
+    return `${base}/credit/credit-case-filing/import/template`;
+  });
+
+  /* 上传 */
+  const doUpload = ({ file }) => {
+    if (
+      ![
+        'application/vnd.ms-excel',
+        'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
+      ].includes(file.type)
+    ) {
+      message.error('只能选择 excel 文件');
+      return false;
+    }
+    if (file.size / 1024 / 1024 > 10) {
+      message.error('大小不能超过 10MB');
+      return false;
+    }
+    loading.value = true;
+    importCreditCaseFiling(file)
+      .then((msg) => {
+        loading.value = false;
+        message.success(msg);
+        updateVisible(false);
+        emit('done');
+      })
+      .catch((e) => {
+        loading.value = false;
+        message.error(e.message);
+      });
+    return false;
+  };
+
+  /* 更新 visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+</script>
+
diff --git a/src/views/credit/creditCaseFiling/components/creditCaseFilingEdit.vue b/src/views/credit/creditCaseFiling/components/creditCaseFilingEdit.vue
new file mode 100644
index 0000000..37061e7
--- /dev/null
+++ b/src/views/credit/creditCaseFiling/components/creditCaseFilingEdit.vue
@@ -0,0 +1,300 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑司法大数据' : '添加司法大数据'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="数据类型" name="dataType">
+        <a-input
+          allow-clear
+          placeholder="请输入数据类型"
+          v-model:value="form.dataType"
+        />
+      </a-form-item>
+      <a-form-item label="原告/上诉人" name="plaintiffAppellant">
+        <a-input
+          allow-clear
+          placeholder="请输入原告/上诉人"
+          v-model:value="form.plaintiffAppellant"
+        />
+      </a-form-item>
+      <a-form-item label="被告/被上诉人" name="defendant appellee">
+        <a-input
+          allow-clear
+          placeholder="请输入被告/被上诉人"
+          v-model:value="form.appellee"
+        />
+      </a-form-item>
+      <a-form-item label="其他当事人/第三人" name="otherPartiesThirdParty">
+        <a-input
+          allow-clear
+          placeholder="请输入其他当事人/第三人"
+          v-model:value="form.otherPartiesThirdParty"
+        />
+      </a-form-item>
+      <a-form-item label="发生时间" name="occurrenceTime">
+        <a-input
+          allow-clear
+          placeholder="请输入发生时间"
+          v-model:value="form.occurrenceTime"
+        />
+      </a-form-item>
+      <a-form-item label="案号" name="caseNumber">
+        <a-input
+          allow-clear
+          placeholder="请输入案号"
+          v-model:value="form.caseNumber"
+        />
+      </a-form-item>
+      <a-form-item label="案由" name="causeOfAction">
+        <a-input
+          allow-clear
+          placeholder="请输入案由"
+          v-model:value="form.causeOfAction"
+        />
+      </a-form-item>
+      <a-form-item label="涉案金额" name="involvedAmount">
+        <a-input
+          allow-clear
+          placeholder="请输入涉案金额"
+          v-model:value="form.involvedAmount"
+        />
+      </a-form-item>
+      <a-form-item label="法院" name="courtName">
+        <a-input
+          allow-clear
+          placeholder="请输入法院"
+          v-model:value="form.courtName"
+        />
+      </a-form-item>
+      <a-form-item label="数据状态" name="dataStatus">
+        <a-input
+          allow-clear
+          placeholder="请输入数据状态"
+          v-model:value="form.dataStatus"
+        />
+      </a-form-item>
+      <a-form-item label="备注" name="comments">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="请输入描述"
+          v-model:value="form.comments"
+        />
+      </a-form-item>
+      <a-form-item label="是否推荐" name="recommend">
+        <a-input
+          allow-clear
+          placeholder="请输入是否推荐"
+          v-model:value="form.recommend"
+        />
+      </a-form-item>
+      <a-form-item label="排序(数字越小越靠前)" name="sortNumber">
+        <a-input-number
+          :min="0"
+          :max="9999"
+          class="ele-fluid"
+          placeholder="请输入排序号"
+          v-model:value="form.sortNumber"
+        />
+      </a-form-item>
+      <a-form-item label="状态, 0正常, 1冻结" name="status">
+        <a-radio-group v-model:value="form.status">
+          <a-radio :value="0">显示</a-radio>
+          <a-radio :value="1">隐藏</a-radio>
+        </a-radio-group>
+      </a-form-item>
+      <a-form-item label="是否删除, 0否, 1是" name="deleted">
+        <a-input
+          allow-clear
+          placeholder="请输入是否删除, 0否, 1是"
+          v-model:value="form.deleted"
+        />
+      </a-form-item>
+      <a-form-item label="用户ID" name="userId">
+        <a-input
+          allow-clear
+          placeholder="请输入用户ID"
+          v-model:value="form.userId"
+        />
+      </a-form-item>
+      <a-form-item label="修改时间" name="updateTime">
+        <a-input
+          allow-clear
+          placeholder="请输入修改时间"
+          v-model:value="form.updateTime"
+        />
+      </a-form-item>
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, watch } from 'vue';
+  import { Form, message } from 'ant-design-vue';
+  import { assignObject, uuid } from 'ele-admin-pro';
+  import { addCreditCaseFiling, updateCreditCaseFiling } from '@/api/credit/creditCaseFiling';
+  import { CreditCaseFiling } from '@/api/credit/creditCaseFiling/model';
+  import { useThemeStore } from '@/store/modules/theme';
+  import { storeToRefs } from 'pinia';
+  import { ItemType } from 'ele-admin-pro/es/ele-image-upload/types';
+  import { FormInstance } from 'ant-design-vue/es/form';
+  import { FileRecord } from '@/api/system/file/model';
+
+  // 是否是修改
+  const isUpdate = ref(false);
+  const useForm = Form.useForm;
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: CreditCaseFiling | null;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  // 提交状态
+  const loading = ref(false);
+  // 是否显示最大化切换按钮
+  const maxable = ref(true);
+  // 表格选中数据
+  const formRef = ref<FormInstance | null>(null);
+  const images = ref<ItemType[]>([]);
+
+  // 用户信息
+  const form = reactive<CreditCaseFiling>({
+    id: undefined,
+    dataType: undefined,
+    plaintiffAppellant: undefined,
+    appellee: undefined,
+    otherPartiesThirdParty: undefined,
+    occurrenceTime: undefined,
+    caseNumber: undefined,
+    causeOfAction: undefined,
+    involvedAmount: undefined,
+    courtName: undefined,
+    dataStatus: undefined,
+    comments: undefined,
+    recommend: undefined,
+    sortNumber: undefined,
+    status: undefined,
+    deleted: undefined,
+    userId: undefined,
+    tenantId: undefined,
+    createTime: undefined,
+    updateTime: undefined,
+    creditCaseFilingId: undefined,
+    creditCaseFilingName: '',
+    status: 0,
+    comments: '',
+    sortNumber: 100
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    creditCaseFilingName: [
+      {
+        required: true,
+        type: 'string',
+        message: '请填写司法大数据名称',
+        trigger: 'blur'
+      }
+    ]
+  });
+
+  const chooseImage = (data: FileRecord) => {
+    images.value.push({
+      uid: data.id,
+      url: data.path,
+      status: 'done'
+    });
+    form.image = data.path;
+  };
+
+  const onDeleteItem = (index: number) => {
+    images.value.splice(index, 1);
+    form.image = '';
+  };
+
+  const { resetFields } = useForm(form, rules);
+
+  /* 保存编辑 */
+  const save = () => {
+    if (!formRef.value) {
+      return;
+    }
+    formRef.value
+      .validate()
+      .then(() => {
+        loading.value = true;
+        const formData = {
+          ...form
+        };
+        const saveOrUpdate = isUpdate.value ? updateCreditCaseFiling : addCreditCaseFiling;
+        saveOrUpdate(formData)
+          .then((msg) => {
+            loading.value = false;
+            message.success(msg);
+            updateVisible(false);
+            emit('done');
+          })
+          .catch((e) => {
+            loading.value = false;
+            message.error(e.message);
+          });
+      })
+      .catch(() => {});
+  };
+
+  watch(
+    () => props.visible,
+    (visible) => {
+      if (visible) {
+        images.value = [];
+        if (props.data) {
+          assignObject(form, props.data);
+          if(props.data.image){
+            images.value.push({
+              uid: uuid(),
+              url: props.data.image,
+              status: 'done'
+            })
+          }
+          isUpdate.value = true;
+        } else {
+          isUpdate.value = false;
+        }
+      } else {
+        resetFields();
+      }
+    },
+    { immediate: true }
+  );
+</script>
diff --git a/src/views/credit/creditCaseFiling/components/search.vue b/src/views/credit/creditCaseFiling/components/search.vue
new file mode 100644
index 0000000..82fea9d
--- /dev/null
+++ b/src/views/credit/creditCaseFiling/components/search.vue
@@ -0,0 +1,42 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+    <a-button type="primary" class="ele-btn-icon" @click="add">
+      <template #icon>
+        <PlusOutlined />
+      </template>
+      <span>添加</span>
+    </a-button>
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+  import { PlusOutlined } from '@ant-design/icons-vue';
+  import type { GradeParam } from '@/api/user/grade/model';
+  import { watch } from 'vue';
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的角色
+      selection?: [];
+    }>(),
+    {}
+  );
+
+  const emit = defineEmits<{
+    (e: 'search', where?: GradeParam): void;
+    (e: 'add'): void;
+    (e: 'remove'): void;
+    (e: 'batchMove'): void;
+  }>();
+
+  // 新增
+  const add = () => {
+    emit('add');
+  };
+
+  watch(
+    () => props.selection,
+    () => {}
+  );
+</script>
diff --git a/src/views/credit/creditCaseFiling/index.vue b/src/views/credit/creditCaseFiling/index.vue
new file mode 100644
index 0000000..03fbf48
--- /dev/null
+++ b/src/views/credit/creditCaseFiling/index.vue
@@ -0,0 +1,334 @@
+<template>
+  <a-page-header :title="getPageTitle()" @back="() => $router.go(-1)">
+    <a-card :bordered="false" :body-style="{ padding: '16px' }">
+      <ele-pro-table
+        ref="tableRef"
+        row-key="id"
+        :columns="columns"
+        :datasource="datasource"
+        :customRow="customRow"
+        tool-class="ele-toolbar-form"
+        class="sys-org-table"
+      >
+        <template #toolbar>
+          <search
+            @search="reload"
+            :selection="selection"
+            @add="openEdit"
+            @remove="removeBatch"
+            @batchMove="openMove"
+            @importData="openImport"
+            @exportData="exportData"
+          />
+        </template>
+        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'image'">
+            <a-image :src="record.image" :width="50" />
+          </template>
+          <template v-if="column.key === 'name'">
+            <template v-if="record.url">
+              <a :href="record.url" target="_blank">{{ record.name }}</a>
+            </template>
+            <template v-else>
+              {{ record.name }}
+            </template>
+          </template>
+          <template v-if="column.key === 'status'">
+            <a-tag v-if="record.status === 0" color="green">显示</a-tag>
+            <a-tag v-if="record.status === 1" color="red">隐藏</a-tag>
+          </template>
+          <template v-if="column.key === 'action'">
+            <a-space>
+              <a @click="openEdit(record)">修改</a>
+              <a-divider type="vertical" />
+              <a-popconfirm
+                title="确定要删除此记录吗？"
+                @confirm="remove(record)"
+              >
+                <a class="ele-text-danger">删除</a>
+              </a-popconfirm>
+            </a-space>
+          </template>
+        </template>
+      </ele-pro-table>
+    </a-card>
+
+    <!-- 编辑弹窗 -->
+    <CreditCaseFilingEdit
+      v-model:visible="showEdit"
+      :data="current"
+      @done="reload"
+    />
+    <!-- 导入弹窗 -->
+    <CreditCaseFilingImport v-model:visible="showImport" @done="reload" />
+  </a-page-header>
+</template>
+
+<script lang="ts" setup>
+  import { createVNode, ref } from 'vue';
+  import { message, Modal } from 'ant-design-vue';
+  import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
+  import type { EleProTable } from 'ele-admin-pro';
+  import { toDateString } from 'ele-admin-pro';
+  import type {
+    DatasourceFunction,
+    ColumnItem
+  } from 'ele-admin-pro/es/ele-pro-table/types';
+  import Search from '@/views/credit/components/CreditSearchToolbar.vue';
+  import { exportCreditData } from '../utils/export';
+  import { getPageTitle } from '@/utils/common';
+  import CreditCaseFilingEdit from './components/creditCaseFilingEdit.vue';
+  import CreditCaseFilingImport from './components/credit-case-filing-import.vue';
+  import {
+    pageCreditCaseFiling,
+    listCreditCaseFiling,
+    removeCreditCaseFiling,
+    removeBatchCreditCaseFiling
+  } from '@/api/credit/creditCaseFiling';
+  import type {
+    CreditCaseFiling,
+    CreditCaseFilingParam
+  } from '@/api/credit/creditCaseFiling/model';
+
+  // 表格实例
+  const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+  // 表格选中数据
+  const selection = ref<CreditCaseFiling[]>([]);
+  // 当前编辑数据
+  const current = ref<CreditCaseFiling | null>(null);
+  // 是否显示编辑弹窗
+  const showEdit = ref(false);
+  // 是否显示导入弹窗
+  const showImport = ref(false);
+  // 是否显示批量移动弹窗
+  const showMove = ref(false);
+  // 加载状态
+  const loading = ref(true);
+  // 搜索关键词
+  const searchText = ref('');
+
+  // 表格数据源
+  const datasource: DatasourceFunction = ({
+    page,
+    limit,
+    where = {},
+    orders,
+    filters
+  }) => {
+    const params: CreditCaseFilingParam = { ...where };
+    if (filters) {
+      (params as any).status = filters.status;
+    }
+    if (!params.keywords && searchText.value) {
+      params.keywords = searchText.value;
+    }
+    return pageCreditCaseFiling({
+      ...params,
+      ...orders,
+      page,
+      limit
+    });
+  };
+
+  // 关键信息列
+  const columns = ref<ColumnItem[]>([
+    {
+      title: 'ID',
+      dataIndex: 'id',
+      key: 'id',
+      width: 80
+    },
+    {
+      title: '数据类型',
+      dataIndex: 'dataType',
+      key: 'dataType',
+      ellipsis: true
+    },
+    {
+      title: '原告/上诉人',
+      dataIndex: 'plaintiffAppellant',
+      key: 'plaintiffAppellant',
+      ellipsis: true
+    },
+    {
+      title: '发生时间',
+      dataIndex: 'occurrenceTime',
+      key: 'occurrenceTime',
+      width: 120
+    },
+    {
+      title: '案号',
+      dataIndex: 'caseNumber',
+      key: 'caseNumber',
+      ellipsis: true
+    },
+    {
+      title: '案由',
+      dataIndex: 'causeOfAction',
+      key: 'causeOfAction',
+      ellipsis: true
+    },
+    {
+      title: '涉案金额',
+      dataIndex: 'involvedAmount',
+      key: 'involvedAmount',
+      width: 120
+    },
+    {
+      title: '法院',
+      dataIndex: 'courtName',
+      key: 'courtName',
+      ellipsis: true
+    },
+    {
+      title: '数据状态',
+      dataIndex: 'dataStatus',
+      key: 'dataStatus',
+      ellipsis: true
+    },
+    {
+      title: '创建时间',
+      dataIndex: 'createTime',
+      key: 'createTime',
+      width: 180,
+      align: 'center',
+      ellipsis: true,
+      customRender: ({ text }) => toDateString(text, 'yyyy-MM-dd HH:mm:ss')
+    },
+    {
+      title: '操作',
+      key: 'action',
+      width: 160,
+      fixed: 'right',
+      align: 'center',
+      hideInSetting: true
+    }
+  ]);
+
+  /* 搜索 */
+  const reload = (where?: CreditCaseFilingParam) => {
+    if (where && Object.prototype.hasOwnProperty.call(where, 'keywords')) {
+      searchText.value = where.keywords ?? '';
+    }
+    const targetWhere = where ?? { keywords: searchText.value || undefined };
+    selection.value = [];
+    tableRef?.value?.reload({ where: targetWhere });
+  };
+
+  /* 打开编辑弹窗 */
+  const openEdit = (row?: CreditCaseFiling) => {
+    current.value = row ?? null;
+    showEdit.value = true;
+  };
+
+  /* 打开批量移动弹窗 */
+  const openMove = () => {
+    showMove.value = true;
+  };
+
+  /* 打开导入弹窗 */
+  const openImport = () => {
+    showImport.value = true;
+  };
+
+  /* 导出 */
+  const exportData = () => {
+    exportCreditData<CreditCaseFiling>({
+      filename: '司法大数据',
+      columns: [
+        { title: 'ID', dataIndex: 'id' },
+        { title: '数据类型', dataIndex: 'dataType' },
+        { title: '原告/上诉人', dataIndex: 'plaintiffAppellant' },
+        { title: '发生时间', dataIndex: 'occurrenceTime' },
+        { title: '案号', dataIndex: 'caseNumber' },
+        { title: '案由', dataIndex: 'causeOfAction' },
+        { title: '涉案金额', dataIndex: 'involvedAmount' },
+        { title: '法院', dataIndex: 'courtName' },
+        { title: '数据状态', dataIndex: 'dataStatus' },
+        {
+          title: '创建时间',
+          dataIndex: 'createTime',
+          formatter: (record: CreditCaseFiling) =>
+            record.createTime
+              ? toDateString(record.createTime, 'yyyy-MM-dd HH:mm:ss')
+              : ''
+        }
+      ],
+      fetchData: () =>
+        listCreditCaseFiling({
+          keywords: searchText.value || undefined
+        })
+    });
+  };
+
+  /* 删除单个 */
+  const remove = (row: CreditCaseFiling) => {
+    const hide = message.loading('请求中..', 0);
+    removeCreditCaseFiling(row.id)
+      .then((msg) => {
+        hide();
+        message.success(msg);
+        reload();
+      })
+      .catch((e) => {
+        hide();
+        message.error(e.message);
+      });
+  };
+
+  /* 批量删除 */
+  const removeBatch = () => {
+    if (!selection.value.length) {
+      message.error('请至少选择一条数据');
+      return;
+    }
+    Modal.confirm({
+      title: '提示',
+      content: '确定要删除选中的记录吗?',
+      icon: createVNode(ExclamationCircleOutlined),
+      maskClosable: true,
+      onOk: () => {
+        const hide = message.loading('请求中..', 0);
+        removeBatchCreditCaseFiling(selection.value.map((d) => d.id))
+          .then((msg) => {
+            hide();
+            message.success(msg);
+            reload();
+          })
+          .catch((e) => {
+            hide();
+            message.error(e.message);
+          });
+      }
+    });
+  };
+
+  /* 查询 */
+  const query = () => {
+    loading.value = true;
+  };
+
+  /* 自定义行属性 */
+  const customRow = (record: CreditCaseFiling) => {
+    return {
+      // 行点击事件
+      onClick: () => {
+        // console.log(record);
+      },
+      // 行双击事件
+      onDblclick: () => {
+        openEdit(record);
+      }
+    };
+  };
+  query();
+</script>
+
+<script lang="ts">
+  export default {
+    name: 'CreditCaseFiling'
+  };
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/views/credit/creditCompany/components/credit-company-import.vue b/src/views/credit/creditCompany/components/credit-company-import.vue
new file mode 100644
index 0000000..5aae3e1
--- /dev/null
+++ b/src/views/credit/creditCompany/components/credit-company-import.vue
@@ -0,0 +1,93 @@
+<!-- 企业导入弹窗 -->
+<template>
+  <ele-modal
+    :width="520"
+    :footer="null"
+    title="企业批量导入"
+    :visible="visible"
+    @update:visible="updateVisible"
+  >
+    <a-spin :spinning="loading">
+      <a-upload-dragger
+        accept=".xls,.xlsx"
+        :show-upload-list="false"
+        :customRequest="doUpload"
+        style="padding: 24px 0; margin-bottom: 16px"
+      >
+        <p class="ant-upload-drag-icon">
+          <cloud-upload-outlined />
+        </p>
+        <p class="ant-upload-hint">将文件拖到此处，或点击上传</p>
+      </a-upload-dragger>
+    </a-spin>
+    <div class="ele-text-center">
+      <span>只能上传xls、xlsx文件，</span>
+      <a :href="templateUrl" download="企业导入模板.xlsx"> 下载导入模板 </a>
+    </div>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { computed, ref } from 'vue';
+  import { message } from 'ant-design-vue/es';
+  import { CloudUploadOutlined } from '@ant-design/icons-vue';
+  import { importCreditCompany } from '@/api/credit/creditCompany';
+  import { API_BASE_URL } from '@/config/setting';
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  defineProps<{
+    // 是否打开弹窗
+    visible: boolean;
+  }>();
+
+  // 导入请求状态
+  const loading = ref(false);
+
+  // 模板下载地址，保持与当前接口域名一致
+  const templateUrl = computed(() => {
+    const base = (localStorage.getItem('ApiUrl') || API_BASE_URL || '').replace(
+      /\/$/,
+      ''
+    );
+    return `${base}/credit/credit-company/import/template`;
+  });
+
+  /* 上传 */
+  const doUpload = ({ file }) => {
+    if (
+      ![
+        'application/vnd.ms-excel',
+        'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
+      ].includes(file.type)
+    ) {
+      message.error('只能选择 excel 文件');
+      return false;
+    }
+    if (file.size / 1024 / 1024 > 10) {
+      message.error('大小不能超过 10MB');
+      return false;
+    }
+    loading.value = true;
+    importCreditCompany(file)
+      .then((msg) => {
+        loading.value = false;
+        message.success(msg);
+        updateVisible(false);
+        emit('done');
+      })
+      .catch((e) => {
+        loading.value = false;
+        message.error(e.message);
+      });
+    return false;
+  };
+
+  /* 更新 visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+</script>
diff --git a/src/views/credit/creditCompany/components/credit-company-related-import.vue b/src/views/credit/creditCompany/components/credit-company-related-import.vue
new file mode 100644
index 0000000..2a296f9
--- /dev/null
+++ b/src/views/credit/creditCompany/components/credit-company-related-import.vue
@@ -0,0 +1,108 @@
+<!-- 企业详情子表导入弹窗 -->
+<template>
+  <ele-modal
+    :width="520"
+    :footer="null"
+    :title="title"
+    :visible="visible"
+    @update:visible="updateVisible"
+  >
+    <a-spin :spinning="loading">
+      <a-upload-dragger
+        accept=".xls,.xlsx"
+        :show-upload-list="false"
+        :customRequest="doUpload"
+        style="padding: 24px 0; margin-bottom: 16px"
+      >
+        <p class="ant-upload-drag-icon">
+          <cloud-upload-outlined />
+        </p>
+        <p class="ant-upload-hint">将文件拖到此处，或点击上传</p>
+      </a-upload-dragger>
+    </a-spin>
+    <div class="ele-text-center">
+      <span>只能上传xls、xlsx文件，</span>
+      <a :href="templateUrl" :download="`${title}.xlsx`">下载导入模板</a>
+    </div>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { computed, ref } from 'vue';
+  import { message } from 'ant-design-vue/es';
+  import { CloudUploadOutlined } from '@ant-design/icons-vue';
+  import { API_BASE_URL } from '@/config/setting';
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  const props = defineProps<{
+    // 是否打开弹窗
+    visible: boolean;
+    // 弹窗标题
+    title: string;
+    // 模板下载相对路径（保持与当前接口域名一致）
+    templatePath: string;
+    // 当前企业ID（用于导入关联）
+    companyId?: number;
+    // 导入方法：必须支持传 companyId
+    importFn: (file: File, companyId?: number) => Promise<string>;
+  }>();
+
+  // 导入请求状态
+  const loading = ref(false);
+
+  const templateUrl = computed(() => {
+    const base = (localStorage.getItem('ApiUrl') || API_BASE_URL || '').replace(
+      /\/$/,
+      ''
+    );
+    const path = (props.templatePath || '').startsWith('/')
+      ? props.templatePath
+      : `/${props.templatePath}`;
+    return `${base}${path}`;
+  });
+
+  /* 上传 */
+  const doUpload = ({ file }) => {
+    if (
+      ![
+        'application/vnd.ms-excel',
+        'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
+      ].includes(file.type)
+    ) {
+      message.error('只能选择 excel 文件');
+      return false;
+    }
+    if (file.size / 1024 / 1024 > 10) {
+      message.error('大小不能超过 10MB');
+      return false;
+    }
+    if (!props.companyId) {
+      message.error('缺少企业ID，无法导入');
+      return false;
+    }
+    loading.value = true;
+    props
+      .importFn(file, props.companyId)
+      .then((msg) => {
+        loading.value = false;
+        message.success(msg);
+        updateVisible(false);
+        emit('done');
+      })
+      .catch((e) => {
+        loading.value = false;
+        message.error(e.message);
+      });
+    return false;
+  };
+
+  /* 更新 visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+</script>
+
diff --git a/src/views/credit/creditCompany/components/creditCompanyEdit.vue b/src/views/credit/creditCompany/components/creditCompanyEdit.vue
new file mode 100644
index 0000000..2af46e4
--- /dev/null
+++ b/src/views/credit/creditCompany/components/creditCompanyEdit.vue
@@ -0,0 +1,612 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑企业' : '添加企业'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="原文件导入名称" name="name">
+        <a-input
+          allow-clear
+          placeholder="请输入原文件导入名称"
+          v-model:value="form.name"
+        />
+      </a-form-item>
+      <a-form-item label="系统匹配企业名称" name="matchName">
+        <a-input
+          allow-clear
+          placeholder="请输入系统匹配企业名称"
+          v-model:value="form.matchName"
+        />
+      </a-form-item>
+      <a-form-item label="统一社会信用代码" name="code">
+        <a-input
+          allow-clear
+          placeholder="请输入统一社会信用代码"
+          v-model:value="form.code"
+        />
+      </a-form-item>
+<!--      <a-form-item label="类型" name="type">-->
+<!--        <a-input-->
+<!--          allow-clear-->
+<!--          placeholder="请输入类型"-->
+<!--          v-model:value="form.type"-->
+<!--        />-->
+<!--      </a-form-item>-->
+<!--      <a-form-item label="上级id, 0是顶级" name="parentId">-->
+<!--        <a-input-->
+<!--          allow-clear-->
+<!--          placeholder="请输入上级id, 0是顶级"-->
+<!--          v-model:value="form.parentId"-->
+<!--        />-->
+<!--      </a-form-item>-->
+      <a-form-item label="登记状态" name="registrationStatus">
+        <a-input
+          allow-clear
+          placeholder="请输入登记状态"
+          v-model:value="form.registrationStatus"
+        />
+      </a-form-item>
+      <a-form-item label="法定代表人" name="legalPerson">
+        <a-input
+          allow-clear
+          placeholder="请输入法定代表人"
+          v-model:value="form.legalPerson"
+        />
+      </a-form-item>
+      <a-form-item label="注册资本" name="registeredCapital">
+        <a-input
+          allow-clear
+          placeholder="请输入注册资本"
+          v-model:value="form.registeredCapital"
+        />
+      </a-form-item>
+      <a-form-item label="实缴资本" name="paidinCapital">
+        <a-input
+          allow-clear
+          placeholder="请输入实缴资本"
+          v-model:value="form.paidinCapital"
+        />
+      </a-form-item>
+      <a-form-item label="成立日期" name="establishDate">
+        <a-input
+          allow-clear
+          placeholder="请输入成立日期"
+          v-model:value="form.establishDate"
+        />
+      </a-form-item>
+      <a-form-item label="企业地址" name="address">
+        <a-input
+          allow-clear
+          placeholder="请输入企业地址"
+          v-model:value="form.address"
+        />
+      </a-form-item>
+      <a-form-item label="电话" name="tel">
+        <a-input
+          allow-clear
+          placeholder="请输入电话"
+          v-model:value="form.tel"
+        />
+      </a-form-item>
+      <a-form-item label="更多电话" name="moreTel">
+        <a-input
+          allow-clear
+          placeholder="请输入更多电话"
+          v-model:value="form.moreTel"
+        />
+      </a-form-item>
+      <a-form-item label="邮箱" name="email">
+        <a-input
+          allow-clear
+          placeholder="请输入邮箱"
+          v-model:value="form.email"
+        />
+      </a-form-item>
+      <a-form-item label="更多邮箱" name="moreEmail">
+        <a-input
+          allow-clear
+          placeholder="请输入更多邮箱"
+          v-model:value="form.moreEmail"
+        />
+      </a-form-item>
+      <a-form-item label="所在国家" name="country">
+        <a-input
+          allow-clear
+          placeholder="请输入所在国家"
+          v-model:value="form.country"
+        />
+      </a-form-item>
+      <a-form-item label="所属省份" name="province">
+        <a-input
+          allow-clear
+          placeholder="请输入所属省份"
+          v-model:value="form.province"
+        />
+      </a-form-item>
+      <a-form-item label="所属城市" name="city">
+        <a-input
+          allow-clear
+          placeholder="请输入所属城市"
+          v-model:value="form.city"
+        />
+      </a-form-item>
+      <a-form-item label="所属区县" name="region">
+        <a-input
+          allow-clear
+          placeholder="请输入所属区县"
+          v-model:value="form.region"
+        />
+      </a-form-item>
+      <a-form-item label="企业（机构）类型" name="institutionType">
+        <a-input
+          allow-clear
+          placeholder="请输入企业（机构）类型"
+          v-model:value="form.institutionType"
+        />
+      </a-form-item>
+      <a-form-item label="纳税人识别号" name="taxpayerCode">
+        <a-input
+          allow-clear
+          placeholder="请输入纳税人识别号"
+          v-model:value="form.taxpayerCode"
+        />
+      </a-form-item>
+      <a-form-item label="注册号" name="registrationNumber">
+        <a-input
+          allow-clear
+          placeholder="请输入注册号"
+          v-model:value="form.registrationNumber"
+        />
+      </a-form-item>
+      <a-form-item label="组织机构代码" name="organizationalCode">
+        <a-input
+          allow-clear
+          placeholder="请输入组织机构代码"
+          v-model:value="form.organizationalCode"
+        />
+      </a-form-item>
+      <a-form-item label="参保人数" name="numberOfInsuredPersons">
+        <a-input
+          allow-clear
+          placeholder="请输入参保人数"
+          v-model:value="form.numberOfInsuredPersons"
+        />
+      </a-form-item>
+      <a-form-item label="参保人数所属年报" name="annualReport">
+        <a-input
+          allow-clear
+          placeholder="请输入参保人数所属年报"
+          v-model:value="form.annualReport"
+        />
+      </a-form-item>
+      <a-form-item label="营业期限" name="businessTerm">
+        <a-input
+          allow-clear
+          placeholder="请输入营业期限"
+          v-model:value="form.businessTerm"
+        />
+      </a-form-item>
+      <a-form-item
+        label="国标行业门类"
+        name="nationalStandardIndustryCategories"
+      >
+        <a-input
+          allow-clear
+          placeholder="请输入国标行业门类"
+          v-model:value="form.nationalStandardIndustryCategories"
+        />
+      </a-form-item>
+      <a-form-item
+        label="国标行业大类"
+        name="nationalStandardIndustryCategories2"
+      >
+        <a-input
+          allow-clear
+          placeholder="请输入国标行业大类"
+          v-model:value="form.nationalStandardIndustryCategories2"
+        />
+      </a-form-item>
+      <a-form-item
+        label="国标行业中类"
+        name="nationalStandardIndustryCategories3"
+      >
+        <a-input
+          allow-clear
+          placeholder="请输入国标行业中类"
+          v-model:value="form.nationalStandardIndustryCategories3"
+        />
+      </a-form-item>
+      <a-form-item
+        label="国标行业小类"
+        name="nationalStandardIndustryCategories4"
+      >
+        <a-input
+          allow-clear
+          placeholder="请输入国标行业小类"
+          v-model:value="form.nationalStandardIndustryCategories4"
+        />
+      </a-form-item>
+      <a-form-item
+        label="企查查行业门类"
+        name="nationalStandardIndustryCategories5"
+      >
+        <a-input
+          allow-clear
+          placeholder="请输入企查查行业门类"
+          v-model:value="form.nationalStandardIndustryCategories5"
+        />
+      </a-form-item>
+      <a-form-item
+        label="企查查行业大类"
+        name="nationalStandardIndustryCategories6"
+      >
+        <a-input
+          allow-clear
+          placeholder="请输入企查查行业大类"
+          v-model:value="form.nationalStandardIndustryCategories6"
+        />
+      </a-form-item>
+      <a-form-item
+        label="企查查行业中类"
+        name="nationalStandardIndustryCategories7"
+      >
+        <a-input
+          allow-clear
+          placeholder="请输入企查查行业中类"
+          v-model:value="form.nationalStandardIndustryCategories7"
+        />
+      </a-form-item>
+      <a-form-item
+        label="企查查行业小类"
+        name="nationalStandardIndustryCategories8"
+      >
+        <a-input
+          allow-clear
+          placeholder="请输入企查查行业小类"
+          v-model:value="form.nationalStandardIndustryCategories8"
+        />
+      </a-form-item>
+      <a-form-item label="企业规模" name="companySize">
+        <a-input
+          allow-clear
+          placeholder="请输入企业规模"
+          v-model:value="form.companySize"
+        />
+      </a-form-item>
+      <a-form-item label="曾用名" name="formerName">
+        <a-input
+          allow-clear
+          placeholder="请输入曾用名"
+          v-model:value="form.formerName"
+        />
+      </a-form-item>
+      <a-form-item label="英文名" name="englishName">
+        <a-input
+          allow-clear
+          placeholder="请输入英文名"
+          v-model:value="form.englishName"
+        />
+      </a-form-item>
+      <a-form-item label="官网" name="domain">
+        <a-input
+          allow-clear
+          placeholder="请输入官网"
+          v-model:value="form.domain"
+        />
+      </a-form-item>
+      <a-form-item label="通信地址" name="mailingAddress">
+        <a-input
+          allow-clear
+          placeholder="请输入通信地址"
+          v-model:value="form.mailingAddress"
+        />
+      </a-form-item>
+      <a-form-item label="企业简介" name="companyProfile">
+        <a-input
+          allow-clear
+          placeholder="请输入企业简介"
+          v-model:value="form.companyProfile"
+        />
+      </a-form-item>
+      <a-form-item label="经营范围" name="natureOfBusiness">
+        <a-input
+          allow-clear
+          placeholder="请输入经营范围"
+          v-model:value="form.natureOfBusiness"
+        />
+      </a-form-item>
+      <a-form-item label="登记机关" name="registrationAuthority">
+        <a-input
+          allow-clear
+          placeholder="请输入登记机关"
+          v-model:value="form.registrationAuthority"
+        />
+      </a-form-item>
+      <a-form-item label="纳税人资质" name="taxpayerQualification">
+        <a-input
+          allow-clear
+          placeholder="请输入纳税人资质"
+          v-model:value="form.taxpayerQualification"
+        />
+      </a-form-item>
+      <a-form-item label="最新年报年份" name="latestAnnualReportYear">
+        <a-input
+          allow-clear
+          placeholder="请输入最新年报年份"
+          v-model:value="form.latestAnnualReportYear"
+        />
+      </a-form-item>
+      <a-form-item
+        label="最新年报营业收入"
+        name="latestAnnualReportOnOperatingRevenue"
+      >
+        <a-input
+          allow-clear
+          placeholder="请输入最新年报营业收入"
+          v-model:value="form.latestAnnualReportOnOperatingRevenue"
+        />
+      </a-form-item>
+      <a-form-item label="企查分" name="enterpriseScoreCheck">
+        <a-input
+          allow-clear
+          placeholder="请输入企查分"
+          v-model:value="form.enterpriseScoreCheck"
+        />
+      </a-form-item>
+      <a-form-item label="信用等级" name="creditRating">
+        <a-input
+          allow-clear
+          placeholder="请输入信用等级"
+          v-model:value="form.creditRating"
+        />
+      </a-form-item>
+      <a-form-item label="科创分" name="cechnologyScore">
+        <a-input
+          allow-clear
+          placeholder="请输入科创分"
+          v-model:value="form.cechnologyScore"
+        />
+      </a-form-item>
+      <a-form-item label="科创等级" name="cechnologyLevel">
+        <a-input
+          allow-clear
+          placeholder="请输入科创等级"
+          v-model:value="form.cechnologyLevel"
+        />
+      </a-form-item>
+      <a-form-item label="是否小微企业" name="smallEnterprise">
+        <a-input
+          allow-clear
+          placeholder="请输入是否小微企业"
+          v-model:value="form.smallEnterprise"
+        />
+      </a-form-item>
+      <a-form-item label="备注" name="comments">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="请输入描述"
+          v-model:value="form.comments"
+        />
+      </a-form-item>
+      <a-form-item label="排序" name="sortNumber">
+        <a-input-number
+          :min="0"
+          :max="9999"
+          class="ele-fluid"
+          placeholder="请输入排序号"
+          v-model:value="form.sortNumber"
+        />
+      </a-form-item>
+      <a-form-item label="状态" name="status">
+        <a-radio-group v-model:value="form.status">
+          <a-radio :value="0">显示</a-radio>
+          <a-radio :value="1">隐藏</a-radio>
+        </a-radio-group>
+      </a-form-item>
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, watch } from 'vue';
+  import { Form, message } from 'ant-design-vue';
+  import { assignObject, uuid } from 'ele-admin-pro';
+  import {
+    addCreditCompany,
+    updateCreditCompany
+  } from '@/api/credit/creditCompany';
+  import { CreditCompany } from '@/api/credit/creditCompany/model';
+  import { useThemeStore } from '@/store/modules/theme';
+  import { storeToRefs } from 'pinia';
+  import { ItemType } from 'ele-admin-pro/es/ele-image-upload/types';
+  import { FormInstance } from 'ant-design-vue/es/form';
+  import { FileRecord } from '@/api/system/file/model';
+
+  // 是否是修改
+  const isUpdate = ref(false);
+  const useForm = Form.useForm;
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: CreditCompany | null;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  // 提交状态
+  const loading = ref(false);
+  // 是否显示最大化切换按钮
+  const maxable = ref(true);
+  // 表格选中数据
+  const formRef = ref<FormInstance | null>(null);
+  const images = ref<ItemType[]>([]);
+
+  // 用户信息
+  const form = reactive<CreditCompany>({
+    id: undefined,
+    name: undefined,
+    matchName: undefined,
+    code: undefined,
+    type: undefined,
+    parentId: undefined,
+    registrationStatus: undefined,
+    legalPerson: undefined,
+    registeredCapital: undefined,
+    paidinCapital: undefined,
+    establishDate: undefined,
+    address: undefined,
+    tel: undefined,
+    moreTel: undefined,
+    email: undefined,
+    moreEmail: undefined,
+    country: undefined,
+    province: undefined,
+    city: undefined,
+    region: undefined,
+    institutionType: undefined,
+    taxpayerCode: undefined,
+    registrationNumber: undefined,
+    organizationalCode: undefined,
+    numberOfInsuredPersons: undefined,
+    annualReport: undefined,
+    businessTerm: undefined,
+    nationalStandardIndustryCategories: undefined,
+    nationalStandardIndustryCategories2: undefined,
+    nationalStandardIndustryCategories3: undefined,
+    nationalStandardIndustryCategories4: undefined,
+    nationalStandardIndustryCategories5: undefined,
+    nationalStandardIndustryCategories6: undefined,
+    nationalStandardIndustryCategories7: undefined,
+    nationalStandardIndustryCategories8: undefined,
+    companySize: undefined,
+    formerName: undefined,
+    englishName: undefined,
+    domain: undefined,
+    mailingAddress: undefined,
+    companyProfile: undefined,
+    natureOfBusiness: undefined,
+    registrationAuthority: undefined,
+    taxpayerQualification: undefined,
+    latestAnnualReportYear: undefined,
+    latestAnnualReportOnOperatingRevenue: undefined,
+    enterpriseScoreCheck: undefined,
+    creditRating: undefined,
+    cechnologyScore: undefined,
+    cechnologyLevel: undefined,
+    smallEnterprise: undefined,
+    recommend: undefined,
+    sortNumber: undefined,
+    deleted: undefined,
+    userId: undefined,
+    tenantId: undefined,
+    createTime: undefined,
+    updateTime: undefined,
+    status: 0,
+    comments: ''
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    creditCompanyName: [
+      {
+        required: true,
+        type: 'string',
+        message: '请填写企业名称',
+        trigger: 'blur'
+      }
+    ]
+  });
+
+  const chooseImage = (data: FileRecord) => {
+    images.value.push({
+      uid: data.id,
+      url: data.path,
+      status: 'done'
+    });
+    form.image = data.path;
+  };
+
+  const onDeleteItem = (index: number) => {
+    images.value.splice(index, 1);
+    form.image = '';
+  };
+
+  const { resetFields } = useForm(form, rules);
+
+  /* 保存编辑 */
+  const save = () => {
+    if (!formRef.value) {
+      return;
+    }
+    formRef.value
+      .validate()
+      .then(() => {
+        loading.value = true;
+        const formData = {
+          ...form
+        };
+        const saveOrUpdate = isUpdate.value
+          ? updateCreditCompany
+          : addCreditCompany;
+        saveOrUpdate(formData)
+          .then((msg) => {
+            loading.value = false;
+            message.success(msg);
+            updateVisible(false);
+            emit('done');
+          })
+          .catch((e) => {
+            loading.value = false;
+            message.error(e.message);
+          });
+      })
+      .catch(() => {});
+  };
+
+  watch(
+    () => props.visible,
+    (visible) => {
+      if (visible) {
+        images.value = [];
+        if (props.data) {
+          assignObject(form, props.data);
+          isUpdate.value = true;
+        } else {
+          isUpdate.value = false;
+        }
+      } else {
+        resetFields();
+      }
+    },
+    { immediate: true }
+  );
+</script>
diff --git a/src/views/credit/creditCompany/components/creditCompanyInfo.vue b/src/views/credit/creditCompany/components/creditCompanyInfo.vue
new file mode 100644
index 0000000..3fca0ad
--- /dev/null
+++ b/src/views/credit/creditCompany/components/creditCompanyInfo.vue
@@ -0,0 +1,659 @@
+<!-- 编辑弹窗 -->
+<template>
+  <a-drawer
+    width="80%"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="data?.name"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+  >
+    <a-descriptions
+      :column="descriptionColumns"
+      size="small"
+      bordered
+      class="credit-company-descriptions"
+    >
+      <a-descriptions-item label="企业名称">
+        {{ formatValue(form.matchName) }}
+      </a-descriptions-item>
+      <a-descriptions-item label="法定代表人">
+        {{ formatValue(form.legalPerson) }}
+      </a-descriptions-item>
+      <a-descriptions-item label="统一社会信用代码">
+        {{ formatValue(form.code) }}
+      </a-descriptions-item>
+      <a-descriptions-item label="企业地址">
+        {{ formatValue(form.address) }}
+      </a-descriptions-item>
+      <a-descriptions-item label="电话">
+        {{ formatValue(form.tel) }}
+      </a-descriptions-item>
+      <a-descriptions-item label="更多电话">
+        {{ formatValue(form.moreTel) }}
+      </a-descriptions-item>
+    </a-descriptions>
+    <a-divider style="margin: 16px 0" />
+    <a-tabs
+      v-model:activeKey="activeTab"
+      type="card"
+      class="credit-company-tabs"
+    >
+      <a-tab-pane v-for="tab in tabList" :key="tab.key" :tab="tab.label">
+        <a-space style="margin-bottom: 12px">
+          <a-button
+            type="primary"
+            :disabled="!form.id"
+            @click="openRelatedImport(tab.key)"
+          >
+            导入
+          </a-button>
+          <a-button
+            :loading="tabState[tab.key].loading"
+            @click="reloadTab(tab.key)"
+          >
+            刷新
+          </a-button>
+        </a-space>
+        <a-table
+          v-if="tabState[tab.key].columns.length"
+          size="small"
+          :columns="tabState[tab.key].columns"
+          :data-source="tabState[tab.key].data"
+          :loading="tabState[tab.key].loading"
+          :row-key="getRowKey"
+          :scroll="{ x: 'max-content' }"
+          :pagination="false"
+        />
+        <a-empty
+          v-else-if="!tabState[tab.key].loading"
+          description="暂无数据"
+        />
+      </a-tab-pane>
+    </a-tabs>
+
+    <!-- 企业详情子表导入 -->
+    <CreditCompanyRelatedImport
+      v-model:visible="showRelatedImport"
+      :title="relatedImportTitle"
+      :templatePath="relatedImportTemplatePath"
+      :companyId="form.id"
+      :importFn="relatedImportFn"
+      @done="handleRelatedImportDone"
+    />
+  </a-drawer>
+</template>
+
+<script lang="ts" setup>
+  import { computed, reactive, ref, watch } from 'vue';
+  import { message } from 'ant-design-vue';
+  import { assignObject } from 'ele-admin-pro';
+  import { CreditCompany } from '@/api/credit/creditCompany/model';
+  import { useThemeStore } from '@/store/modules/theme';
+  import { storeToRefs } from 'pinia';
+  import CreditCompanyRelatedImport from './credit-company-related-import.vue';
+  import { pageCreditUser, importCreditUsers } from '@/api/credit/creditUser';
+  import {
+    pageCreditExternal,
+    importCreditExternal
+  } from '@/api/credit/creditExternal';
+  import {
+    pageCreditRiskRelation,
+    importCreditRiskRelation
+  } from '@/api/credit/creditRiskRelation';
+  import {
+    pageCreditCompetitor,
+    importCreditCompetitor
+  } from '@/api/credit/creditCompetitor';
+  import {
+    pageCreditSupplier,
+    importCreditSupplier
+  } from '@/api/credit/creditSupplier';
+  import {
+    pageCreditCustomer,
+    importCreditCustomer
+  } from '@/api/credit/creditCustomer';
+  import {
+    pageCreditCaseFiling,
+    importCreditCaseFiling
+  } from '@/api/credit/creditCaseFiling';
+  import {
+    pageCreditMediation,
+    importCreditMediation
+  } from '@/api/credit/creditMediation';
+  import {
+    pageCreditCourtSession,
+    importCreditCourtSession
+  } from '@/api/credit/creditCourtSession';
+  import {
+    pageCreditCourtAnnouncement,
+    importCreditCourtAnnouncement
+  } from '@/api/credit/creditCourtAnnouncement';
+  import {
+    pageCreditDeliveryNotice,
+    importCreditDeliveryNotice
+  } from '@/api/credit/creditDeliveryNotice';
+  import {
+    pageCreditJudicialDocument,
+    importCreditJudicialDocument
+  } from '@/api/credit/creditJudicialDocument';
+  import {
+    pageCreditJudgmentDebtor,
+    importCreditJudgmentDebtor
+  } from '@/api/credit/creditJudgmentDebtor';
+  import {
+    pageCreditBreachOfTrust,
+    importCreditBreachOfTrust
+  } from '@/api/credit/creditBreachOfTrust';
+  import {
+    pageCreditFinalVersion,
+    importCreditFinalVersion
+  } from '@/api/credit/creditFinalVersion';
+  import { pageCreditXgxf, importCreditXgxf } from '@/api/credit/creditXgxf';
+  import { pageCreditGqdj, importCreditGqdj } from '@/api/credit/creditGqdj';
+  import {
+    pageCreditJudiciary,
+    importCreditJudiciaries
+  } from '@/api/credit/creditJudiciary';
+
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: CreditCompany | null;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  // 是否显示最大化切换按钮
+  const maxable = ref(true);
+
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+  const descriptionColumns = computed(() => (styleResponsive.value ? 3 : 2));
+
+  const tabList = [
+    { key: '招投标', label: '招投标' },
+    { key: '对外投资', label: '对外投资' },
+    { key: '风险关系', label: '风险关系' },
+    { key: '竞争对手', label: '竞争对手' },
+    { key: '供应商', label: '供应商' },
+    { key: '客户', label: '客户' },
+    { key: '立案信息', label: '立案信息' },
+    { key: '诉前调解', label: '诉前调解' },
+    { key: '开庭公告', label: '开庭公告' },
+    { key: '法院公告', label: '法院公告' },
+    { key: '送达公告', label: '送达公告' },
+    { key: '裁判文书', label: '裁判文书' },
+    { key: '被执行人', label: '被执行人' },
+    { key: '失信被执行人', label: '失信被执行人' },
+    { key: '终本案件', label: '终本案件' },
+    { key: '限制高消费', label: '限制高消费' },
+    { key: '股权冻结', label: '股权冻结' },
+    { key: '司法案件', label: '司法案件' }
+  ];
+
+  type TabApiConfig = {
+    page: (params: any) => Promise<{ list: Record<string, any>[] } | undefined>;
+    importFn: (file: File, companyId?: number) => Promise<string>;
+    templatePath: string;
+  };
+
+  const tabApiMap: Record<string, TabApiConfig> = {
+    招投标: {
+      page: pageCreditUser as any,
+      importFn: importCreditUsers as any,
+      templatePath: '/credit/credit-user/import/template'
+    },
+    对外投资: {
+      page: pageCreditExternal as any,
+      importFn: importCreditExternal as any,
+      templatePath: '/credit/credit-external/import/template'
+    },
+    风险关系: {
+      page: pageCreditRiskRelation as any,
+      importFn: importCreditRiskRelation as any,
+      templatePath: '/credit/credit-risk-relation/import/template'
+    },
+    竞争对手: {
+      page: pageCreditCompetitor as any,
+      importFn: importCreditCompetitor as any,
+      templatePath: '/credit/credit-competitor/import/template'
+    },
+    供应商: {
+      page: pageCreditSupplier as any,
+      importFn: importCreditSupplier as any,
+      templatePath: '/credit/credit-supplier/import/template'
+    },
+    客户: {
+      page: pageCreditCustomer as any,
+      importFn: importCreditCustomer as any,
+      templatePath: '/credit/credit-customer/import/template'
+    },
+    立案信息: {
+      page: pageCreditCaseFiling as any,
+      importFn: importCreditCaseFiling as any,
+      templatePath: '/credit/credit-case-filing/import/template'
+    },
+    诉前调解: {
+      page: pageCreditMediation as any,
+      importFn: importCreditMediation as any,
+      templatePath: '/credit/credit-mediation/import/template'
+    },
+    开庭公告: {
+      page: pageCreditCourtSession as any,
+      importFn: importCreditCourtSession as any,
+      templatePath: '/credit/credit-court-session/import/template'
+    },
+    法院公告: {
+      page: pageCreditCourtAnnouncement as any,
+      importFn: importCreditCourtAnnouncement as any,
+      templatePath: '/credit/credit-court-announcement/import/template'
+    },
+    送达公告: {
+      page: pageCreditDeliveryNotice as any,
+      importFn: importCreditDeliveryNotice as any,
+      templatePath: '/credit/credit-delivery-notice/import/template'
+    },
+    裁判文书: {
+      page: pageCreditJudicialDocument as any,
+      importFn: importCreditJudicialDocument as any,
+      templatePath: '/credit/credit-judicial-document/import/template'
+    },
+    被执行人: {
+      page: pageCreditJudgmentDebtor as any,
+      importFn: importCreditJudgmentDebtor as any,
+      templatePath: '/credit/credit-judgment-debtor/import/template'
+    },
+    失信被执行人: {
+      page: pageCreditBreachOfTrust as any,
+      importFn: importCreditBreachOfTrust as any,
+      templatePath: '/credit/credit-breach-of-trust/import/template'
+    },
+    终本案件: {
+      page: pageCreditFinalVersion as any,
+      importFn: importCreditFinalVersion as any,
+      templatePath: '/credit/credit-final-version/import/template'
+    },
+    限制高消费: {
+      page: pageCreditXgxf as any,
+      importFn: importCreditXgxf as any,
+      templatePath: '/credit/credit-xgxf/import/template'
+    },
+    股权冻结: {
+      page: pageCreditGqdj as any,
+      importFn: importCreditGqdj as any,
+      templatePath: '/credit/credit-gqdj/import/template'
+    },
+    司法案件: {
+      page: pageCreditJudiciary as any,
+      importFn: importCreditJudiciaries as any,
+      templatePath: '/credit/credit-judiciary/import/template'
+    }
+  };
+
+  type TableColumn = {
+    title: string;
+    dataIndex: string;
+    key: string;
+    ellipsis?: boolean;
+  };
+
+  type TabColumnConfig = {
+    order?: string[];
+    hidden?: string[];
+    titleMap?: Record<string, string>;
+  };
+
+  const commonHiddenColumnKeys = new Set<string>([
+    'deleted',
+    'tenantId',
+    'userId',
+    'name1',
+    'sortNumber',
+    'recommend',
+    'url',
+    'status',
+    'comments',
+    'companyId',
+    'updateTime'
+  ]);
+
+  const commonTitleMap: Record<string, string> = {
+    id: 'ID',
+    name: '被执行人名称',
+    name1: '被执行人',
+    code: '税号',
+    url: '链接地址',
+    caseNumber: '案号',
+    courtName: '法院',
+    occurrenceTime: '发生时间',
+    amount: '执行标的',
+    status: '状态',
+    dataStatus: '数据状态',
+    comments: '备注',
+    createTime: '创建时间',
+    updateTime: '修改时间'
+  };
+
+  // 每个tab的“字段顺序/隐藏字段/中文表头”在这里配置
+  const tabColumnConfigMap: Record<string, TabColumnConfig> = {
+    招投标: {
+      order: [
+        'name',
+        'role',
+        'caseNumber',
+        'procurementName',
+        'winningName',
+        'winningPrice',
+        'releaseDate',
+        'url',
+        'createTime',
+        'updateTime'
+      ],
+      hidden: [
+        'type',
+        'parentId',
+        'sortNumber',
+        'recommend',
+        'expirationTime',
+        'updateTime'
+      ],
+      titleMap: {
+        name: '项目名称',
+        role: '企业角色',
+        caseNumber: '案号',
+        procurementName: '招采单位名称',
+        winningName: '中标单位名称',
+        winningPrice: '中标金额',
+        releaseDate: '发布日期',
+        url: '链接地址',
+        createTime: '创建时间',
+        updateTime: '修改时间'
+      }
+    }
+  };
+
+  type TabState = {
+    loading: boolean;
+    data: Record<string, any>[];
+    columns: TableColumn[];
+    loadedIdentity?: string;
+  };
+
+  const tabState = reactive<Record<string, TabState>>({});
+  tabList.forEach((tab) => {
+    tabState[tab.key] = {
+      loading: false,
+      data: [],
+      columns: [],
+      loadedIdentity: undefined
+    };
+  });
+  const activeTab = ref(tabList[0].key);
+
+  // 子表导入弹窗
+  const showRelatedImport = ref(false);
+  const relatedImportTabKey = ref(tabList[0].key);
+  const relatedImportConfig = computed(
+    () => tabApiMap[relatedImportTabKey.value]
+  );
+  const relatedImportTitle = computed(() => {
+    const tab = tabList.find((t) => t.key === relatedImportTabKey.value);
+    return `${tab?.label ?? relatedImportTabKey.value}批量导入`;
+  });
+  const relatedImportTemplatePath = computed(
+    () => relatedImportConfig.value?.templatePath ?? ''
+  );
+  const relatedImportFn = (file: File, companyId?: number) => {
+    const fn = relatedImportConfig.value?.importFn;
+    if (!fn) {
+      return Promise.reject(new Error('未配置导入接口'));
+    }
+    return fn(file, companyId);
+  };
+
+  const openRelatedImport = (key: string) => {
+    if (!form.id) {
+      message.error('缺少企业ID，无法导入');
+      return;
+    }
+    if (!tabApiMap[key]) {
+      message.error('未配置该Tab的导入功能');
+      return;
+    }
+    relatedImportTabKey.value = key;
+    showRelatedImport.value = true;
+  };
+
+  const handleRelatedImportDone = () => {
+    reloadTab(activeTab.value);
+  };
+
+  const defaultForm: CreditCompany = {
+    id: undefined,
+    name: undefined,
+    matchName: undefined,
+    code: undefined,
+    type: undefined,
+    parentId: undefined,
+    registrationStatus: undefined,
+    legalPerson: undefined,
+    registeredCapital: undefined,
+    paidinCapital: undefined,
+    establishDate: undefined,
+    address: undefined,
+    tel: undefined,
+    moreTel: undefined,
+    email: undefined,
+    moreEmail: undefined,
+    country: undefined,
+    province: undefined,
+    city: undefined,
+    region: undefined,
+    institutionType: undefined,
+    taxpayerCode: undefined,
+    registrationNumber: undefined,
+    organizationalCode: undefined,
+    numberOfInsuredPersons: undefined,
+    annualReport: undefined,
+    businessTerm: undefined,
+    nationalStandardIndustryCategories: undefined,
+    nationalStandardIndustryCategories2: undefined,
+    nationalStandardIndustryCategories3: undefined,
+    nationalStandardIndustryCategories4: undefined,
+    nationalStandardIndustryCategories5: undefined,
+    nationalStandardIndustryCategories6: undefined,
+    nationalStandardIndustryCategories7: undefined,
+    nationalStandardIndustryCategories8: undefined,
+    companySize: undefined,
+    formerName: undefined,
+    englishName: undefined,
+    domain: undefined,
+    mailingAddress: undefined,
+    companyProfile: undefined,
+    natureOfBusiness: undefined,
+    registrationAuthority: undefined,
+    taxpayerQualification: undefined,
+    latestAnnualReportYear: undefined,
+    latestAnnualReportOnOperatingRevenue: undefined,
+    enterpriseScoreCheck: undefined,
+    creditRating: undefined,
+    cechnologyScore: undefined,
+    cechnologyLevel: undefined,
+    smallEnterprise: undefined,
+    recommend: undefined,
+    deleted: undefined,
+    userId: undefined,
+    tenantId: undefined,
+    createTime: undefined,
+    updateTime: undefined,
+    status: 0,
+    comments: ''
+  };
+
+  // 用户信息
+  const form = reactive<CreditCompany>({ ...defaultForm });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  const formatValue = (value: unknown) => {
+    if (value === undefined || value === null || value === '') {
+      return '-';
+    }
+    return value;
+  };
+
+  // const formatStatus = (status?: number) => {
+  //   if (status === 0) {
+  //     return '显示';
+  //   }
+  //   if (status === 1) {
+  //     return '隐藏';
+  //   }
+  //   return '-';
+  // };
+
+  const getRowKey = (record: Record<string, any>, index: number) => {
+    return record.id ?? record.code ?? record.key ?? index;
+  };
+
+  const buildColumns = (
+    tabKey: string,
+    rows: Record<string, any>[]
+  ): TableColumn[] => {
+    if (!rows.length) {
+      return [];
+    }
+    const config = tabColumnConfigMap[tabKey];
+    const hidden = new Set<string>([
+      ...commonHiddenColumnKeys,
+      ...(config?.hidden ?? [])
+    ]);
+    const titleMap = { ...commonTitleMap, ...(config?.titleMap ?? {}) };
+
+    const keysFromData = Object.keys(rows[0]);
+    const keys = config?.order?.length ? config.order : keysFromData;
+    const finalKeys = keys.filter((k) => !hidden.has(k));
+
+    return finalKeys.map((key) => ({
+      title: titleMap[key] ?? key,
+      dataIndex: key,
+      key,
+      ellipsis: true
+    }));
+  };
+
+  const resetForm = () => {
+    Object.assign(form, defaultForm);
+  };
+
+  const clearTabData = () => {
+    tabList.forEach((tab) => {
+      tabState[tab.key].data = [];
+      tabState[tab.key].columns = [];
+      tabState[tab.key].loading = false;
+      tabState[tab.key].loadedIdentity = undefined;
+    });
+  };
+
+  const loadTabData = async (key: string, force = false) => {
+    const taxpayerCode = form.code ?? props.data?.code;
+    const companyId = form.id ?? props.data?.id;
+    const identity = taxpayerCode
+      ? `tax:${taxpayerCode}`
+      : companyId
+      ? `id:${companyId}`
+      : undefined;
+    const state = tabState[key];
+    const api = tabApiMap[key]?.page;
+    if (!api) {
+      state.data = [];
+      state.columns = [];
+      state.loadedIdentity = undefined;
+      return;
+    }
+    if (!identity) {
+      state.data = [];
+      state.columns = [];
+      state.loadedIdentity = undefined;
+      return;
+    }
+    if (!force && state.loadedIdentity === identity) {
+      return;
+    }
+    state.loading = true;
+    try {
+      const res = await api({
+        taxpayerCode,
+        companyId,
+        page: 1,
+        limit: 500
+      });
+      state.data = res?.list || [];
+      state.columns = buildColumns(key, state.data);
+      state.loadedIdentity = identity;
+    } catch (e: any) {
+      state.data = [];
+      state.columns = [];
+      state.loadedIdentity = undefined;
+      message.error(e?.message ?? '查询失败');
+    } finally {
+      state.loading = false;
+    }
+  };
+
+  const reloadTab = (key: string) => {
+    loadTabData(key, true);
+  };
+
+  watch(
+    () => activeTab.value,
+    (key) => {
+      loadTabData(key);
+    }
+  );
+
+  watch(
+    () => props.visible,
+    (visible) => {
+      if (visible) {
+        showRelatedImport.value = false;
+        resetForm();
+        clearTabData();
+        if (props.data) {
+          assignObject(form, props.data);
+        }
+        activeTab.value = tabList[0].key;
+        loadTabData(activeTab.value, true);
+      } else {
+        showRelatedImport.value = false;
+        resetForm();
+        clearTabData();
+      }
+    },
+    { immediate: true }
+  );
+
+  watch(
+    () => props.data,
+    (data) => {
+      if (!props.visible || !data) {
+        return;
+      }
+      showRelatedImport.value = false;
+      resetForm();
+      clearTabData();
+      assignObject(form, data);
+      loadTabData(activeTab.value, true);
+    }
+  );
+</script>
diff --git a/src/views/credit/creditCompany/components/search.vue b/src/views/credit/creditCompany/components/search.vue
new file mode 100644
index 0000000..f81eed1
--- /dev/null
+++ b/src/views/credit/creditCompany/components/search.vue
@@ -0,0 +1,103 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+    <a-button type="primary" class="ele-btn-icon" @click="add">
+      <template #icon>
+        <PlusOutlined />
+      </template>
+      <span>添加</span>
+    </a-button>
+    <a-button class="ele-btn-icon" @click="openImport">
+      <template #icon>
+        <CloudUploadOutlined />
+      </template>
+      <span>导入</span>
+    </a-button>
+    <a-button class="ele-btn-icon" @click="exportData">
+      <template #icon>
+        <CloudDownloadOutlined />
+      </template>
+      <span>导出</span>
+    </a-button>
+    <a-button
+      danger
+      class="ele-btn-icon"
+      :disabled="!selection?.length"
+      @click="remove"
+    >
+      <template #icon>
+        <DeleteOutlined />
+      </template>
+      <span>批量删除</span>
+    </a-button>
+    <a-input-search
+      allow-clear
+      v-model:value="keywords"
+      placeholder="请输入关键词"
+      style="width: 220px"
+      @search="handleSearch"
+      @pressEnter="handleSearch"
+    />
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+  import { computed, ref } from 'vue';
+  import {
+    PlusOutlined,
+    CloudUploadOutlined,
+    CloudDownloadOutlined,
+    DeleteOutlined
+  } from '@ant-design/icons-vue';
+  import type {
+    CreditJudiciary,
+    CreditJudiciaryParam
+  } from '@/api/credit/creditJudiciary/model';
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的角色
+      selection?: CreditJudiciary[];
+    }>(),
+    {
+      selection: () => []
+    }
+  );
+
+  const emit = defineEmits<{
+    (e: 'search', where?: CreditJudiciaryParam): void;
+    (e: 'add'): void;
+    (e: 'remove'): void;
+    (e: 'batchMove'): void;
+    (e: 'importData'): void;
+    (e: 'exportData'): void;
+  }>();
+
+  const keywords = ref('');
+  const selection = computed(() => props.selection || []);
+
+  // 新增
+  const add = () => {
+    emit('add');
+  };
+
+  // 搜索
+  const handleSearch = () => {
+    emit('search', { keywords: keywords.value });
+  };
+
+  // 导入
+  const openImport = () => {
+    emit('importData');
+  };
+
+  // 导出
+  const exportData = () => {
+    emit('exportData');
+  };
+
+  // 批量删除
+  const remove = () => {
+    emit('remove');
+  };
+</script>
diff --git a/src/views/credit/creditCompany/index.vue b/src/views/credit/creditCompany/index.vue
new file mode 100644
index 0000000..a203fa9
--- /dev/null
+++ b/src/views/credit/creditCompany/index.vue
@@ -0,0 +1,447 @@
+<template>
+  <a-page-header :title="getPageTitle()" @back="() => $router.go(-1)">
+    <a-card :bordered="false" :body-style="{ padding: '16px' }">
+      <ele-pro-table
+        ref="tableRef"
+        row-key="id"
+        :columns="columns"
+        :datasource="datasource"
+        :customRow="customRow"
+        tool-class="ele-toolbar-form"
+        :scroll="{ x: 2000 }"
+        class="sys-org-table"
+      >
+        <template #toolbar>
+          <search
+            @search="reload"
+            :selection="selection"
+            @add="openEdit"
+            @remove="removeBatch"
+            @batchMove="openMove"
+            @importData="openImport"
+            @exportData="exportData"
+          />
+        </template>
+        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'image'">
+            <a-image :src="record.image" :width="50" />
+          </template>
+          <template v-if="column.key === 'name'">
+            <template v-if="record.url">
+              <a :href="record.url" target="_blank">{{ record.name }}</a>
+            </template>
+            <template v-else>
+              {{ record.name }}
+            </template>
+          </template>
+          <template v-if="column.key === 'status'">
+            <a-tag v-if="record.status === 0" color="green">显示</a-tag>
+            <a-tag v-if="record.status === 1" color="red">隐藏</a-tag>
+          </template>
+          <template v-if="column.key === 'action'">
+            <a-button type="primary" @click="openInfo(record)">详情</a-button>
+            <!--            <a-dropdown-button @click="handleButtonClick">-->
+            <!--              操作-->
+            <!--              <template #overlay>-->
+            <!--                <a-menu @click="handleMenuClick">-->
+            <!--                  <a-menu-item key="1">招投标</a-menu-item>-->
+            <!--                  <a-menu-item key="2">对外投资</a-menu-item>-->
+            <!--                  <a-menu-item key="3">风险关系</a-menu-item>-->
+            <!--                  <a-menu-item key="4">竞争对手</a-menu-item>-->
+            <!--                  <a-menu-item key="5">供应商</a-menu-item>-->
+            <!--                  <a-menu-item key="6">客户</a-menu-item>-->
+            <!--                  <a-menu-item key="7">立案信息</a-menu-item>-->
+            <!--                  <a-menu-item key="8">诉前调解</a-menu-item>-->
+            <!--                  <a-menu-item key="9">开庭公告</a-menu-item>-->
+            <!--                  <a-menu-item key="10">法院公告</a-menu-item>-->
+            <!--                  <a-menu-item key="11">送达公告</a-menu-item>-->
+            <!--                  <a-menu-item key="12">裁判文书</a-menu-item>-->
+            <!--                  <a-menu-item key="13">被执行人</a-menu-item>-->
+            <!--                  <a-menu-item key="14">失信被执行人</a-menu-item>-->
+            <!--                  <a-menu-item key="15">终本案件</a-menu-item>-->
+            <!--                  <a-menu-item key="16">限制高消费</a-menu-item>-->
+            <!--                  <a-menu-item key="17">股权冻结</a-menu-item>-->
+            <!--                  <a-menu-item key="18">司法案件</a-menu-item>-->
+            <!--                </a-menu>-->
+            <!--              </template>-->
+            <!--            </a-dropdown-button>-->
+
+            <!--            <a @click="openEdit(record)">修改</a>-->
+            <!--            <a-divider type="vertical" />-->
+            <!--              <a-popconfirm-->
+            <!--                title="确定要删除此记录吗？"-->
+            <!--                @confirm="remove(record)"-->
+            <!--              >-->
+            <!--                <a class="ele-text-danger">删除</a>-->
+            <!--              </a-popconfirm>-->
+          </template>
+        </template>
+      </ele-pro-table>
+    </a-card>
+
+    <!-- 编辑弹窗 -->
+    <CreditCompanyEdit
+      v-model:visible="showEdit"
+      :data="current"
+      @done="reload"
+    />
+    <!-- 导入弹窗 -->
+    <CreditCompanyImport v-model:visible="showImport" @done="reload" />
+    <!-- 企业详情 -->
+    <CreditCompanyInfo
+      v-model:visible="showInfo"
+      :data="current"
+      @done="reload"
+    />
+  </a-page-header>
+</template>
+
+<script lang="ts" setup>
+  import { createVNode, ref } from 'vue';
+  import { message, Modal } from 'ant-design-vue';
+  import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
+  import type { EleProTable } from 'ele-admin-pro';
+  import { toDateString } from 'ele-admin-pro';
+  import type {
+    DatasourceFunction,
+    ColumnItem
+  } from 'ele-admin-pro/es/ele-pro-table/types';
+  import Search from './components/search.vue';
+  import { getPageTitle } from '@/utils/common';
+  import CreditCompanyEdit from './components/creditCompanyEdit.vue';
+  import {
+    pageCreditCompany,
+    listCreditCompany,
+    removeCreditCompany,
+    removeBatchCreditCompany
+  } from '@/api/credit/creditCompany';
+  import type {
+    CreditCompany,
+    CreditCompanyParam
+  } from '@/api/credit/creditCompany/model';
+  import CreditCompanyImport from './components/credit-company-import.vue';
+  import CreditCompanyInfo from './components/creditCompanyInfo.vue';
+  import { exportCreditData } from '../utils/export';
+
+  // 表格实例
+  const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+  // 表格选中数据
+  const selection = ref<CreditCompany[]>([]);
+  // 当前编辑数据
+  const current = ref<CreditCompany | null>(null);
+  // 是否显示编辑弹窗
+  const showEdit = ref(false);
+  // 是否显示批量移动弹窗
+  const showMove = ref(false);
+  // 是否显示导入弹窗
+  const showImport = ref(false);
+  // 是否显示详情弹窗
+  const showInfo = ref(false);
+  // 加载状态
+  const loading = ref(true);
+  // 搜索关键词
+  const searchText = ref('');
+
+  // 表格数据源
+  const datasource: DatasourceFunction = ({
+    page,
+    limit,
+    where = {},
+    orders,
+    filters
+  }) => {
+    const params: CreditCompanyParam = { ...where };
+    if (filters) {
+      (params as any).status = filters.status;
+    }
+    if (!params.keywords && searchText.value) {
+      params.keywords = searchText.value;
+    }
+    return pageCreditCompany({
+      ...params,
+      ...orders,
+      page,
+      limit
+    });
+  };
+
+  // 关键信息列
+  const columns = ref<ColumnItem[]>([
+    {
+      title: '操作',
+      key: 'action',
+      width: 120,
+      fixed: 'left',
+      align: 'center'
+    },
+    {
+      title: '原文件导入名称',
+      dataIndex: 'name',
+      key: 'name',
+      ellipsis: true,
+      width: 240
+    },
+    {
+      title: '系统匹配企业名称',
+      dataIndex: 'matchName',
+      key: 'matchName',
+      ellipsis: true,
+      width: 240
+    },
+    {
+      title: '统一社会信用代码',
+      dataIndex: 'code',
+      key: 'code',
+      ellipsis: true,
+      width: 200
+    },
+    {
+      title: '登记状态',
+      dataIndex: 'registrationStatus',
+      key: 'registrationStatus',
+      ellipsis: true,
+      width: 120
+    },
+    {
+      title: '法定代表人',
+      dataIndex: 'legalPerson',
+      key: 'legalPerson',
+      ellipsis: true,
+      width: 120
+    },
+    {
+      title: '注册资本',
+      dataIndex: 'registeredCapital',
+      key: 'registeredCapital',
+      ellipsis: true,
+      width: 120
+    },
+    {
+      title: '成立日期',
+      dataIndex: 'establishDate',
+      key: 'establishDate',
+      ellipsis: true,
+      width: 120
+    },
+    {
+      title: '电话',
+      dataIndex: 'tel',
+      key: 'tel',
+      ellipsis: true,
+      width: 150
+    },
+    {
+      title: '所属省份',
+      dataIndex: 'province',
+      key: 'province',
+      ellipsis: true,
+      width: 120
+    },
+    {
+      title: '所属城市',
+      dataIndex: 'city',
+      key: 'city',
+      ellipsis: true,
+      width: 120
+    },
+    {
+      title: '企查分',
+      dataIndex: 'enterpriseScoreCheck',
+      key: 'enterpriseScoreCheck',
+      ellipsis: true,
+      width: 120
+    },
+    {
+      title: '信用等级',
+      dataIndex: 'creditRating',
+      key: 'creditRating',
+      ellipsis: true,
+      width: 120
+    },
+    {
+      title: '是否小微企业',
+      dataIndex: 'smallEnterprise',
+      key: 'smallEnterprise',
+      ellipsis: true,
+      width: 120
+    },
+    {
+      title: '创建时间',
+      dataIndex: 'createTime',
+      key: 'createTime',
+      width: 180,
+      align: 'center',
+      ellipsis: true,
+      customRender: ({ text }) => toDateString(text, 'yyyy-MM-dd HH:mm:ss')
+    }
+    // {
+    //   title: '备注',
+    //   dataIndex: 'comments',
+    //   key: 'comments',
+    //   ellipsis: true
+    // },
+    // {
+    //   title: '是否推荐',
+    //   dataIndex: 'recommend',
+    //   key: 'recommend',
+    //   width: 120
+    // },
+    // {
+    //   title: '排序',
+    //   dataIndex: 'sortNumber',
+    //   key: 'sortNumber',
+    //   width: 120
+    // },
+    // {
+    //   title: '状态',
+    //   dataIndex: 'status',
+    //   key: 'status',
+    //   width: 120
+    // },
+    // {
+    //   title: '创建时间',
+    //   dataIndex: 'createTime',
+    //   key: 'createTime',
+    //   width: 200,
+    //   align: 'center',
+    //   sorter: true,
+    //   ellipsis: true,
+    //   customRender: ({ text }) => toDateString(text, 'yyyy-MM-dd HH:mm:ss')
+    // }
+  ]);
+
+  /* 搜索 */
+  const reload = (where?: CreditCompanyParam) => {
+    if (where && Object.prototype.hasOwnProperty.call(where, 'keywords')) {
+      searchText.value = where.keywords ?? '';
+    }
+    const targetWhere = where ?? { keywords: searchText.value || undefined };
+    selection.value = [];
+    tableRef?.value?.reload({ where: targetWhere });
+  };
+
+  /* 打开编辑弹窗 */
+  const openEdit = (row?: CreditCompany) => {
+    current.value = row ?? null;
+    showEdit.value = true;
+  };
+
+  /* 打开批量移动弹窗 */
+  const openMove = () => {
+    showMove.value = true;
+  };
+
+  /* 打开导入弹窗 */
+  const openImport = () => {
+    showImport.value = true;
+  };
+
+  /* 导出 */
+  const exportData = () => {
+    exportCreditData<CreditCompany>({
+      filename: '企业',
+      includeCompanyName: false,
+      columns: [
+        { title: '原文件导入名称', dataIndex: 'name' },
+        { title: '系统匹配企业名称', dataIndex: 'matchName' },
+        { title: '统一社会信用代码', dataIndex: 'code' },
+        { title: '登记状态', dataIndex: 'registrationStatus' },
+        { title: '法定代表人', dataIndex: 'legalPerson' },
+        { title: '注册资本', dataIndex: 'registeredCapital' },
+        { title: '成立日期', dataIndex: 'establishDate' },
+        { title: '所属省份', dataIndex: 'province' },
+        { title: '所属城市', dataIndex: 'city' },
+        { title: '企查分', dataIndex: 'enterpriseScoreCheck' },
+        { title: '信用等级', dataIndex: 'creditRating' },
+        {
+          title: '创建时间',
+          dataIndex: 'createTime',
+          formatter: (record: CreditCompany) =>
+            record.createTime
+              ? toDateString(record.createTime, 'yyyy-MM-dd HH:mm:ss')
+              : ''
+        }
+      ],
+      fetchData: () =>
+        listCreditCompany({
+          keywords: searchText.value || undefined
+        })
+    });
+  };
+  /* 打开企业详情 */
+  const openInfo = (row?: CreditCompany) => {
+    current.value = row ?? null;
+    showInfo.value = true;
+  };
+
+  /* 删除单个 */
+  const remove = (row: CreditCompany) => {
+    const hide = message.loading('请求中..', 0);
+    removeCreditCompany(row.id)
+      .then((msg) => {
+        hide();
+        message.success(msg);
+        reload();
+      })
+      .catch((e) => {
+        hide();
+        message.error(e.message);
+      });
+  };
+
+  /* 批量删除 */
+  const removeBatch = () => {
+    if (!selection.value.length) {
+      message.error('请至少选择一条数据');
+      return;
+    }
+    Modal.confirm({
+      title: '提示',
+      content: '确定要删除选中的记录吗?',
+      icon: createVNode(ExclamationCircleOutlined),
+      maskClosable: true,
+      onOk: () => {
+        const hide = message.loading('请求中..', 0);
+        removeBatchCreditCompany(selection.value.map((d) => d.id))
+          .then((msg) => {
+            hide();
+            message.success(msg);
+            reload();
+          })
+          .catch((e) => {
+            hide();
+            message.error(e.message);
+          });
+      }
+    });
+  };
+
+  /* 查询 */
+  const query = () => {
+    loading.value = true;
+  };
+
+  /* 自定义行属性 */
+  const customRow = (record: CreditCompany) => {
+    return {
+      // 行点击事件
+      onClick: () => {
+        // console.log(record);
+      },
+      // 行双击事件
+      onDblclick: () => {
+        openEdit(record);
+      }
+    };
+  };
+  query();
+</script>
+
+<script lang="ts">
+  export default {
+    name: 'CreditCompany'
+  };
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/views/credit/creditCompetitor/components/credit-competitor-import.vue b/src/views/credit/creditCompetitor/components/credit-competitor-import.vue
new file mode 100644
index 0000000..96dbb13
--- /dev/null
+++ b/src/views/credit/creditCompetitor/components/credit-competitor-import.vue
@@ -0,0 +1,94 @@
+<!-- 竞争对手导入弹窗 -->
+<template>
+  <ele-modal
+    :width="520"
+    :footer="null"
+    title="竞争对手批量导入"
+    :visible="visible"
+    @update:visible="updateVisible"
+  >
+    <a-spin :spinning="loading">
+      <a-upload-dragger
+        accept=".xls,.xlsx"
+        :show-upload-list="false"
+        :customRequest="doUpload"
+        style="padding: 24px 0; margin-bottom: 16px"
+      >
+        <p class="ant-upload-drag-icon">
+          <cloud-upload-outlined />
+        </p>
+        <p class="ant-upload-hint">将文件拖到此处，或点击上传</p>
+      </a-upload-dragger>
+    </a-spin>
+    <div class="ele-text-center">
+      <span>只能上传xls、xlsx文件，</span>
+      <a :href="templateUrl" download="竞争对手导入模板.xlsx"> 下载导入模板 </a>
+    </div>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { computed, ref } from 'vue';
+  import { message } from 'ant-design-vue/es';
+  import { CloudUploadOutlined } from '@ant-design/icons-vue';
+  import { importCreditCompetitor } from '@/api/credit/creditCompetitor';
+  import { API_BASE_URL } from '@/config/setting';
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  defineProps<{
+    // 是否打开弹窗
+    visible: boolean;
+  }>();
+
+  // 导入请求状态
+  const loading = ref(false);
+
+  // 模板下载地址，保持与当前接口域名一致
+  const templateUrl = computed(() => {
+    const base = (localStorage.getItem('ApiUrl') || API_BASE_URL || '').replace(
+      /\/$/,
+      ''
+    );
+    return `${base}/credit/credit-competitor/import/template`;
+  });
+
+  /* 上传 */
+  const doUpload = ({ file }) => {
+    if (
+      ![
+        'application/vnd.ms-excel',
+        'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
+      ].includes(file.type)
+    ) {
+      message.error('只能选择 excel 文件');
+      return false;
+    }
+    if (file.size / 1024 / 1024 > 10) {
+      message.error('大小不能超过 10MB');
+      return false;
+    }
+    loading.value = true;
+    importCreditCompetitor(file)
+      .then((msg) => {
+        loading.value = false;
+        message.success(msg);
+        updateVisible(false);
+        emit('done');
+      })
+      .catch((e) => {
+        loading.value = false;
+        message.error(e.message);
+      });
+    return false;
+  };
+
+  /* 更新 visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+</script>
+
diff --git a/src/views/credit/creditCompetitor/components/creditCompetitorEdit.vue b/src/views/credit/creditCompetitor/components/creditCompetitorEdit.vue
new file mode 100644
index 0000000..0e270bb
--- /dev/null
+++ b/src/views/credit/creditCompetitor/components/creditCompetitorEdit.vue
@@ -0,0 +1,276 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑竞争对手' : '添加竞争对手'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="企业名称" name="companyName">
+        <a-input
+          allow-clear
+          placeholder="请输入企业名称"
+          v-model:value="form.companyName"
+        />
+      </a-form-item>
+      <a-form-item label="法定代表人" name="legalRepresentative">
+        <a-input
+          allow-clear
+          placeholder="请输入法定代表人"
+          v-model:value="form.legalRepresentative"
+        />
+      </a-form-item>
+      <a-form-item label="注册资本" name="registeredCapital">
+        <a-input
+          allow-clear
+          placeholder="请输入注册资本"
+          v-model:value="form.registeredCapital"
+        />
+      </a-form-item>
+      <a-form-item label="成立日期" name="establishmentDate">
+        <a-input
+          allow-clear
+          placeholder="请输入成立日期"
+          v-model:value="form.establishmentDate"
+        />
+      </a-form-item>
+      <a-form-item label="登记状态" name="registrationStatus">
+        <a-input
+          allow-clear
+          placeholder="请输入登记状态"
+          v-model:value="form.registrationStatus"
+        />
+      </a-form-item>
+      <a-form-item label="所属行业" name="industry">
+        <a-input
+          allow-clear
+          placeholder="请输入所属行业"
+          v-model:value="form.industry"
+        />
+      </a-form-item>
+      <a-form-item label="所属省份" name="province">
+        <a-input
+          allow-clear
+          placeholder="请输入所属省份"
+          v-model:value="form.province"
+        />
+      </a-form-item>
+      <a-form-item label="备注" name="comments">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="请输入描述"
+          v-model:value="form.comments"
+        />
+      </a-form-item>
+      <a-form-item label="是否推荐" name="recommend">
+        <a-input
+          allow-clear
+          placeholder="请输入是否推荐"
+          v-model:value="form.recommend"
+        />
+      </a-form-item>
+      <a-form-item label="排序(数字越小越靠前)" name="sortNumber">
+        <a-input-number
+          :min="0"
+          :max="9999"
+          class="ele-fluid"
+          placeholder="请输入排序号"
+          v-model:value="form.sortNumber"
+        />
+      </a-form-item>
+      <a-form-item label="状态, 0正常, 1冻结" name="status">
+        <a-radio-group v-model:value="form.status">
+          <a-radio :value="0">显示</a-radio>
+          <a-radio :value="1">隐藏</a-radio>
+        </a-radio-group>
+      </a-form-item>
+      <a-form-item label="是否删除, 0否, 1是" name="deleted">
+        <a-input
+          allow-clear
+          placeholder="请输入是否删除, 0否, 1是"
+          v-model:value="form.deleted"
+        />
+      </a-form-item>
+      <a-form-item label="用户ID" name="userId">
+        <a-input
+          allow-clear
+          placeholder="请输入用户ID"
+          v-model:value="form.userId"
+        />
+      </a-form-item>
+      <a-form-item label="修改时间" name="updateTime">
+        <a-input
+          allow-clear
+          placeholder="请输入修改时间"
+          v-model:value="form.updateTime"
+        />
+      </a-form-item>
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, watch } from 'vue';
+  import { Form, message } from 'ant-design-vue';
+  import { assignObject, uuid } from 'ele-admin-pro';
+  import { addCreditCompetitor, updateCreditCompetitor } from '@/api/credit/creditCompetitor';
+  import { CreditCompetitor } from '@/api/credit/creditCompetitor/model';
+  import { useThemeStore } from '@/store/modules/theme';
+  import { storeToRefs } from 'pinia';
+  import { ItemType } from 'ele-admin-pro/es/ele-image-upload/types';
+  import { FormInstance } from 'ant-design-vue/es/form';
+  import { FileRecord } from '@/api/system/file/model';
+
+  // 是否是修改
+  const isUpdate = ref(false);
+  const useForm = Form.useForm;
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: CreditCompetitor | null;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  // 提交状态
+  const loading = ref(false);
+  // 是否显示最大化切换按钮
+  const maxable = ref(true);
+  // 表格选中数据
+  const formRef = ref<FormInstance | null>(null);
+  const images = ref<ItemType[]>([]);
+
+  // 用户信息
+  const form = reactive<CreditCompetitor>({
+    id: undefined,
+    companyName: undefined,
+    legalRepresentative: undefined,
+    registeredCapital: undefined,
+    establishmentDate: undefined,
+    registrationStatus: undefined,
+    industry: undefined,
+    province: undefined,
+    comments: undefined,
+    recommend: undefined,
+    sortNumber: undefined,
+    status: undefined,
+    deleted: undefined,
+    userId: undefined,
+    tenantId: undefined,
+    createTime: undefined,
+    updateTime: undefined,
+    creditCompetitorId: undefined,
+    creditCompetitorName: '',
+    status: 0,
+    comments: '',
+    sortNumber: 100
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    creditCompetitorName: [
+      {
+        required: true,
+        type: 'string',
+        message: '请填写竞争对手名称',
+        trigger: 'blur'
+      }
+    ]
+  });
+
+  const chooseImage = (data: FileRecord) => {
+    images.value.push({
+      uid: data.id,
+      url: data.path,
+      status: 'done'
+    });
+    form.image = data.path;
+  };
+
+  const onDeleteItem = (index: number) => {
+    images.value.splice(index, 1);
+    form.image = '';
+  };
+
+  const { resetFields } = useForm(form, rules);
+
+  /* 保存编辑 */
+  const save = () => {
+    if (!formRef.value) {
+      return;
+    }
+    formRef.value
+      .validate()
+      .then(() => {
+        loading.value = true;
+        const formData = {
+          ...form
+        };
+        const saveOrUpdate = isUpdate.value ? updateCreditCompetitor : addCreditCompetitor;
+        saveOrUpdate(formData)
+          .then((msg) => {
+            loading.value = false;
+            message.success(msg);
+            updateVisible(false);
+            emit('done');
+          })
+          .catch((e) => {
+            loading.value = false;
+            message.error(e.message);
+          });
+      })
+      .catch(() => {});
+  };
+
+  watch(
+    () => props.visible,
+    (visible) => {
+      if (visible) {
+        images.value = [];
+        if (props.data) {
+          assignObject(form, props.data);
+          if(props.data.image){
+            images.value.push({
+              uid: uuid(),
+              url: props.data.image,
+              status: 'done'
+            })
+          }
+          isUpdate.value = true;
+        } else {
+          isUpdate.value = false;
+        }
+      } else {
+        resetFields();
+      }
+    },
+    { immediate: true }
+  );
+</script>
diff --git a/src/views/credit/creditCompetitor/components/search.vue b/src/views/credit/creditCompetitor/components/search.vue
new file mode 100644
index 0000000..82fea9d
--- /dev/null
+++ b/src/views/credit/creditCompetitor/components/search.vue
@@ -0,0 +1,42 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+    <a-button type="primary" class="ele-btn-icon" @click="add">
+      <template #icon>
+        <PlusOutlined />
+      </template>
+      <span>添加</span>
+    </a-button>
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+  import { PlusOutlined } from '@ant-design/icons-vue';
+  import type { GradeParam } from '@/api/user/grade/model';
+  import { watch } from 'vue';
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的角色
+      selection?: [];
+    }>(),
+    {}
+  );
+
+  const emit = defineEmits<{
+    (e: 'search', where?: GradeParam): void;
+    (e: 'add'): void;
+    (e: 'remove'): void;
+    (e: 'batchMove'): void;
+  }>();
+
+  // 新增
+  const add = () => {
+    emit('add');
+  };
+
+  watch(
+    () => props.selection,
+    () => {}
+  );
+</script>
diff --git a/src/views/credit/creditCompetitor/index.vue b/src/views/credit/creditCompetitor/index.vue
new file mode 100644
index 0000000..b6a96b3
--- /dev/null
+++ b/src/views/credit/creditCompetitor/index.vue
@@ -0,0 +1,313 @@
+<template>
+  <a-page-header :title="getPageTitle()" @back="() => $router.go(-1)">
+    <a-card :bordered="false" :body-style="{ padding: '16px' }">
+      <ele-pro-table
+        ref="tableRef"
+        row-key="id"
+        :columns="columns"
+        :datasource="datasource"
+        :customRow="customRow"
+        tool-class="ele-toolbar-form"
+        class="sys-org-table"
+      >
+        <template #toolbar>
+          <search
+            @search="reload"
+            :selection="selection"
+            @add="openEdit"
+            @remove="removeBatch"
+            @batchMove="openMove"
+            @importData="openImport"
+            @exportData="exportData"
+          />
+        </template>
+        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'image'">
+            <a-image :src="record.image" :width="50" />
+          </template>
+          <template v-if="column.key === 'status'">
+            <a-tag v-if="record.status === 0" color="green">显示</a-tag>
+            <a-tag v-if="record.status === 1" color="red">隐藏</a-tag>
+          </template>
+          <template v-if="column.key === 'action'">
+            <a-space>
+              <a @click="openEdit(record)">修改</a>
+              <a-divider type="vertical" />
+              <a-popconfirm
+                title="确定要删除此记录吗？"
+                @confirm="remove(record)"
+              >
+                <a class="ele-text-danger">删除</a>
+              </a-popconfirm>
+            </a-space>
+          </template>
+        </template>
+      </ele-pro-table>
+    </a-card>
+
+    <!-- 编辑弹窗 -->
+    <CreditCompetitorEdit
+      v-model:visible="showEdit"
+      :data="current"
+      @done="reload"
+    />
+    <!-- 导入弹窗 -->
+    <CreditCompetitorImport v-model:visible="showImport" @done="reload" />
+  </a-page-header>
+</template>
+
+<script lang="ts" setup>
+  import { createVNode, ref } from 'vue';
+  import { message, Modal } from 'ant-design-vue';
+  import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
+  import type { EleProTable } from 'ele-admin-pro';
+  import { toDateString } from 'ele-admin-pro';
+  import type {
+    DatasourceFunction,
+    ColumnItem
+  } from 'ele-admin-pro/es/ele-pro-table/types';
+  import Search from '@/views/credit/components/CreditSearchToolbar.vue';
+  import { exportCreditData } from '../utils/export';
+  import { getPageTitle } from '@/utils/common';
+  import CreditCompetitorEdit from './components/creditCompetitorEdit.vue';
+  import CreditCompetitorImport from './components/credit-competitor-import.vue';
+  import {
+    pageCreditCompetitor,
+    listCreditCompetitor,
+    removeCreditCompetitor,
+    removeBatchCreditCompetitor
+  } from '@/api/credit/creditCompetitor';
+  import type {
+    CreditCompetitor,
+    CreditCompetitorParam
+  } from '@/api/credit/creditCompetitor/model';
+
+  // 表格实例
+  const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+  // 表格选中数据
+  const selection = ref<CreditCompetitor[]>([]);
+  // 当前编辑数据
+  const current = ref<CreditCompetitor | null>(null);
+  // 是否显示编辑弹窗
+  const showEdit = ref(false);
+  // 是否显示导入弹窗
+  const showImport = ref(false);
+  // 是否显示批量移动弹窗
+  const showMove = ref(false);
+  // 加载状态
+  const loading = ref(true);
+  // 搜索关键词
+  const searchText = ref('');
+
+  // 表格数据源
+  const datasource: DatasourceFunction = ({
+    page,
+    limit,
+    where = {},
+    orders,
+    filters
+  }) => {
+    const params: CreditCompetitorParam = { ...where };
+    if (filters) {
+      (params as any).status = filters.status;
+    }
+    if (!params.keywords && searchText.value) {
+      params.keywords = searchText.value;
+    }
+    return pageCreditCompetitor({
+      ...params,
+      ...orders,
+      page,
+      limit
+    });
+  };
+
+  // 关键信息列
+  const columns = ref<ColumnItem[]>([
+    {
+      title: '序号',
+      dataIndex: 'id',
+      key: 'id',
+      width: 80
+    },
+    {
+      title: '企业名称',
+      dataIndex: 'companyName',
+      key: 'companyName',
+      ellipsis: true
+    },
+    {
+      title: '法定代表人',
+      dataIndex: 'legalRepresentative',
+      key: 'legalRepresentative',
+      ellipsis: true,
+      width: 120
+    },
+    {
+      title: '注册资本',
+      dataIndex: 'registeredCapital',
+      key: 'registeredCapital',
+      width: 120
+    },
+    {
+      title: '成立日期',
+      dataIndex: 'establishmentDate',
+      key: 'establishmentDate',
+      width: 120
+    },
+    {
+      title: '所属行业',
+      dataIndex: 'industry',
+      key: 'industry',
+      ellipsis: true
+    },
+    {
+      title: '所属省份',
+      dataIndex: 'province',
+      key: 'province',
+      width: 120
+    },
+    {
+      title: '创建时间',
+      dataIndex: 'createTime',
+      key: 'createTime',
+      width: 180,
+      align: 'center',
+      ellipsis: true,
+      customRender: ({ text }) => toDateString(text, 'yyyy-MM-dd HH:mm:ss')
+    },
+    {
+      title: '操作',
+      key: 'action',
+      width: 160,
+      fixed: 'right',
+      align: 'center',
+      hideInSetting: true
+    }
+  ]);
+
+  /* 搜索 */
+  const reload = (where?: CreditCompetitorParam) => {
+    if (where && Object.prototype.hasOwnProperty.call(where, 'keywords')) {
+      searchText.value = where.keywords ?? '';
+    }
+    const targetWhere = where ?? { keywords: searchText.value || undefined };
+    selection.value = [];
+    tableRef?.value?.reload({ where: targetWhere });
+  };
+
+  /* 打开编辑弹窗 */
+  const openEdit = (row?: CreditCompetitor) => {
+    current.value = row ?? null;
+    showEdit.value = true;
+  };
+
+  /* 打开批量移动弹窗 */
+  const openMove = () => {
+    showMove.value = true;
+  };
+
+  /* 打开导入弹窗 */
+  const openImport = () => {
+    showImport.value = true;
+  };
+
+  /* 导出 */
+  const exportData = () => {
+    exportCreditData<CreditCompetitor>({
+      filename: '竞争对手',
+      columns: [
+        { title: '序号', dataIndex: 'id' },
+        { title: '企业名称', dataIndex: 'companyName' },
+        { title: '法定代表人', dataIndex: 'legalRepresentative' },
+        { title: '注册资本', dataIndex: 'registeredCapital' },
+        { title: '成立日期', dataIndex: 'establishmentDate' },
+        { title: '所属行业', dataIndex: 'industry' },
+        { title: '所属省份', dataIndex: 'province' },
+        {
+          title: '创建时间',
+          dataIndex: 'createTime',
+          formatter: (record: CreditCompetitor) =>
+            record.createTime
+              ? toDateString(record.createTime, 'yyyy-MM-dd HH:mm:ss')
+              : ''
+        }
+      ],
+      fetchData: () =>
+        listCreditCompetitor({
+          keywords: searchText.value || undefined
+        })
+    });
+  };
+
+  /* 删除单个 */
+  const remove = (row: CreditCompetitor) => {
+    const hide = message.loading('请求中..', 0);
+    removeCreditCompetitor(row.id)
+      .then((msg) => {
+        hide();
+        message.success(msg);
+        reload();
+      })
+      .catch((e) => {
+        hide();
+        message.error(e.message);
+      });
+  };
+
+  /* 批量删除 */
+  const removeBatch = () => {
+    if (!selection.value.length) {
+      message.error('请至少选择一条数据');
+      return;
+    }
+    Modal.confirm({
+      title: '提示',
+      content: '确定要删除选中的记录吗?',
+      icon: createVNode(ExclamationCircleOutlined),
+      maskClosable: true,
+      onOk: () => {
+        const hide = message.loading('请求中..', 0);
+        removeBatchCreditCompetitor(selection.value.map((d) => d.id))
+          .then((msg) => {
+            hide();
+            message.success(msg);
+            reload();
+          })
+          .catch((e) => {
+            hide();
+            message.error(e.message);
+          });
+      }
+    });
+  };
+
+  /* 查询 */
+  const query = () => {
+    loading.value = true;
+  };
+
+  /* 自定义行属性 */
+  const customRow = (record: CreditCompetitor) => {
+    return {
+      // 行点击事件
+      onClick: () => {
+        // console.log(record);
+      },
+      // 行双击事件
+      onDblclick: () => {
+        openEdit(record);
+      }
+    };
+  };
+  query();
+</script>
+
+<script lang="ts">
+  export default {
+    name: 'CreditCompetitor'
+  };
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/views/credit/creditCourtAnnouncement/components/credit-court-announcement-import.vue b/src/views/credit/creditCourtAnnouncement/components/credit-court-announcement-import.vue
new file mode 100644
index 0000000..f2fee14
--- /dev/null
+++ b/src/views/credit/creditCourtAnnouncement/components/credit-court-announcement-import.vue
@@ -0,0 +1,96 @@
+<!-- 法院公告导入弹窗 -->
+<template>
+  <ele-modal
+    :width="520"
+    :footer="null"
+    title="法院公告批量导入"
+    :visible="visible"
+    @update:visible="updateVisible"
+  >
+    <a-spin :spinning="loading">
+      <a-upload-dragger
+        accept=".xls,.xlsx"
+        :show-upload-list="false"
+        :customRequest="doUpload"
+        style="padding: 24px 0; margin-bottom: 16px"
+      >
+        <p class="ant-upload-drag-icon">
+          <cloud-upload-outlined />
+        </p>
+        <p class="ant-upload-hint">将文件拖到此处，或点击上传</p>
+      </a-upload-dragger>
+    </a-spin>
+    <div class="ele-text-center">
+      <span>只能上传xls、xlsx文件，</span>
+      <a :href="templateUrl" download="法院公告导入模板.xlsx">
+        下载导入模板
+      </a>
+    </div>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { computed, ref } from 'vue';
+  import { message } from 'ant-design-vue/es';
+  import { CloudUploadOutlined } from '@ant-design/icons-vue';
+  import { importCreditCourtAnnouncement } from '@/api/credit/creditCourtAnnouncement';
+  import { API_BASE_URL } from '@/config/setting';
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  defineProps<{
+    // 是否打开弹窗
+    visible: boolean;
+  }>();
+
+  // 导入请求状态
+  const loading = ref(false);
+
+  // 模板下载地址，保持与当前接口域名一致
+  const templateUrl = computed(() => {
+    const base = (localStorage.getItem('ApiUrl') || API_BASE_URL || '').replace(
+      /\/$/,
+      ''
+    );
+    return `${base}/credit/credit-court-announcement/import/template`;
+  });
+
+  /* 上传 */
+  const doUpload = ({ file }) => {
+    if (
+      ![
+        'application/vnd.ms-excel',
+        'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
+      ].includes(file.type)
+    ) {
+      message.error('只能选择 excel 文件');
+      return false;
+    }
+    if (file.size / 1024 / 1024 > 10) {
+      message.error('大小不能超过 10MB');
+      return false;
+    }
+    loading.value = true;
+    importCreditCourtAnnouncement(file)
+      .then((msg) => {
+        loading.value = false;
+        message.success(msg);
+        updateVisible(false);
+        emit('done');
+      })
+      .catch((e) => {
+        loading.value = false;
+        message.error(e.message);
+      });
+    return false;
+  };
+
+  /* 更新 visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+</script>
+
diff --git a/src/views/credit/creditCourtAnnouncement/components/creditCourtAnnouncementEdit.vue b/src/views/credit/creditCourtAnnouncement/components/creditCourtAnnouncementEdit.vue
new file mode 100644
index 0000000..72f5aa3
--- /dev/null
+++ b/src/views/credit/creditCourtAnnouncement/components/creditCourtAnnouncementEdit.vue
@@ -0,0 +1,300 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑法院公告司法大数据' : '添加法院公告司法大数据'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="数据类型" name="dataType">
+        <a-input
+          allow-clear
+          placeholder="请输入数据类型"
+          v-model:value="form.dataType"
+        />
+      </a-form-item>
+      <a-form-item label="原告/上诉人" name="plaintiffAppellant">
+        <a-input
+          allow-clear
+          placeholder="请输入原告/上诉人"
+          v-model:value="form.plaintiffAppellant"
+        />
+      </a-form-item>
+      <a-form-item label="被告/被上诉人" name="defendant appellee">
+        <a-input
+          allow-clear
+          placeholder="请输入被告/被上诉人"
+          v-model:value="form.appellee"
+        />
+      </a-form-item>
+      <a-form-item label="其他当事人/第三人" name="otherPartiesThirdParty">
+        <a-input
+          allow-clear
+          placeholder="请输入其他当事人/第三人"
+          v-model:value="form.otherPartiesThirdParty"
+        />
+      </a-form-item>
+      <a-form-item label="发生时间" name="occurrenceTime">
+        <a-input
+          allow-clear
+          placeholder="请输入发生时间"
+          v-model:value="form.occurrenceTime"
+        />
+      </a-form-item>
+      <a-form-item label="案号" name="caseNumber">
+        <a-input
+          allow-clear
+          placeholder="请输入案号"
+          v-model:value="form.caseNumber"
+        />
+      </a-form-item>
+      <a-form-item label="案由" name="causeOfAction">
+        <a-input
+          allow-clear
+          placeholder="请输入案由"
+          v-model:value="form.causeOfAction"
+        />
+      </a-form-item>
+      <a-form-item label="涉案金额" name="involvedAmount">
+        <a-input
+          allow-clear
+          placeholder="请输入涉案金额"
+          v-model:value="form.involvedAmount"
+        />
+      </a-form-item>
+      <a-form-item label="法院" name="courtName">
+        <a-input
+          allow-clear
+          placeholder="请输入法院"
+          v-model:value="form.courtName"
+        />
+      </a-form-item>
+      <a-form-item label="数据状态" name="dataStatus">
+        <a-input
+          allow-clear
+          placeholder="请输入数据状态"
+          v-model:value="form.dataStatus"
+        />
+      </a-form-item>
+      <a-form-item label="备注" name="comments">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="请输入描述"
+          v-model:value="form.comments"
+        />
+      </a-form-item>
+      <a-form-item label="是否推荐" name="recommend">
+        <a-input
+          allow-clear
+          placeholder="请输入是否推荐"
+          v-model:value="form.recommend"
+        />
+      </a-form-item>
+      <a-form-item label="排序(数字越小越靠前)" name="sortNumber">
+        <a-input-number
+          :min="0"
+          :max="9999"
+          class="ele-fluid"
+          placeholder="请输入排序号"
+          v-model:value="form.sortNumber"
+        />
+      </a-form-item>
+      <a-form-item label="状态, 0正常, 1冻结" name="status">
+        <a-radio-group v-model:value="form.status">
+          <a-radio :value="0">显示</a-radio>
+          <a-radio :value="1">隐藏</a-radio>
+        </a-radio-group>
+      </a-form-item>
+      <a-form-item label="是否删除, 0否, 1是" name="deleted">
+        <a-input
+          allow-clear
+          placeholder="请输入是否删除, 0否, 1是"
+          v-model:value="form.deleted"
+        />
+      </a-form-item>
+      <a-form-item label="用户ID" name="userId">
+        <a-input
+          allow-clear
+          placeholder="请输入用户ID"
+          v-model:value="form.userId"
+        />
+      </a-form-item>
+      <a-form-item label="修改时间" name="updateTime">
+        <a-input
+          allow-clear
+          placeholder="请输入修改时间"
+          v-model:value="form.updateTime"
+        />
+      </a-form-item>
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, watch } from 'vue';
+  import { Form, message } from 'ant-design-vue';
+  import { assignObject, uuid } from 'ele-admin-pro';
+  import { addCreditCourtAnnouncement, updateCreditCourtAnnouncement } from '@/api/credit/creditCourtAnnouncement';
+  import { CreditCourtAnnouncement } from '@/api/credit/creditCourtAnnouncement/model';
+  import { useThemeStore } from '@/store/modules/theme';
+  import { storeToRefs } from 'pinia';
+  import { ItemType } from 'ele-admin-pro/es/ele-image-upload/types';
+  import { FormInstance } from 'ant-design-vue/es/form';
+  import { FileRecord } from '@/api/system/file/model';
+
+  // 是否是修改
+  const isUpdate = ref(false);
+  const useForm = Form.useForm;
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: CreditCourtAnnouncement | null;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  // 提交状态
+  const loading = ref(false);
+  // 是否显示最大化切换按钮
+  const maxable = ref(true);
+  // 表格选中数据
+  const formRef = ref<FormInstance | null>(null);
+  const images = ref<ItemType[]>([]);
+
+  // 用户信息
+  const form = reactive<CreditCourtAnnouncement>({
+    id: undefined,
+    dataType: undefined,
+    plaintiffAppellant: undefined,
+    appellee: undefined,
+    otherPartiesThirdParty: undefined,
+    occurrenceTime: undefined,
+    caseNumber: undefined,
+    causeOfAction: undefined,
+    involvedAmount: undefined,
+    courtName: undefined,
+    dataStatus: undefined,
+    comments: undefined,
+    recommend: undefined,
+    sortNumber: undefined,
+    status: undefined,
+    deleted: undefined,
+    userId: undefined,
+    tenantId: undefined,
+    createTime: undefined,
+    updateTime: undefined,
+    creditCourtAnnouncementId: undefined,
+    creditCourtAnnouncementName: '',
+    status: 0,
+    comments: '',
+    sortNumber: 100
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    creditCourtAnnouncementName: [
+      {
+        required: true,
+        type: 'string',
+        message: '请填写法院公告司法大数据名称',
+        trigger: 'blur'
+      }
+    ]
+  });
+
+  const chooseImage = (data: FileRecord) => {
+    images.value.push({
+      uid: data.id,
+      url: data.path,
+      status: 'done'
+    });
+    form.image = data.path;
+  };
+
+  const onDeleteItem = (index: number) => {
+    images.value.splice(index, 1);
+    form.image = '';
+  };
+
+  const { resetFields } = useForm(form, rules);
+
+  /* 保存编辑 */
+  const save = () => {
+    if (!formRef.value) {
+      return;
+    }
+    formRef.value
+      .validate()
+      .then(() => {
+        loading.value = true;
+        const formData = {
+          ...form
+        };
+        const saveOrUpdate = isUpdate.value ? updateCreditCourtAnnouncement : addCreditCourtAnnouncement;
+        saveOrUpdate(formData)
+          .then((msg) => {
+            loading.value = false;
+            message.success(msg);
+            updateVisible(false);
+            emit('done');
+          })
+          .catch((e) => {
+            loading.value = false;
+            message.error(e.message);
+          });
+      })
+      .catch(() => {});
+  };
+
+  watch(
+    () => props.visible,
+    (visible) => {
+      if (visible) {
+        images.value = [];
+        if (props.data) {
+          assignObject(form, props.data);
+          if(props.data.image){
+            images.value.push({
+              uid: uuid(),
+              url: props.data.image,
+              status: 'done'
+            })
+          }
+          isUpdate.value = true;
+        } else {
+          isUpdate.value = false;
+        }
+      } else {
+        resetFields();
+      }
+    },
+    { immediate: true }
+  );
+</script>
diff --git a/src/views/credit/creditCourtAnnouncement/components/search.vue b/src/views/credit/creditCourtAnnouncement/components/search.vue
new file mode 100644
index 0000000..82fea9d
--- /dev/null
+++ b/src/views/credit/creditCourtAnnouncement/components/search.vue
@@ -0,0 +1,42 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+    <a-button type="primary" class="ele-btn-icon" @click="add">
+      <template #icon>
+        <PlusOutlined />
+      </template>
+      <span>添加</span>
+    </a-button>
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+  import { PlusOutlined } from '@ant-design/icons-vue';
+  import type { GradeParam } from '@/api/user/grade/model';
+  import { watch } from 'vue';
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的角色
+      selection?: [];
+    }>(),
+    {}
+  );
+
+  const emit = defineEmits<{
+    (e: 'search', where?: GradeParam): void;
+    (e: 'add'): void;
+    (e: 'remove'): void;
+    (e: 'batchMove'): void;
+  }>();
+
+  // 新增
+  const add = () => {
+    emit('add');
+  };
+
+  watch(
+    () => props.selection,
+    () => {}
+  );
+</script>
diff --git a/src/views/credit/creditCourtAnnouncement/index.vue b/src/views/credit/creditCourtAnnouncement/index.vue
new file mode 100644
index 0000000..1e6a885
--- /dev/null
+++ b/src/views/credit/creditCourtAnnouncement/index.vue
@@ -0,0 +1,329 @@
+<template>
+  <a-page-header :title="getPageTitle()" @back="() => $router.go(-1)">
+    <a-card :bordered="false" :body-style="{ padding: '16px' }">
+      <ele-pro-table
+        ref="tableRef"
+        row-key="id"
+        :columns="columns"
+        :datasource="datasource"
+        :customRow="customRow"
+        tool-class="ele-toolbar-form"
+        class="sys-org-table"
+      >
+        <template #toolbar>
+          <search
+            @search="reload"
+            :selection="selection"
+            @add="openEdit"
+            @remove="removeBatch"
+            @batchMove="openMove"
+            @importData="openImport"
+            @exportData="exportData"
+          />
+        </template>
+        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'image'">
+            <a-image :src="record.image" :width="50" />
+          </template>
+          <template v-if="column.key === 'status'">
+            <a-tag v-if="record.status === 0" color="green">显示</a-tag>
+            <a-tag v-if="record.status === 1" color="red">隐藏</a-tag>
+          </template>
+          <template v-if="column.key === 'action'">
+            <a-space>
+              <a @click="openEdit(record)">修改</a>
+              <a-divider type="vertical" />
+              <a-popconfirm
+                title="确定要删除此记录吗？"
+                @confirm="remove(record)"
+              >
+                <a class="ele-text-danger">删除</a>
+              </a-popconfirm>
+            </a-space>
+          </template>
+        </template>
+      </ele-pro-table>
+    </a-card>
+
+    <!-- 编辑弹窗 -->
+    <CreditCourtAnnouncementEdit
+      v-model:visible="showEdit"
+      :data="current"
+      @done="reload"
+    />
+    <!-- 导入弹窗 -->
+    <CreditCourtAnnouncementImport
+      v-model:visible="showImport"
+      @done="reload"
+    />
+  </a-page-header>
+</template>
+
+<script lang="ts" setup>
+  import { createVNode, ref } from 'vue';
+  import { message, Modal } from 'ant-design-vue';
+  import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
+  import type { EleProTable } from 'ele-admin-pro';
+  import { toDateString } from 'ele-admin-pro';
+  import type {
+    DatasourceFunction,
+    ColumnItem
+  } from 'ele-admin-pro/es/ele-pro-table/types';
+  import Search from '@/views/credit/components/CreditSearchToolbar.vue';
+  import { exportCreditData } from '../utils/export';
+  import { getPageTitle } from '@/utils/common';
+  import CreditCourtAnnouncementEdit from './components/creditCourtAnnouncementEdit.vue';
+  import CreditCourtAnnouncementImport from './components/credit-court-announcement-import.vue';
+  import {
+    pageCreditCourtAnnouncement,
+    listCreditCourtAnnouncement,
+    removeCreditCourtAnnouncement,
+    removeBatchCreditCourtAnnouncement
+  } from '@/api/credit/creditCourtAnnouncement';
+  import type {
+    CreditCourtAnnouncement,
+    CreditCourtAnnouncementParam
+  } from '@/api/credit/creditCourtAnnouncement/model';
+
+  // 表格实例
+  const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+  // 表格选中数据
+  const selection = ref<CreditCourtAnnouncement[]>([]);
+  // 当前编辑数据
+  const current = ref<CreditCourtAnnouncement | null>(null);
+  // 是否显示编辑弹窗
+  const showEdit = ref(false);
+  // 是否显示导入弹窗
+  const showImport = ref(false);
+  // 是否显示批量移动弹窗
+  const showMove = ref(false);
+  // 加载状态
+  const loading = ref(true);
+  // 搜索关键词
+  const searchText = ref('');
+
+  // 表格数据源
+  const datasource: DatasourceFunction = ({
+    page,
+    limit,
+    where = {},
+    orders,
+    filters
+  }) => {
+    const params: CreditCourtAnnouncementParam = { ...where };
+    if (filters) {
+      (params as any).status = filters.status;
+    }
+    if (!params.keywords && searchText.value) {
+      params.keywords = searchText.value;
+    }
+    return pageCreditCourtAnnouncement({
+      ...params,
+      ...orders,
+      page,
+      limit
+    });
+  };
+
+  // 关键信息列
+  const columns = ref<ColumnItem[]>([
+    {
+      title: 'ID',
+      dataIndex: 'id',
+      key: 'id',
+      width: 80
+    },
+    {
+      title: '数据类型',
+      dataIndex: 'dataType',
+      key: 'dataType',
+      ellipsis: true
+    },
+    {
+      title: '原告/上诉人',
+      dataIndex: 'plaintiffAppellant',
+      key: 'plaintiffAppellant',
+      ellipsis: true
+    },
+    {
+      title: '发生时间',
+      dataIndex: 'occurrenceTime',
+      key: 'occurrenceTime',
+      width: 120
+    },
+    {
+      title: '案号',
+      dataIndex: 'caseNumber',
+      key: 'caseNumber',
+      ellipsis: true
+    },
+    {
+      title: '案由',
+      dataIndex: 'causeOfAction',
+      key: 'causeOfAction',
+      ellipsis: true
+    },
+    {
+      title: '涉案金额',
+      dataIndex: 'involvedAmount',
+      key: 'involvedAmount',
+      width: 120
+    },
+    {
+      title: '法院',
+      dataIndex: 'courtName',
+      key: 'courtName',
+      ellipsis: true
+    },
+    {
+      title: '数据状态',
+      dataIndex: 'dataStatus',
+      key: 'dataStatus',
+      ellipsis: true
+    },
+    {
+      title: '创建时间',
+      dataIndex: 'createTime',
+      key: 'createTime',
+      width: 180,
+      align: 'center',
+      ellipsis: true,
+      customRender: ({ text }) => toDateString(text, 'yyyy-MM-dd HH:mm:ss')
+    },
+    {
+      title: '操作',
+      key: 'action',
+      width: 160,
+      fixed: 'right',
+      align: 'center',
+      hideInSetting: true
+    }
+  ]);
+
+  /* 搜索 */
+  const reload = (where?: CreditCourtAnnouncementParam) => {
+    if (where && Object.prototype.hasOwnProperty.call(where, 'keywords')) {
+      searchText.value = where.keywords ?? '';
+    }
+    const targetWhere = where ?? { keywords: searchText.value || undefined };
+    selection.value = [];
+    tableRef?.value?.reload({ where: targetWhere });
+  };
+
+  /* 打开编辑弹窗 */
+  const openEdit = (row?: CreditCourtAnnouncement) => {
+    current.value = row ?? null;
+    showEdit.value = true;
+  };
+
+  /* 打开批量移动弹窗 */
+  const openMove = () => {
+    showMove.value = true;
+  };
+
+  /* 打开导入弹窗 */
+  const openImport = () => {
+    showImport.value = true;
+  };
+
+  /* 导出 */
+  const exportData = () => {
+    exportCreditData<CreditCourtAnnouncement>({
+      filename: '法院公告',
+      columns: [
+        { title: 'ID', dataIndex: 'id' },
+        { title: '数据类型', dataIndex: 'dataType' },
+        { title: '原告/上诉人', dataIndex: 'plaintiffAppellant' },
+        { title: '发生时间', dataIndex: 'occurrenceTime' },
+        { title: '案号', dataIndex: 'caseNumber' },
+        { title: '案由', dataIndex: 'causeOfAction' },
+        { title: '涉案金额', dataIndex: 'involvedAmount' },
+        { title: '法院', dataIndex: 'courtName' },
+        { title: '数据状态', dataIndex: 'dataStatus' },
+        {
+          title: '创建时间',
+          dataIndex: 'createTime',
+          formatter: (record: CreditCourtAnnouncement) =>
+            record.createTime
+              ? toDateString(record.createTime, 'yyyy-MM-dd HH:mm:ss')
+              : ''
+        }
+      ],
+      fetchData: () =>
+        listCreditCourtAnnouncement({
+          keywords: searchText.value || undefined
+        })
+    });
+  };
+
+  /* 删除单个 */
+  const remove = (row: CreditCourtAnnouncement) => {
+    const hide = message.loading('请求中..', 0);
+    removeCreditCourtAnnouncement(row.id)
+      .then((msg) => {
+        hide();
+        message.success(msg);
+        reload();
+      })
+      .catch((e) => {
+        hide();
+        message.error(e.message);
+      });
+  };
+
+  /* 批量删除 */
+  const removeBatch = () => {
+    if (!selection.value.length) {
+      message.error('请至少选择一条数据');
+      return;
+    }
+    Modal.confirm({
+      title: '提示',
+      content: '确定要删除选中的记录吗?',
+      icon: createVNode(ExclamationCircleOutlined),
+      maskClosable: true,
+      onOk: () => {
+        const hide = message.loading('请求中..', 0);
+        removeBatchCreditCourtAnnouncement(selection.value.map((d) => d.id))
+          .then((msg) => {
+            hide();
+            message.success(msg);
+            reload();
+          })
+          .catch((e) => {
+            hide();
+            message.error(e.message);
+          });
+      }
+    });
+  };
+
+  /* 查询 */
+  const query = () => {
+    loading.value = true;
+  };
+
+  /* 自定义行属性 */
+  const customRow = (record: CreditCourtAnnouncement) => {
+    return {
+      // 行点击事件
+      onClick: () => {
+        // console.log(record);
+      },
+      // 行双击事件
+      onDblclick: () => {
+        openEdit(record);
+      }
+    };
+  };
+  query();
+</script>
+
+<script lang="ts">
+  export default {
+    name: 'CreditCourtAnnouncement'
+  };
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/views/credit/creditCourtSession/components/credit-court-session-import.vue b/src/views/credit/creditCourtSession/components/credit-court-session-import.vue
new file mode 100644
index 0000000..34a3a7c
--- /dev/null
+++ b/src/views/credit/creditCourtSession/components/credit-court-session-import.vue
@@ -0,0 +1,96 @@
+<!-- 开庭公告导入弹窗 -->
+<template>
+  <ele-modal
+    :width="520"
+    :footer="null"
+    title="开庭公告批量导入"
+    :visible="visible"
+    @update:visible="updateVisible"
+  >
+    <a-spin :spinning="loading">
+      <a-upload-dragger
+        accept=".xls,.xlsx"
+        :show-upload-list="false"
+        :customRequest="doUpload"
+        style="padding: 24px 0; margin-bottom: 16px"
+      >
+        <p class="ant-upload-drag-icon">
+          <cloud-upload-outlined />
+        </p>
+        <p class="ant-upload-hint">将文件拖到此处，或点击上传</p>
+      </a-upload-dragger>
+    </a-spin>
+    <div class="ele-text-center">
+      <span>只能上传xls、xlsx文件，</span>
+      <a :href="templateUrl" download="开庭公告导入模板.xlsx">
+        下载导入模板
+      </a>
+    </div>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { computed, ref } from 'vue';
+  import { message } from 'ant-design-vue/es';
+  import { CloudUploadOutlined } from '@ant-design/icons-vue';
+  import { importCreditCourtSession } from '@/api/credit/creditCourtSession';
+  import { API_BASE_URL } from '@/config/setting';
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  defineProps<{
+    // 是否打开弹窗
+    visible: boolean;
+  }>();
+
+  // 导入请求状态
+  const loading = ref(false);
+
+  // 模板下载地址，保持与当前接口域名一致
+  const templateUrl = computed(() => {
+    const base = (localStorage.getItem('ApiUrl') || API_BASE_URL || '').replace(
+      /\/$/,
+      ''
+    );
+    return `${base}/credit/credit-court-session/import/template`;
+  });
+
+  /* 上传 */
+  const doUpload = ({ file }) => {
+    if (
+      ![
+        'application/vnd.ms-excel',
+        'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
+      ].includes(file.type)
+    ) {
+      message.error('只能选择 excel 文件');
+      return false;
+    }
+    if (file.size / 1024 / 1024 > 10) {
+      message.error('大小不能超过 10MB');
+      return false;
+    }
+    loading.value = true;
+    importCreditCourtSession(file)
+      .then((msg) => {
+        loading.value = false;
+        message.success(msg);
+        updateVisible(false);
+        emit('done');
+      })
+      .catch((e) => {
+        loading.value = false;
+        message.error(e.message);
+      });
+    return false;
+  };
+
+  /* 更新 visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+</script>
+
diff --git a/src/views/credit/creditCourtSession/components/creditCourtSessionEdit.vue b/src/views/credit/creditCourtSession/components/creditCourtSessionEdit.vue
new file mode 100644
index 0000000..ad03d47
--- /dev/null
+++ b/src/views/credit/creditCourtSession/components/creditCourtSessionEdit.vue
@@ -0,0 +1,300 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑开庭公告司法大数据' : '添加开庭公告司法大数据'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="数据类型" name="dataType">
+        <a-input
+          allow-clear
+          placeholder="请输入数据类型"
+          v-model:value="form.dataType"
+        />
+      </a-form-item>
+      <a-form-item label="原告/上诉人" name="plaintiffAppellant">
+        <a-input
+          allow-clear
+          placeholder="请输入原告/上诉人"
+          v-model:value="form.plaintiffAppellant"
+        />
+      </a-form-item>
+      <a-form-item label="被告/被上诉人" name="defendant appellee">
+        <a-input
+          allow-clear
+          placeholder="请输入被告/被上诉人"
+          v-model:value="form.appellee"
+        />
+      </a-form-item>
+      <a-form-item label="其他当事人/第三人" name="otherPartiesThirdParty">
+        <a-input
+          allow-clear
+          placeholder="请输入其他当事人/第三人"
+          v-model:value="form.otherPartiesThirdParty"
+        />
+      </a-form-item>
+      <a-form-item label="发生时间" name="occurrenceTime">
+        <a-input
+          allow-clear
+          placeholder="请输入发生时间"
+          v-model:value="form.occurrenceTime"
+        />
+      </a-form-item>
+      <a-form-item label="案号" name="caseNumber">
+        <a-input
+          allow-clear
+          placeholder="请输入案号"
+          v-model:value="form.caseNumber"
+        />
+      </a-form-item>
+      <a-form-item label="案由" name="causeOfAction">
+        <a-input
+          allow-clear
+          placeholder="请输入案由"
+          v-model:value="form.causeOfAction"
+        />
+      </a-form-item>
+      <a-form-item label="涉案金额" name="involvedAmount">
+        <a-input
+          allow-clear
+          placeholder="请输入涉案金额"
+          v-model:value="form.involvedAmount"
+        />
+      </a-form-item>
+      <a-form-item label="法院" name="courtName">
+        <a-input
+          allow-clear
+          placeholder="请输入法院"
+          v-model:value="form.courtName"
+        />
+      </a-form-item>
+      <a-form-item label="数据状态" name="dataStatus">
+        <a-input
+          allow-clear
+          placeholder="请输入数据状态"
+          v-model:value="form.dataStatus"
+        />
+      </a-form-item>
+      <a-form-item label="备注" name="comments">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="请输入描述"
+          v-model:value="form.comments"
+        />
+      </a-form-item>
+      <a-form-item label="是否推荐" name="recommend">
+        <a-input
+          allow-clear
+          placeholder="请输入是否推荐"
+          v-model:value="form.recommend"
+        />
+      </a-form-item>
+      <a-form-item label="排序(数字越小越靠前)" name="sortNumber">
+        <a-input-number
+          :min="0"
+          :max="9999"
+          class="ele-fluid"
+          placeholder="请输入排序号"
+          v-model:value="form.sortNumber"
+        />
+      </a-form-item>
+      <a-form-item label="状态, 0正常, 1冻结" name="status">
+        <a-radio-group v-model:value="form.status">
+          <a-radio :value="0">显示</a-radio>
+          <a-radio :value="1">隐藏</a-radio>
+        </a-radio-group>
+      </a-form-item>
+      <a-form-item label="是否删除, 0否, 1是" name="deleted">
+        <a-input
+          allow-clear
+          placeholder="请输入是否删除, 0否, 1是"
+          v-model:value="form.deleted"
+        />
+      </a-form-item>
+      <a-form-item label="用户ID" name="userId">
+        <a-input
+          allow-clear
+          placeholder="请输入用户ID"
+          v-model:value="form.userId"
+        />
+      </a-form-item>
+      <a-form-item label="修改时间" name="updateTime">
+        <a-input
+          allow-clear
+          placeholder="请输入修改时间"
+          v-model:value="form.updateTime"
+        />
+      </a-form-item>
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, watch } from 'vue';
+  import { Form, message } from 'ant-design-vue';
+  import { assignObject, uuid } from 'ele-admin-pro';
+  import {
+    addCreditCourtSession,
+    updateCreditCourtSession
+  } from '@/api/credit/creditCourtSession';
+  import { CreditCourtSession } from '@/api/credit/creditCourtSession/model';
+  import { useThemeStore } from '@/store/modules/theme';
+  import { storeToRefs } from 'pinia';
+  import { ItemType } from 'ele-admin-pro/es/ele-image-upload/types';
+  import { FormInstance } from 'ant-design-vue/es/form';
+  import { FileRecord } from '@/api/system/file/model';
+
+  // 是否是修改
+  const isUpdate = ref(false);
+  const useForm = Form.useForm;
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: CreditCourtSession | null;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  // 提交状态
+  const loading = ref(false);
+  // 是否显示最大化切换按钮
+  const maxable = ref(true);
+  // 表格选中数据
+  const formRef = ref<FormInstance | null>(null);
+  const images = ref<ItemType[]>([]);
+
+  // 用户信息
+  const form = reactive<CreditCourtSession>({
+    id: undefined,
+    dataType: undefined,
+    plaintiffAppellant: undefined,
+    appellee: undefined,
+    otherPartiesThirdParty: undefined,
+    occurrenceTime: undefined,
+    caseNumber: undefined,
+    causeOfAction: undefined,
+    involvedAmount: undefined,
+    courtName: undefined,
+    dataStatus: undefined,
+    recommend: undefined,
+    sortNumber: undefined,
+    deleted: undefined,
+    userId: undefined,
+    tenantId: undefined,
+    createTime: undefined,
+    updateTime: undefined,
+    status: 0,
+    comments: ''
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    creditCourtSessionName: [
+      {
+        required: true,
+        type: 'string',
+        message: '请填写开庭公告司法大数据名称',
+        trigger: 'blur'
+      }
+    ]
+  });
+
+  const chooseImage = (data: FileRecord) => {
+    images.value.push({
+      uid: data.id,
+      url: data.path,
+      status: 'done'
+    });
+    form.image = data.path;
+  };
+
+  const onDeleteItem = (index: number) => {
+    images.value.splice(index, 1);
+    form.image = '';
+  };
+
+  const { resetFields } = useForm(form, rules);
+
+  /* 保存编辑 */
+  const save = () => {
+    if (!formRef.value) {
+      return;
+    }
+    formRef.value
+      .validate()
+      .then(() => {
+        loading.value = true;
+        const formData = {
+          ...form
+        };
+        const saveOrUpdate = isUpdate.value
+          ? updateCreditCourtSession
+          : addCreditCourtSession;
+        saveOrUpdate(formData)
+          .then((msg) => {
+            loading.value = false;
+            message.success(msg);
+            updateVisible(false);
+            emit('done');
+          })
+          .catch((e) => {
+            loading.value = false;
+            message.error(e.message);
+          });
+      })
+      .catch(() => {});
+  };
+
+  watch(
+    () => props.visible,
+    (visible) => {
+      if (visible) {
+        images.value = [];
+        if (props.data) {
+          assignObject(form, props.data);
+          if (props.data.image) {
+            images.value.push({
+              uid: uuid(),
+              url: props.data.image,
+              status: 'done'
+            });
+          }
+          isUpdate.value = true;
+        } else {
+          isUpdate.value = false;
+        }
+      } else {
+        resetFields();
+      }
+    },
+    { immediate: true }
+  );
+</script>
diff --git a/src/views/credit/creditCourtSession/components/search.vue b/src/views/credit/creditCourtSession/components/search.vue
new file mode 100644
index 0000000..82fea9d
--- /dev/null
+++ b/src/views/credit/creditCourtSession/components/search.vue
@@ -0,0 +1,42 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+    <a-button type="primary" class="ele-btn-icon" @click="add">
+      <template #icon>
+        <PlusOutlined />
+      </template>
+      <span>添加</span>
+    </a-button>
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+  import { PlusOutlined } from '@ant-design/icons-vue';
+  import type { GradeParam } from '@/api/user/grade/model';
+  import { watch } from 'vue';
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的角色
+      selection?: [];
+    }>(),
+    {}
+  );
+
+  const emit = defineEmits<{
+    (e: 'search', where?: GradeParam): void;
+    (e: 'add'): void;
+    (e: 'remove'): void;
+    (e: 'batchMove'): void;
+  }>();
+
+  // 新增
+  const add = () => {
+    emit('add');
+  };
+
+  watch(
+    () => props.selection,
+    () => {}
+  );
+</script>
diff --git a/src/views/credit/creditCourtSession/index.vue b/src/views/credit/creditCourtSession/index.vue
new file mode 100644
index 0000000..0b0c7c9
--- /dev/null
+++ b/src/views/credit/creditCourtSession/index.vue
@@ -0,0 +1,326 @@
+<template>
+  <a-page-header :title="getPageTitle()" @back="() => $router.go(-1)">
+    <a-card :bordered="false" :body-style="{ padding: '16px' }">
+      <ele-pro-table
+        ref="tableRef"
+        row-key="id"
+        :columns="columns"
+        :datasource="datasource"
+        :customRow="customRow"
+        tool-class="ele-toolbar-form"
+        class="sys-org-table"
+      >
+        <template #toolbar>
+          <search
+            @search="reload"
+            :selection="selection"
+            @add="openEdit"
+            @remove="removeBatch"
+            @batchMove="openMove"
+            @importData="openImport"
+            @exportData="exportData"
+          />
+        </template>
+        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'image'">
+            <a-image :src="record.image" :width="50" />
+          </template>
+          <template v-if="column.key === 'status'">
+            <a-tag v-if="record.status === 0" color="green">显示</a-tag>
+            <a-tag v-if="record.status === 1" color="red">隐藏</a-tag>
+          </template>
+          <template v-if="column.key === 'action'">
+            <a-space>
+              <a @click="openEdit(record)">修改</a>
+              <a-divider type="vertical" />
+              <a-popconfirm
+                title="确定要删除此记录吗？"
+                @confirm="remove(record)"
+              >
+                <a class="ele-text-danger">删除</a>
+              </a-popconfirm>
+            </a-space>
+          </template>
+        </template>
+      </ele-pro-table>
+    </a-card>
+
+    <!-- 编辑弹窗 -->
+    <CreditCourtSessionEdit
+      v-model:visible="showEdit"
+      :data="current"
+      @done="reload"
+    />
+    <!-- 导入弹窗 -->
+    <CreditCourtSessionImport v-model:visible="showImport" @done="reload" />
+  </a-page-header>
+</template>
+
+<script lang="ts" setup>
+  import { createVNode, ref } from 'vue';
+  import { message, Modal } from 'ant-design-vue';
+  import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
+  import type { EleProTable } from 'ele-admin-pro';
+  import { toDateString } from 'ele-admin-pro';
+  import type {
+    DatasourceFunction,
+    ColumnItem
+  } from 'ele-admin-pro/es/ele-pro-table/types';
+  import Search from '@/views/credit/components/CreditSearchToolbar.vue';
+  import { exportCreditData } from '../utils/export';
+  import { getPageTitle } from '@/utils/common';
+  import CreditCourtSessionEdit from './components/creditCourtSessionEdit.vue';
+  import CreditCourtSessionImport from './components/credit-court-session-import.vue';
+  import {
+    pageCreditCourtSession,
+    listCreditCourtSession,
+    removeCreditCourtSession,
+    removeBatchCreditCourtSession
+  } from '@/api/credit/creditCourtSession';
+  import type {
+    CreditCourtSession,
+    CreditCourtSessionParam
+  } from '@/api/credit/creditCourtSession/model';
+
+  // 表格实例
+  const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+  // 表格选中数据
+  const selection = ref<CreditCourtSession[]>([]);
+  // 当前编辑数据
+  const current = ref<CreditCourtSession | null>(null);
+  // 是否显示编辑弹窗
+  const showEdit = ref(false);
+  // 是否显示导入弹窗
+  const showImport = ref(false);
+  // 是否显示批量移动弹窗
+  const showMove = ref(false);
+  // 加载状态
+  const loading = ref(true);
+  // 搜索关键词
+  const searchText = ref('');
+
+  // 表格数据源
+  const datasource: DatasourceFunction = ({
+    page,
+    limit,
+    where = {},
+    orders,
+    filters
+  }) => {
+    const params: CreditCourtSessionParam = { ...where };
+    if (filters) {
+      (params as any).status = filters.status;
+    }
+    if (!params.keywords && searchText.value) {
+      params.keywords = searchText.value;
+    }
+    return pageCreditCourtSession({
+      ...params,
+      ...orders,
+      page,
+      limit
+    });
+  };
+
+  // 关键信息列
+  const columns = ref<ColumnItem[]>([
+    {
+      title: 'ID',
+      dataIndex: 'id',
+      key: 'id',
+      width: 80
+    },
+    {
+      title: '数据类型',
+      dataIndex: 'dataType',
+      key: 'dataType',
+      ellipsis: true
+    },
+    {
+      title: '原告/上诉人',
+      dataIndex: 'plaintiffAppellant',
+      key: 'plaintiffAppellant',
+      ellipsis: true
+    },
+    {
+      title: '发生时间',
+      dataIndex: 'occurrenceTime',
+      key: 'occurrenceTime',
+      width: 120
+    },
+    {
+      title: '案号',
+      dataIndex: 'caseNumber',
+      key: 'caseNumber',
+      ellipsis: true
+    },
+    {
+      title: '案由',
+      dataIndex: 'causeOfAction',
+      key: 'causeOfAction',
+      ellipsis: true
+    },
+    {
+      title: '涉案金额',
+      dataIndex: 'involvedAmount',
+      key: 'involvedAmount',
+      width: 120
+    },
+    {
+      title: '法院',
+      dataIndex: 'courtName',
+      key: 'courtName',
+      ellipsis: true
+    },
+    {
+      title: '数据状态',
+      dataIndex: 'dataStatus',
+      key: 'dataStatus',
+      ellipsis: true
+    },
+    {
+      title: '创建时间',
+      dataIndex: 'createTime',
+      key: 'createTime',
+      width: 180,
+      align: 'center',
+      ellipsis: true,
+      customRender: ({ text }) => toDateString(text, 'yyyy-MM-dd HH:mm:ss')
+    },
+    {
+      title: '操作',
+      key: 'action',
+      width: 160,
+      fixed: 'right',
+      align: 'center',
+      hideInSetting: true
+    }
+  ]);
+
+  /* 搜索 */
+  const reload = (where?: CreditCourtSessionParam) => {
+    if (where && Object.prototype.hasOwnProperty.call(where, 'keywords')) {
+      searchText.value = where.keywords ?? '';
+    }
+    const targetWhere = where ?? { keywords: searchText.value || undefined };
+    selection.value = [];
+    tableRef?.value?.reload({ where: targetWhere });
+  };
+
+  /* 打开编辑弹窗 */
+  const openEdit = (row?: CreditCourtSession) => {
+    current.value = row ?? null;
+    showEdit.value = true;
+  };
+
+  /* 打开批量移动弹窗 */
+  const openMove = () => {
+    showMove.value = true;
+  };
+
+  /* 打开导入弹窗 */
+  const openImport = () => {
+    showImport.value = true;
+  };
+
+  /* 导出 */
+  const exportData = () => {
+    exportCreditData<CreditCourtSession>({
+      filename: '开庭公告',
+      columns: [
+        { title: 'ID', dataIndex: 'id' },
+        { title: '数据类型', dataIndex: 'dataType' },
+        { title: '原告/上诉人', dataIndex: 'plaintiffAppellant' },
+        { title: '发生时间', dataIndex: 'occurrenceTime' },
+        { title: '案号', dataIndex: 'caseNumber' },
+        { title: '案由', dataIndex: 'causeOfAction' },
+        { title: '涉案金额', dataIndex: 'involvedAmount' },
+        { title: '法院', dataIndex: 'courtName' },
+        { title: '数据状态', dataIndex: 'dataStatus' },
+        {
+          title: '创建时间',
+          dataIndex: 'createTime',
+          formatter: (record: CreditCourtSession) =>
+            record.createTime
+              ? toDateString(record.createTime, 'yyyy-MM-dd HH:mm:ss')
+              : ''
+        }
+      ],
+      fetchData: () =>
+        listCreditCourtSession({
+          keywords: searchText.value || undefined
+        })
+    });
+  };
+
+  /* 删除单个 */
+  const remove = (row: CreditCourtSession) => {
+    const hide = message.loading('请求中..', 0);
+    removeCreditCourtSession(row.id)
+      .then((msg) => {
+        hide();
+        message.success(msg);
+        reload();
+      })
+      .catch((e) => {
+        hide();
+        message.error(e.message);
+      });
+  };
+
+  /* 批量删除 */
+  const removeBatch = () => {
+    if (!selection.value.length) {
+      message.error('请至少选择一条数据');
+      return;
+    }
+    Modal.confirm({
+      title: '提示',
+      content: '确定要删除选中的记录吗?',
+      icon: createVNode(ExclamationCircleOutlined),
+      maskClosable: true,
+      onOk: () => {
+        const hide = message.loading('请求中..', 0);
+        removeBatchCreditCourtSession(selection.value.map((d) => d.id))
+          .then((msg) => {
+            hide();
+            message.success(msg);
+            reload();
+          })
+          .catch((e) => {
+            hide();
+            message.error(e.message);
+          });
+      }
+    });
+  };
+
+  /* 查询 */
+  const query = () => {
+    loading.value = true;
+  };
+
+  /* 自定义行属性 */
+  const customRow = (record: CreditCourtSession) => {
+    return {
+      // 行点击事件
+      onClick: () => {
+        // console.log(record);
+      },
+      // 行双击事件
+      onDblclick: () => {
+        openEdit(record);
+      }
+    };
+  };
+  query();
+</script>
+
+<script lang="ts">
+  export default {
+    name: 'CreditCourtSession'
+  };
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/views/credit/creditCustomer/components/credit-customer-import.vue b/src/views/credit/creditCustomer/components/credit-customer-import.vue
new file mode 100644
index 0000000..6bf5b10
--- /dev/null
+++ b/src/views/credit/creditCustomer/components/credit-customer-import.vue
@@ -0,0 +1,94 @@
+<!-- 客户导入弹窗 -->
+<template>
+  <ele-modal
+    :width="520"
+    :footer="null"
+    title="客户批量导入"
+    :visible="visible"
+    @update:visible="updateVisible"
+  >
+    <a-spin :spinning="loading">
+      <a-upload-dragger
+        accept=".xls,.xlsx"
+        :show-upload-list="false"
+        :customRequest="doUpload"
+        style="padding: 24px 0; margin-bottom: 16px"
+      >
+        <p class="ant-upload-drag-icon">
+          <cloud-upload-outlined />
+        </p>
+        <p class="ant-upload-hint">将文件拖到此处，或点击上传</p>
+      </a-upload-dragger>
+    </a-spin>
+    <div class="ele-text-center">
+      <span>只能上传xls、xlsx文件，</span>
+      <a :href="templateUrl" download="客户导入模板.xlsx"> 下载导入模板 </a>
+    </div>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { computed, ref } from 'vue';
+  import { message } from 'ant-design-vue/es';
+  import { CloudUploadOutlined } from '@ant-design/icons-vue';
+  import { importCreditCustomer } from '@/api/credit/creditCustomer';
+  import { API_BASE_URL } from '@/config/setting';
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  defineProps<{
+    // 是否打开弹窗
+    visible: boolean;
+  }>();
+
+  // 导入请求状态
+  const loading = ref(false);
+
+  // 模板下载地址，保持与当前接口域名一致
+  const templateUrl = computed(() => {
+    const base = (localStorage.getItem('ApiUrl') || API_BASE_URL || '').replace(
+      /\/$/,
+      ''
+    );
+    return `${base}/credit/credit-customer/import/template`;
+  });
+
+  /* 上传 */
+  const doUpload = ({ file }) => {
+    if (
+      ![
+        'application/vnd.ms-excel',
+        'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
+      ].includes(file.type)
+    ) {
+      message.error('只能选择 excel 文件');
+      return false;
+    }
+    if (file.size / 1024 / 1024 > 10) {
+      message.error('大小不能超过 10MB');
+      return false;
+    }
+    loading.value = true;
+    importCreditCustomer(file)
+      .then((msg) => {
+        loading.value = false;
+        message.success(msg);
+        updateVisible(false);
+        emit('done');
+      })
+      .catch((e) => {
+        loading.value = false;
+        message.error(e.message);
+      });
+    return false;
+  };
+
+  /* 更新 visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+</script>
+
diff --git a/src/views/credit/creditCustomer/components/creditCustomerEdit.vue b/src/views/credit/creditCustomer/components/creditCustomerEdit.vue
new file mode 100644
index 0000000..9348e17
--- /dev/null
+++ b/src/views/credit/creditCustomer/components/creditCustomerEdit.vue
@@ -0,0 +1,255 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑客户' : '添加客户'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="客户" name="name">
+        <a-input
+          allow-clear
+          placeholder="请输入客户"
+          v-model:value="form.name"
+        />
+      </a-form-item>
+      <a-form-item label="状态" name="statusTxt">
+        <a-input
+          allow-clear
+          placeholder="请输入状态"
+          v-model:value="form.statusTxt"
+        />
+      </a-form-item>
+      <a-form-item label="销售金额(万元)" name="price">
+        <a-input
+          allow-clear
+          placeholder="请输入销售金额(万元)"
+          v-model:value="form.price"
+        />
+      </a-form-item>
+      <a-form-item label="公开日期" name="publicDate">
+        <a-input
+          allow-clear
+          placeholder="请输入公开日期"
+          v-model:value="form.publicDate"
+        />
+      </a-form-item>
+      <a-form-item label="数据来源" name="dataSource">
+        <a-input
+          allow-clear
+          placeholder="请输入数据来源"
+          v-model:value="form.dataSource"
+        />
+      </a-form-item>
+      <a-form-item label="备注" name="comments">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="请输入描述"
+          v-model:value="form.comments"
+        />
+      </a-form-item>
+      <a-form-item label="是否推荐" name="recommend">
+        <a-input
+          allow-clear
+          placeholder="请输入是否推荐"
+          v-model:value="form.recommend"
+        />
+      </a-form-item>
+      <a-form-item label="排序(数字越小越靠前)" name="sortNumber">
+        <a-input-number
+          :min="0"
+          :max="9999"
+          class="ele-fluid"
+          placeholder="请输入排序号"
+          v-model:value="form.sortNumber"
+        />
+      </a-form-item>
+      <a-form-item label="状态, 0正常, 1冻结" name="status">
+        <a-radio-group v-model:value="form.status">
+          <a-radio :value="0">显示</a-radio>
+          <a-radio :value="1">隐藏</a-radio>
+        </a-radio-group>
+      </a-form-item>
+      <a-form-item label="是否删除, 0否, 1是" name="deleted">
+        <a-input
+          allow-clear
+          placeholder="请输入是否删除, 0否, 1是"
+          v-model:value="form.deleted"
+        />
+      </a-form-item>
+      <a-form-item label="用户ID" name="userId">
+        <a-input
+          allow-clear
+          placeholder="请输入用户ID"
+          v-model:value="form.userId"
+        />
+      </a-form-item>
+      <a-form-item label="修改时间" name="updateTime">
+        <a-input
+          allow-clear
+          placeholder="请输入修改时间"
+          v-model:value="form.updateTime"
+        />
+      </a-form-item>
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, watch } from 'vue';
+  import { Form, message } from 'ant-design-vue';
+  import { assignObject, uuid } from 'ele-admin-pro';
+  import { addCreditCustomer, updateCreditCustomer } from '@/api/credit/creditCustomer';
+  import { CreditCustomer } from '@/api/credit/creditCustomer/model';
+  import { useThemeStore } from '@/store/modules/theme';
+  import { storeToRefs } from 'pinia';
+  import { ItemType } from 'ele-admin-pro/es/ele-image-upload/types';
+  import { FormInstance } from 'ant-design-vue/es/form';
+  import { FileRecord } from '@/api/system/file/model';
+
+  // 是否是修改
+  const isUpdate = ref(false);
+  const useForm = Form.useForm;
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: CreditCustomer | null;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  // 提交状态
+  const loading = ref(false);
+  // 是否显示最大化切换按钮
+  const maxable = ref(true);
+  // 表格选中数据
+  const formRef = ref<FormInstance | null>(null);
+  const images = ref<ItemType[]>([]);
+
+  // 用户信息
+  const form = reactive<CreditCustomer>({
+    id: undefined,
+    name: undefined,
+    statusTxt: undefined,
+    price: undefined,
+    publicDate: undefined,
+    dataSource: undefined,
+    recommend: undefined,
+    sortNumber: undefined,
+    deleted: undefined,
+    userId: undefined,
+    tenantId: undefined,
+    createTime: undefined,
+    updateTime: undefined,
+    status: 0,
+    comments: ''
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    creditCustomerName: [
+      {
+        required: true,
+        type: 'string',
+        message: '请填写客户名称',
+        trigger: 'blur'
+      }
+    ]
+  });
+
+  const chooseImage = (data: FileRecord) => {
+    images.value.push({
+      uid: data.id,
+      url: data.path,
+      status: 'done'
+    });
+    form.image = data.path;
+  };
+
+  const onDeleteItem = (index: number) => {
+    images.value.splice(index, 1);
+    form.image = '';
+  };
+
+  const { resetFields } = useForm(form, rules);
+
+  /* 保存编辑 */
+  const save = () => {
+    if (!formRef.value) {
+      return;
+    }
+    formRef.value
+      .validate()
+      .then(() => {
+        loading.value = true;
+        const formData = {
+          ...form
+        };
+        const saveOrUpdate = isUpdate.value ? updateCreditCustomer : addCreditCustomer;
+        saveOrUpdate(formData)
+          .then((msg) => {
+            loading.value = false;
+            message.success(msg);
+            updateVisible(false);
+            emit('done');
+          })
+          .catch((e) => {
+            loading.value = false;
+            message.error(e.message);
+          });
+      })
+      .catch(() => {});
+  };
+
+  watch(
+    () => props.visible,
+    (visible) => {
+      if (visible) {
+        images.value = [];
+        if (props.data) {
+          assignObject(form, props.data);
+          if(props.data.image){
+            images.value.push({
+              uid: uuid(),
+              url: props.data.image,
+              status: 'done'
+            })
+          }
+          isUpdate.value = true;
+        } else {
+          isUpdate.value = false;
+        }
+      } else {
+        resetFields();
+      }
+    },
+    { immediate: true }
+  );
+</script>
diff --git a/src/views/credit/creditCustomer/components/search.vue b/src/views/credit/creditCustomer/components/search.vue
new file mode 100644
index 0000000..5c8b5c4
--- /dev/null
+++ b/src/views/credit/creditCustomer/components/search.vue
@@ -0,0 +1,108 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+    <a-button type="primary" class="ele-btn-icon" @click="add">
+      <template #icon>
+        <PlusOutlined />
+      </template>
+      <span>添加</span>
+    </a-button>
+    <a-button class="ele-btn-icon" @click="openImport">
+      <template #icon>
+        <CloudUploadOutlined />
+      </template>
+      <span>导入</span>
+    </a-button>
+    <a-button class="ele-btn-icon" @click="exportData">
+      <template #icon>
+        <CloudDownloadOutlined />
+      </template>
+      <span>导出</span>
+    </a-button>
+    <a-button
+      danger
+      class="ele-btn-icon"
+      :disabled="!selection?.length"
+      @click="remove"
+    >
+      <template #icon>
+        <DeleteOutlined />
+      </template>
+      <span>批量删除</span>
+    </a-button>
+    <a-input-search
+      allow-clear
+      v-model:value="keywords"
+      placeholder="请输入关键词"
+      style="width: 220px"
+      @search="handleSearch"
+      @pressEnter="handleSearch"
+    />
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+  import { computed, ref, watch } from 'vue';
+  import {
+    PlusOutlined,
+    CloudUploadOutlined,
+    CloudDownloadOutlined,
+    DeleteOutlined
+  } from '@ant-design/icons-vue';
+  import type {
+    CreditCustomer,
+    CreditCustomerParam
+  } from '@/api/credit/creditCustomer/model';
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的角色
+      selection?: CreditCustomer[];
+    }>(),
+    {
+      selection: () => []
+    }
+  );
+
+  const emit = defineEmits<{
+    (e: 'search', where?: CreditCustomerParam): void;
+    (e: 'add'): void;
+    (e: 'remove'): void;
+    (e: 'batchMove'): void;
+    (e: 'importData'): void;
+    (e: 'exportData'): void;
+  }>();
+
+  const keywords = ref('');
+  const selection = computed(() => props.selection || []);
+
+  // 新增
+  const add = () => {
+    emit('add');
+  };
+
+  // 搜索
+  const handleSearch = () => {
+    emit('search', { keywords: keywords.value });
+  };
+
+  // 导入
+  const openImport = () => {
+    emit('importData');
+  };
+
+  // 导出
+  const exportData = () => {
+    emit('exportData');
+  };
+
+  // 批量删除
+  const remove = () => {
+    emit('remove');
+  };
+
+  watch(
+    () => props.selection,
+    () => {}
+  );
+</script>
diff --git a/src/views/credit/creditCustomer/index.vue b/src/views/credit/creditCustomer/index.vue
new file mode 100644
index 0000000..0db64b0
--- /dev/null
+++ b/src/views/credit/creditCustomer/index.vue
@@ -0,0 +1,312 @@
+<template>
+  <a-page-header :title="getPageTitle()" @back="() => $router.go(-1)">
+    <a-card :bordered="false" :body-style="{ padding: '16px' }">
+      <ele-pro-table
+        ref="tableRef"
+        row-key="id"
+        :columns="columns"
+        :datasource="datasource"
+        :customRow="customRow"
+        v-model:selection="selection"
+        tool-class="ele-toolbar-form"
+        class="sys-org-table"
+      >
+        <template #toolbar>
+          <search
+            @search="reload"
+            :selection="selection"
+            @add="openEdit"
+            @remove="removeBatch"
+            @batchMove="openMove"
+            @importData="openImport"
+            @exportData="exportData"
+          />
+        </template>
+        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'image'">
+            <a-image :src="record.image" :width="50" />
+          </template>
+          <template v-if="column.key === 'name'">
+            <template v-if="record.url">
+              <a :href="record.url" target="_blank">{{ record.name }}</a>
+            </template>
+            <template v-else>
+              {{ record.name }}
+            </template>
+          </template>
+          <template v-if="column.key === 'status'">
+            <a-tag v-if="record.status === 0" color="green">显示</a-tag>
+            <a-tag v-if="record.status === 1" color="red">隐藏</a-tag>
+          </template>
+          <template v-if="column.key === 'action'">
+            <a-space>
+              <a @click="openEdit(record)">修改</a>
+              <a-divider type="vertical" />
+              <a-popconfirm
+                title="确定要删除此记录吗？"
+                @confirm="remove(record)"
+              >
+                <a class="ele-text-danger">删除</a>
+              </a-popconfirm>
+            </a-space>
+          </template>
+        </template>
+      </ele-pro-table>
+    </a-card>
+
+    <!-- 编辑弹窗 -->
+    <CreditCustomerEdit
+      v-model:visible="showEdit"
+      :data="current"
+      @done="reload"
+    />
+    <!-- 导入弹窗 -->
+    <CreditCustomerImport v-model:visible="showImport" @done="reload" />
+  </a-page-header>
+</template>
+
+<script lang="ts" setup>
+  import { createVNode, ref, computed } from 'vue';
+  import { message, Modal } from 'ant-design-vue';
+  import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
+  import type { EleProTable } from 'ele-admin-pro';
+  import { toDateString } from 'ele-admin-pro';
+  import type {
+    DatasourceFunction,
+    ColumnItem
+  } from 'ele-admin-pro/es/ele-pro-table/types';
+  import Search from './components/search.vue';
+  import { getPageTitle } from '@/utils/common';
+  import CreditCustomerEdit from './components/creditCustomerEdit.vue';
+  import {
+    pageCreditCustomer,
+    listCreditCustomer,
+    removeCreditCustomer,
+    removeBatchCreditCustomer
+  } from '@/api/credit/creditCustomer';
+  import type {
+    CreditCustomer,
+    CreditCustomerParam
+  } from '@/api/credit/creditCustomer/model';
+  import { exportCreditData } from '../utils/export';
+  import CreditCustomerImport from './components/credit-customer-import.vue';
+
+  // 表格实例
+  const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+  // 表格选中数据
+  const selection = ref<CreditCustomer[]>([]);
+  // 当前编辑数据
+  const current = ref<CreditCustomer | null>(null);
+  // 是否显示编辑弹窗
+  const showEdit = ref(false);
+  // 是否显示导入弹窗
+  const showImport = ref(false);
+  // 是否显示批量移动弹窗
+  const showMove = ref(false);
+  // 加载状态
+  const loading = ref(true);
+  // 搜索关键词
+  const searchText = ref('');
+
+  // 表格数据源
+  const datasource: DatasourceFunction = ({
+    page,
+    limit,
+    where = {},
+    orders,
+    filters
+  }) => {
+    const params: CreditCustomerParam = { ...(where as CreditCustomerParam) };
+    if (filters) {
+      (params as any).status = filters.status;
+    }
+    return pageCreditCustomer({
+      ...params,
+      ...orders,
+      page,
+      limit
+    });
+  };
+
+  // 完整的列配置（包含所有字段）
+  const columns = ref<ColumnItem[]>([
+    {
+      title: 'ID',
+      dataIndex: 'id',
+      key: 'id',
+      width: 90
+    },
+    {
+      title: '客户',
+      dataIndex: 'name',
+      key: 'name',
+      ellipsis: true
+    },
+    {
+      title: '状态',
+      dataIndex: 'statusTxt',
+      key: 'statusTxt',
+      ellipsis: true
+    },
+    {
+      title: '销售金额(万元)',
+      dataIndex: 'price',
+      key: 'price',
+      width: 120
+    },
+    {
+      title: '公开日期',
+      dataIndex: 'publicDate',
+      key: 'publicDate',
+      width: 120
+    },
+    {
+      title: '数据来源',
+      dataIndex: 'dataSource',
+      key: 'dataSource',
+      ellipsis: true
+    },
+    {
+      title: '创建时间',
+      dataIndex: 'createTime',
+      key: 'createTime',
+      width: 200,
+      align: 'center',
+      sorter: true,
+      ellipsis: true,
+      customRender: ({ text }) => toDateString(text, 'yyyy-MM-dd HH:mm:ss')
+    },
+    {
+      title: '操作',
+      key: 'action',
+      width: 180,
+      fixed: 'right',
+      align: 'center',
+      hideInSetting: true
+    }
+  ]);
+
+  /* 搜索 */
+  const reload = (where?: CreditCustomerParam) => {
+    if (where && Object.prototype.hasOwnProperty.call(where, 'keywords')) {
+      searchText.value = where.keywords ?? '';
+    }
+    const targetWhere = where ?? { keywords: searchText.value || undefined };
+    selection.value = [];
+    tableRef?.value?.reload({ where: targetWhere });
+  };
+
+  /* 打开编辑弹窗 */
+  const openEdit = (row?: CreditCustomer) => {
+    current.value = row ?? null;
+    showEdit.value = true;
+  };
+
+  /* 打开导入弹窗 */
+  const openImport = () => {
+    showImport.value = true;
+  };
+
+  /* 打开批量移动弹窗 */
+  const openMove = () => {
+    showMove.value = true;
+  };
+
+  /* 导出 */
+  const exportData = () => {
+    exportCreditData<CreditCustomer>({
+      filename: '客户列表',
+      columns: [
+        { title: 'ID', dataIndex: 'id' },
+        { title: '客户', dataIndex: 'name' },
+        { title: '状态', dataIndex: 'statusTxt' },
+        { title: '销售金额(万元)', dataIndex: 'price' },
+        { title: '公开日期', dataIndex: 'publicDate' },
+        { title: '数据来源', dataIndex: 'dataSource' },
+        { title: '备注', dataIndex: 'comments' },
+        { title: '是否推荐', dataIndex: 'recommend' },
+        { title: '排序(数字越小越靠前)', dataIndex: 'sortNumber' },
+        { title: '状态, 0正常, 1冻结', dataIndex: 'status' },
+        { title: '是否删除, 0否, 1是', dataIndex: 'deleted' },
+        { title: '用户ID', dataIndex: 'userId' },
+        { title: '创建时间', dataIndex: 'createTime' },
+        { title: '修改时间', dataIndex: 'updateTime' }
+      ],
+      fetchData: () =>
+        listCreditCustomer({
+          keywords: searchText.value || undefined
+        })
+    });
+  };
+
+  /* 删除单个 */
+  const remove = (row: CreditCustomer) => {
+    const hide = message.loading('请求中..', 0);
+    removeCreditCustomer(row.id)
+      .then((msg) => {
+        hide();
+        message.success(msg);
+        reload();
+      })
+      .catch((e) => {
+        hide();
+        message.error(e.message);
+      });
+  };
+
+  /* 批量删除 */
+  const removeBatch = () => {
+    if (!selection.value.length) {
+      message.error('请至少选择一条数据');
+      return;
+    }
+    Modal.confirm({
+      title: '提示',
+      content: '确定要删除选中的记录吗?',
+      icon: createVNode(ExclamationCircleOutlined),
+      maskClosable: true,
+      onOk: () => {
+        const hide = message.loading('请求中..', 0);
+        removeBatchCreditCustomer(selection.value.map((d) => d.id))
+          .then((msg) => {
+            hide();
+            message.success(msg);
+            reload();
+          })
+          .catch((e) => {
+            hide();
+            message.error(e.message);
+          });
+      }
+    });
+  };
+
+  /* 查询 */
+  const query = () => {
+    loading.value = true;
+  };
+
+  /* 自定义行属性 */
+  const customRow = (record: CreditCustomer) => {
+    return {
+      // 行点击事件
+      onClick: () => {
+        // console.log(record);
+      },
+      // 行双击事件
+      onDblclick: () => {
+        openEdit(record);
+      }
+    };
+  };
+  query();
+</script>
+
+<script lang="ts">
+  export default {
+    name: 'CreditCustomer'
+  };
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/views/credit/creditDeliveryNotice/components/credit-delivery-notice-import.vue b/src/views/credit/creditDeliveryNotice/components/credit-delivery-notice-import.vue
new file mode 100644
index 0000000..ec412b3
--- /dev/null
+++ b/src/views/credit/creditDeliveryNotice/components/credit-delivery-notice-import.vue
@@ -0,0 +1,96 @@
+<!-- 送达公告导入弹窗 -->
+<template>
+  <ele-modal
+    :width="520"
+    :footer="null"
+    title="送达公告批量导入"
+    :visible="visible"
+    @update:visible="updateVisible"
+  >
+    <a-spin :spinning="loading">
+      <a-upload-dragger
+        accept=".xls,.xlsx"
+        :show-upload-list="false"
+        :customRequest="doUpload"
+        style="padding: 24px 0; margin-bottom: 16px"
+      >
+        <p class="ant-upload-drag-icon">
+          <cloud-upload-outlined />
+        </p>
+        <p class="ant-upload-hint">将文件拖到此处，或点击上传</p>
+      </a-upload-dragger>
+    </a-spin>
+    <div class="ele-text-center">
+      <span>只能上传xls、xlsx文件，</span>
+      <a :href="templateUrl" download="送达公告导入模板.xlsx">
+        下载导入模板
+      </a>
+    </div>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { computed, ref } from 'vue';
+  import { message } from 'ant-design-vue/es';
+  import { CloudUploadOutlined } from '@ant-design/icons-vue';
+  import { importCreditDeliveryNotice } from '@/api/credit/creditDeliveryNotice';
+  import { API_BASE_URL } from '@/config/setting';
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  defineProps<{
+    // 是否打开弹窗
+    visible: boolean;
+  }>();
+
+  // 导入请求状态
+  const loading = ref(false);
+
+  // 模板下载地址，保持与当前接口域名一致
+  const templateUrl = computed(() => {
+    const base = (localStorage.getItem('ApiUrl') || API_BASE_URL || '').replace(
+      /\/$/,
+      ''
+    );
+    return `${base}/credit/credit-delivery-notice/import/template`;
+  });
+
+  /* 上传 */
+  const doUpload = ({ file }) => {
+    if (
+      ![
+        'application/vnd.ms-excel',
+        'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
+      ].includes(file.type)
+    ) {
+      message.error('只能选择 excel 文件');
+      return false;
+    }
+    if (file.size / 1024 / 1024 > 10) {
+      message.error('大小不能超过 10MB');
+      return false;
+    }
+    loading.value = true;
+    importCreditDeliveryNotice(file)
+      .then((msg) => {
+        loading.value = false;
+        message.success(msg);
+        updateVisible(false);
+        emit('done');
+      })
+      .catch((e) => {
+        loading.value = false;
+        message.error(e.message);
+      });
+    return false;
+  };
+
+  /* 更新 visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+</script>
+
diff --git a/src/views/credit/creditDeliveryNotice/components/creditDeliveryNoticeEdit.vue b/src/views/credit/creditDeliveryNotice/components/creditDeliveryNoticeEdit.vue
new file mode 100644
index 0000000..c4b9205
--- /dev/null
+++ b/src/views/credit/creditDeliveryNotice/components/creditDeliveryNoticeEdit.vue
@@ -0,0 +1,300 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑送达公告司法大数据' : '添加送达公告司法大数据'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="数据类型" name="dataType">
+        <a-input
+          allow-clear
+          placeholder="请输入数据类型"
+          v-model:value="form.dataType"
+        />
+      </a-form-item>
+      <a-form-item label="原告/上诉人" name="plaintiffAppellant">
+        <a-input
+          allow-clear
+          placeholder="请输入原告/上诉人"
+          v-model:value="form.plaintiffAppellant"
+        />
+      </a-form-item>
+      <a-form-item label="被告/被上诉人" name="defendant appellee">
+        <a-input
+          allow-clear
+          placeholder="请输入被告/被上诉人"
+          v-model:value="form.appellee"
+        />
+      </a-form-item>
+      <a-form-item label="其他当事人/第三人" name="otherPartiesThirdParty">
+        <a-input
+          allow-clear
+          placeholder="请输入其他当事人/第三人"
+          v-model:value="form.otherPartiesThirdParty"
+        />
+      </a-form-item>
+      <a-form-item label="发生时间" name="occurrenceTime">
+        <a-input
+          allow-clear
+          placeholder="请输入发生时间"
+          v-model:value="form.occurrenceTime"
+        />
+      </a-form-item>
+      <a-form-item label="案号" name="caseNumber">
+        <a-input
+          allow-clear
+          placeholder="请输入案号"
+          v-model:value="form.caseNumber"
+        />
+      </a-form-item>
+      <a-form-item label="案由" name="causeOfAction">
+        <a-input
+          allow-clear
+          placeholder="请输入案由"
+          v-model:value="form.causeOfAction"
+        />
+      </a-form-item>
+      <a-form-item label="涉案金额" name="involvedAmount">
+        <a-input
+          allow-clear
+          placeholder="请输入涉案金额"
+          v-model:value="form.involvedAmount"
+        />
+      </a-form-item>
+      <a-form-item label="法院" name="courtName">
+        <a-input
+          allow-clear
+          placeholder="请输入法院"
+          v-model:value="form.courtName"
+        />
+      </a-form-item>
+      <a-form-item label="数据状态" name="dataStatus">
+        <a-input
+          allow-clear
+          placeholder="请输入数据状态"
+          v-model:value="form.dataStatus"
+        />
+      </a-form-item>
+      <a-form-item label="备注" name="comments">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="请输入描述"
+          v-model:value="form.comments"
+        />
+      </a-form-item>
+      <a-form-item label="是否推荐" name="recommend">
+        <a-input
+          allow-clear
+          placeholder="请输入是否推荐"
+          v-model:value="form.recommend"
+        />
+      </a-form-item>
+      <a-form-item label="排序(数字越小越靠前)" name="sortNumber">
+        <a-input-number
+          :min="0"
+          :max="9999"
+          class="ele-fluid"
+          placeholder="请输入排序号"
+          v-model:value="form.sortNumber"
+        />
+      </a-form-item>
+      <a-form-item label="状态, 0正常, 1冻结" name="status">
+        <a-radio-group v-model:value="form.status">
+          <a-radio :value="0">显示</a-radio>
+          <a-radio :value="1">隐藏</a-radio>
+        </a-radio-group>
+      </a-form-item>
+      <a-form-item label="是否删除, 0否, 1是" name="deleted">
+        <a-input
+          allow-clear
+          placeholder="请输入是否删除, 0否, 1是"
+          v-model:value="form.deleted"
+        />
+      </a-form-item>
+      <a-form-item label="用户ID" name="userId">
+        <a-input
+          allow-clear
+          placeholder="请输入用户ID"
+          v-model:value="form.userId"
+        />
+      </a-form-item>
+      <a-form-item label="修改时间" name="updateTime">
+        <a-input
+          allow-clear
+          placeholder="请输入修改时间"
+          v-model:value="form.updateTime"
+        />
+      </a-form-item>
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, watch } from 'vue';
+  import { Form, message } from 'ant-design-vue';
+  import { assignObject, uuid } from 'ele-admin-pro';
+  import { addCreditDeliveryNotice, updateCreditDeliveryNotice } from '@/api/credit/creditDeliveryNotice';
+  import { CreditDeliveryNotice } from '@/api/credit/creditDeliveryNotice/model';
+  import { useThemeStore } from '@/store/modules/theme';
+  import { storeToRefs } from 'pinia';
+  import { ItemType } from 'ele-admin-pro/es/ele-image-upload/types';
+  import { FormInstance } from 'ant-design-vue/es/form';
+  import { FileRecord } from '@/api/system/file/model';
+
+  // 是否是修改
+  const isUpdate = ref(false);
+  const useForm = Form.useForm;
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: CreditDeliveryNotice | null;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  // 提交状态
+  const loading = ref(false);
+  // 是否显示最大化切换按钮
+  const maxable = ref(true);
+  // 表格选中数据
+  const formRef = ref<FormInstance | null>(null);
+  const images = ref<ItemType[]>([]);
+
+  // 用户信息
+  const form = reactive<CreditDeliveryNotice>({
+    id: undefined,
+    dataType: undefined,
+    plaintiffAppellant: undefined,
+    appellee: undefined,
+    otherPartiesThirdParty: undefined,
+    occurrenceTime: undefined,
+    caseNumber: undefined,
+    causeOfAction: undefined,
+    involvedAmount: undefined,
+    courtName: undefined,
+    dataStatus: undefined,
+    comments: undefined,
+    recommend: undefined,
+    sortNumber: undefined,
+    status: undefined,
+    deleted: undefined,
+    userId: undefined,
+    tenantId: undefined,
+    createTime: undefined,
+    updateTime: undefined,
+    creditDeliveryNoticeId: undefined,
+    creditDeliveryNoticeName: '',
+    status: 0,
+    comments: '',
+    sortNumber: 100
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    creditDeliveryNoticeName: [
+      {
+        required: true,
+        type: 'string',
+        message: '请填写送达公告司法大数据名称',
+        trigger: 'blur'
+      }
+    ]
+  });
+
+  const chooseImage = (data: FileRecord) => {
+    images.value.push({
+      uid: data.id,
+      url: data.path,
+      status: 'done'
+    });
+    form.image = data.path;
+  };
+
+  const onDeleteItem = (index: number) => {
+    images.value.splice(index, 1);
+    form.image = '';
+  };
+
+  const { resetFields } = useForm(form, rules);
+
+  /* 保存编辑 */
+  const save = () => {
+    if (!formRef.value) {
+      return;
+    }
+    formRef.value
+      .validate()
+      .then(() => {
+        loading.value = true;
+        const formData = {
+          ...form
+        };
+        const saveOrUpdate = isUpdate.value ? updateCreditDeliveryNotice : addCreditDeliveryNotice;
+        saveOrUpdate(formData)
+          .then((msg) => {
+            loading.value = false;
+            message.success(msg);
+            updateVisible(false);
+            emit('done');
+          })
+          .catch((e) => {
+            loading.value = false;
+            message.error(e.message);
+          });
+      })
+      .catch(() => {});
+  };
+
+  watch(
+    () => props.visible,
+    (visible) => {
+      if (visible) {
+        images.value = [];
+        if (props.data) {
+          assignObject(form, props.data);
+          if(props.data.image){
+            images.value.push({
+              uid: uuid(),
+              url: props.data.image,
+              status: 'done'
+            })
+          }
+          isUpdate.value = true;
+        } else {
+          isUpdate.value = false;
+        }
+      } else {
+        resetFields();
+      }
+    },
+    { immediate: true }
+  );
+</script>
diff --git a/src/views/credit/creditDeliveryNotice/components/search.vue b/src/views/credit/creditDeliveryNotice/components/search.vue
new file mode 100644
index 0000000..82fea9d
--- /dev/null
+++ b/src/views/credit/creditDeliveryNotice/components/search.vue
@@ -0,0 +1,42 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+    <a-button type="primary" class="ele-btn-icon" @click="add">
+      <template #icon>
+        <PlusOutlined />
+      </template>
+      <span>添加</span>
+    </a-button>
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+  import { PlusOutlined } from '@ant-design/icons-vue';
+  import type { GradeParam } from '@/api/user/grade/model';
+  import { watch } from 'vue';
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的角色
+      selection?: [];
+    }>(),
+    {}
+  );
+
+  const emit = defineEmits<{
+    (e: 'search', where?: GradeParam): void;
+    (e: 'add'): void;
+    (e: 'remove'): void;
+    (e: 'batchMove'): void;
+  }>();
+
+  // 新增
+  const add = () => {
+    emit('add');
+  };
+
+  watch(
+    () => props.selection,
+    () => {}
+  );
+</script>
diff --git a/src/views/credit/creditDeliveryNotice/index.vue b/src/views/credit/creditDeliveryNotice/index.vue
new file mode 100644
index 0000000..220b883
--- /dev/null
+++ b/src/views/credit/creditDeliveryNotice/index.vue
@@ -0,0 +1,326 @@
+<template>
+  <a-page-header :title="getPageTitle()" @back="() => $router.go(-1)">
+    <a-card :bordered="false" :body-style="{ padding: '16px' }">
+      <ele-pro-table
+        ref="tableRef"
+        row-key="id"
+        :columns="columns"
+        :datasource="datasource"
+        :customRow="customRow"
+        tool-class="ele-toolbar-form"
+        class="sys-org-table"
+      >
+        <template #toolbar>
+          <search
+            @search="reload"
+            :selection="selection"
+            @add="openEdit"
+            @remove="removeBatch"
+            @batchMove="openMove"
+            @importData="openImport"
+            @exportData="exportData"
+          />
+        </template>
+        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'image'">
+            <a-image :src="record.image" :width="50" />
+          </template>
+          <template v-if="column.key === 'status'">
+            <a-tag v-if="record.status === 0" color="green">显示</a-tag>
+            <a-tag v-if="record.status === 1" color="red">隐藏</a-tag>
+          </template>
+          <template v-if="column.key === 'action'">
+            <a-space>
+              <a @click="openEdit(record)">修改</a>
+              <a-divider type="vertical" />
+              <a-popconfirm
+                title="确定要删除此记录吗？"
+                @confirm="remove(record)"
+              >
+                <a class="ele-text-danger">删除</a>
+              </a-popconfirm>
+            </a-space>
+          </template>
+        </template>
+      </ele-pro-table>
+    </a-card>
+
+    <!-- 编辑弹窗 -->
+    <CreditDeliveryNoticeEdit
+      v-model:visible="showEdit"
+      :data="current"
+      @done="reload"
+    />
+    <!-- 导入弹窗 -->
+    <CreditDeliveryNoticeImport v-model:visible="showImport" @done="reload" />
+  </a-page-header>
+</template>
+
+<script lang="ts" setup>
+  import { createVNode, ref } from 'vue';
+  import { message, Modal } from 'ant-design-vue';
+  import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
+  import type { EleProTable } from 'ele-admin-pro';
+  import { toDateString } from 'ele-admin-pro';
+  import type {
+    DatasourceFunction,
+    ColumnItem
+  } from 'ele-admin-pro/es/ele-pro-table/types';
+  import Search from '@/views/credit/components/CreditSearchToolbar.vue';
+  import { exportCreditData } from '../utils/export';
+  import { getPageTitle } from '@/utils/common';
+  import CreditDeliveryNoticeEdit from './components/creditDeliveryNoticeEdit.vue';
+  import CreditDeliveryNoticeImport from './components/credit-delivery-notice-import.vue';
+  import {
+    pageCreditDeliveryNotice,
+    listCreditDeliveryNotice,
+    removeCreditDeliveryNotice,
+    removeBatchCreditDeliveryNotice
+  } from '@/api/credit/creditDeliveryNotice';
+  import type {
+    CreditDeliveryNotice,
+    CreditDeliveryNoticeParam
+  } from '@/api/credit/creditDeliveryNotice/model';
+
+  // 表格实例
+  const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+  // 表格选中数据
+  const selection = ref<CreditDeliveryNotice[]>([]);
+  // 当前编辑数据
+  const current = ref<CreditDeliveryNotice | null>(null);
+  // 是否显示编辑弹窗
+  const showEdit = ref(false);
+  // 是否显示导入弹窗
+  const showImport = ref(false);
+  // 是否显示批量移动弹窗
+  const showMove = ref(false);
+  // 加载状态
+  const loading = ref(true);
+  // 搜索关键词
+  const searchText = ref('');
+
+  // 表格数据源
+  const datasource: DatasourceFunction = ({
+    page,
+    limit,
+    where = {},
+    orders,
+    filters
+  }) => {
+    const params: CreditDeliveryNoticeParam = { ...where };
+    if (filters) {
+      (params as any).status = filters.status;
+    }
+    if (!params.keywords && searchText.value) {
+      params.keywords = searchText.value;
+    }
+    return pageCreditDeliveryNotice({
+      ...params,
+      ...orders,
+      page,
+      limit
+    });
+  };
+
+  // 关键信息列
+  const columns = ref<ColumnItem[]>([
+    {
+      title: 'ID',
+      dataIndex: 'id',
+      key: 'id',
+      width: 80
+    },
+    {
+      title: '数据类型',
+      dataIndex: 'dataType',
+      key: 'dataType',
+      ellipsis: true
+    },
+    {
+      title: '原告/上诉人',
+      dataIndex: 'plaintiffAppellant',
+      key: 'plaintiffAppellant',
+      ellipsis: true
+    },
+    {
+      title: '发生时间',
+      dataIndex: 'occurrenceTime',
+      key: 'occurrenceTime',
+      width: 120
+    },
+    {
+      title: '案号',
+      dataIndex: 'caseNumber',
+      key: 'caseNumber',
+      ellipsis: true
+    },
+    {
+      title: '案由',
+      dataIndex: 'causeOfAction',
+      key: 'causeOfAction',
+      ellipsis: true
+    },
+    {
+      title: '涉案金额',
+      dataIndex: 'involvedAmount',
+      key: 'involvedAmount',
+      width: 120
+    },
+    {
+      title: '法院',
+      dataIndex: 'courtName',
+      key: 'courtName',
+      ellipsis: true
+    },
+    {
+      title: '数据状态',
+      dataIndex: 'dataStatus',
+      key: 'dataStatus',
+      ellipsis: true
+    },
+    {
+      title: '创建时间',
+      dataIndex: 'createTime',
+      key: 'createTime',
+      width: 180,
+      align: 'center',
+      ellipsis: true,
+      customRender: ({ text }) => toDateString(text, 'yyyy-MM-dd HH:mm:ss')
+    },
+    {
+      title: '操作',
+      key: 'action',
+      width: 160,
+      fixed: 'right',
+      align: 'center',
+      hideInSetting: true
+    }
+  ]);
+
+  /* 搜索 */
+  const reload = (where?: CreditDeliveryNoticeParam) => {
+    if (where && Object.prototype.hasOwnProperty.call(where, 'keywords')) {
+      searchText.value = where.keywords ?? '';
+    }
+    const targetWhere = where ?? { keywords: searchText.value || undefined };
+    selection.value = [];
+    tableRef?.value?.reload({ where: targetWhere });
+  };
+
+  /* 打开编辑弹窗 */
+  const openEdit = (row?: CreditDeliveryNotice) => {
+    current.value = row ?? null;
+    showEdit.value = true;
+  };
+
+  /* 打开批量移动弹窗 */
+  const openMove = () => {
+    showMove.value = true;
+  };
+
+  /* 打开导入弹窗 */
+  const openImport = () => {
+    showImport.value = true;
+  };
+
+  /* 导出 */
+  const exportData = () => {
+    exportCreditData<CreditDeliveryNotice>({
+      filename: '送达公告',
+      columns: [
+        { title: 'ID', dataIndex: 'id' },
+        { title: '数据类型', dataIndex: 'dataType' },
+        { title: '原告/上诉人', dataIndex: 'plaintiffAppellant' },
+        { title: '发生时间', dataIndex: 'occurrenceTime' },
+        { title: '案号', dataIndex: 'caseNumber' },
+        { title: '案由', dataIndex: 'causeOfAction' },
+        { title: '涉案金额', dataIndex: 'involvedAmount' },
+        { title: '法院', dataIndex: 'courtName' },
+        { title: '数据状态', dataIndex: 'dataStatus' },
+        {
+          title: '创建时间',
+          dataIndex: 'createTime',
+          formatter: (record: CreditDeliveryNotice) =>
+            record.createTime
+              ? toDateString(record.createTime, 'yyyy-MM-dd HH:mm:ss')
+              : ''
+        }
+      ],
+      fetchData: () =>
+        listCreditDeliveryNotice({
+          keywords: searchText.value || undefined
+        })
+    });
+  };
+
+  /* 删除单个 */
+  const remove = (row: CreditDeliveryNotice) => {
+    const hide = message.loading('请求中..', 0);
+    removeCreditDeliveryNotice(row.id)
+      .then((msg) => {
+        hide();
+        message.success(msg);
+        reload();
+      })
+      .catch((e) => {
+        hide();
+        message.error(e.message);
+      });
+  };
+
+  /* 批量删除 */
+  const removeBatch = () => {
+    if (!selection.value.length) {
+      message.error('请至少选择一条数据');
+      return;
+    }
+    Modal.confirm({
+      title: '提示',
+      content: '确定要删除选中的记录吗?',
+      icon: createVNode(ExclamationCircleOutlined),
+      maskClosable: true,
+      onOk: () => {
+        const hide = message.loading('请求中..', 0);
+        removeBatchCreditDeliveryNotice(selection.value.map((d) => d.id))
+          .then((msg) => {
+            hide();
+            message.success(msg);
+            reload();
+          })
+          .catch((e) => {
+            hide();
+            message.error(e.message);
+          });
+      }
+    });
+  };
+
+  /* 查询 */
+  const query = () => {
+    loading.value = true;
+  };
+
+  /* 自定义行属性 */
+  const customRow = (record: CreditDeliveryNotice) => {
+    return {
+      // 行点击事件
+      onClick: () => {
+        // console.log(record);
+      },
+      // 行双击事件
+      onDblclick: () => {
+        openEdit(record);
+      }
+    };
+  };
+  query();
+</script>
+
+<script lang="ts">
+  export default {
+    name: 'CreditDeliveryNotice'
+  };
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/views/credit/creditExternal/components/credit-external-import.vue b/src/views/credit/creditExternal/components/credit-external-import.vue
new file mode 100644
index 0000000..7195359
--- /dev/null
+++ b/src/views/credit/creditExternal/components/credit-external-import.vue
@@ -0,0 +1,96 @@
+<!-- 对外投资导入弹窗 -->
+<template>
+  <ele-modal
+    :width="520"
+    :footer="null"
+    title="对外投资批量导入"
+    :visible="visible"
+    @update:visible="updateVisible"
+  >
+    <a-spin :spinning="loading">
+      <a-upload-dragger
+        accept=".xls,.xlsx"
+        :show-upload-list="false"
+        :customRequest="doUpload"
+        style="padding: 24px 0; margin-bottom: 16px"
+      >
+        <p class="ant-upload-drag-icon">
+          <cloud-upload-outlined />
+        </p>
+        <p class="ant-upload-hint">将文件拖到此处，或点击上传</p>
+      </a-upload-dragger>
+    </a-spin>
+    <div class="ele-text-center">
+      <span>只能上传xls、xlsx文件，</span>
+      <a :href="templateUrl" download="对外投资导入模板.xlsx">
+        下载导入模板
+      </a>
+    </div>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { computed, ref } from 'vue';
+  import { message } from 'ant-design-vue/es';
+  import { CloudUploadOutlined } from '@ant-design/icons-vue';
+  import { importCreditExternal } from '@/api/credit/creditExternal';
+  import { API_BASE_URL } from '@/config/setting';
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  defineProps<{
+    // 是否打开弹窗
+    visible: boolean;
+  }>();
+
+  // 导入请求状态
+  const loading = ref(false);
+
+  // 模板下载地址，保持与当前接口域名一致
+  const templateUrl = computed(() => {
+    const base = (localStorage.getItem('ApiUrl') || API_BASE_URL || '').replace(
+      /\/$/,
+      ''
+    );
+    return `${base}/credit/credit-external/import/template`;
+  });
+
+  /* 上传 */
+  const doUpload = ({ file }) => {
+    if (
+      ![
+        'application/vnd.ms-excel',
+        'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
+      ].includes(file.type)
+    ) {
+      message.error('只能选择 excel 文件');
+      return false;
+    }
+    if (file.size / 1024 / 1024 > 10) {
+      message.error('大小不能超过 10MB');
+      return false;
+    }
+    loading.value = true;
+    importCreditExternal(file)
+      .then((msg) => {
+        loading.value = false;
+        message.success(msg);
+        updateVisible(false);
+        emit('done');
+      })
+      .catch((e) => {
+        loading.value = false;
+        message.error(e.message);
+      });
+    return false;
+  };
+
+  /* 更新 visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+</script>
+
diff --git a/src/views/credit/creditExternal/components/creditExternalEdit.vue b/src/views/credit/creditExternal/components/creditExternalEdit.vue
new file mode 100644
index 0000000..7b9d7c5
--- /dev/null
+++ b/src/views/credit/creditExternal/components/creditExternalEdit.vue
@@ -0,0 +1,300 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑对外投资' : '添加对外投资'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="被投资企业名称" name="name">
+        <a-input
+          allow-clear
+          placeholder="请输入被投资企业名称"
+          v-model:value="form.name"
+        />
+      </a-form-item>
+      <a-form-item label="状态" name="statusTxt">
+        <a-input
+          allow-clear
+          placeholder="请输入企业状态（如存续、注销等）"
+          v-model:value="form.statusTxt"
+        />
+      </a-form-item>
+      <a-form-item label="法定代表人" name="legalRepresentative">
+        <a-input
+          allow-clear
+          placeholder="请输入法定代表人姓名"
+          v-model:value="form.legalRepresentative"
+        />
+      </a-form-item>
+      <a-form-item label="注册资本" name="registeredCapital">
+        <a-input
+          allow-clear
+          placeholder="请输入注册资本（金额）"
+          v-model:value="form.registeredCapital"
+        />
+      </a-form-item>
+      <a-form-item label="成立日期" name="establishmentDate">
+        <a-input
+          allow-clear
+          placeholder="请输入成立日期"
+          v-model:value="form.establishmentDate"
+        />
+      </a-form-item>
+      <a-form-item label="持股比例" name="shareholdingRatio">
+        <a-input
+          allow-clear
+          placeholder="请输入持股比例"
+          v-model:value="form.shareholdingRatio"
+        />
+      </a-form-item>
+      <a-form-item label="认缴出资额" name="subscribedInvestmentAmount">
+        <a-input
+          allow-clear
+          placeholder="请输入认缴出资额"
+          v-model:value="form.subscribedInvestmentAmount"
+        />
+      </a-form-item>
+      <a-form-item label="认缴出资日期" name="subscribedInvestmentDate">
+        <a-input
+          allow-clear
+          placeholder="请输入认缴出资日期"
+          v-model:value="form.subscribedInvestmentDate"
+        />
+      </a-form-item>
+      <a-form-item label="间接持股比例" name="indirectShareholdingRatio">
+        <a-input
+          allow-clear
+          placeholder="请输入间接持股比例"
+          v-model:value="form.indirectShareholdingRatio"
+        />
+      </a-form-item>
+      <a-form-item label="投资日期" name="investmentDate">
+        <a-input
+          allow-clear
+          placeholder="请输入投资日期"
+          v-model:value="form.investmentDate"
+        />
+      </a-form-item>
+      <a-form-item label="所属地区" name="region">
+        <a-input
+          allow-clear
+          placeholder="请输入所属地区"
+          v-model:value="form.region"
+        />
+      </a-form-item>
+      <a-form-item label="所属行业" name="industry">
+        <a-input
+          allow-clear
+          placeholder="请输入所属行业"
+          v-model:value="form.industry"
+        />
+      </a-form-item>
+      <a-form-item label="投资数量" name="investmentCount">
+        <a-input
+          allow-clear
+          placeholder="请输入投资数量"
+          v-model:value="form.investmentCount"
+        />
+      </a-form-item>
+      <a-form-item label="关联产品/机构" name="relatedProductsInstitutions">
+        <a-input
+          allow-clear
+          placeholder="请输入关联产品/机构"
+          v-model:value="form.relatedProductsInstitutions"
+        />
+      </a-form-item>
+      <a-form-item label="备注" name="comments">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="请输入描述"
+          v-model:value="form.comments"
+        />
+      </a-form-item>
+      <!--      <a-form-item label="状态, 0正常, 1冻结" name="status">-->
+      <!--        <a-radio-group v-model:value="form.status">-->
+      <!--          <a-radio :value="0">显示</a-radio>-->
+      <!--          <a-radio :value="1">隐藏</a-radio>-->
+      <!--        </a-radio-group>-->
+      <!--      </a-form-item>-->
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, watch } from 'vue';
+  import { Form, message } from 'ant-design-vue';
+  import { assignObject, uuid } from 'ele-admin-pro';
+  import {
+    addCreditExternal,
+    updateCreditExternal
+  } from '@/api/credit/creditExternal';
+  import { CreditExternal } from '@/api/credit/creditExternal/model';
+  import { useThemeStore } from '@/store/modules/theme';
+  import { storeToRefs } from 'pinia';
+  import { ItemType } from 'ele-admin-pro/es/ele-image-upload/types';
+  import { FormInstance } from 'ant-design-vue/es/form';
+  import { FileRecord } from '@/api/system/file/model';
+
+  // 是否是修改
+  const isUpdate = ref(false);
+  const useForm = Form.useForm;
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: CreditExternal | null;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  // 提交状态
+  const loading = ref(false);
+  // 是否显示最大化切换按钮
+  const maxable = ref(true);
+  // 表格选中数据
+  const formRef = ref<FormInstance | null>(null);
+  const images = ref<ItemType[]>([]);
+
+  // 用户信息
+  const form = reactive<CreditExternal>({
+    id: undefined,
+    name: undefined,
+    statusTxt: undefined,
+    legalRepresentative: undefined,
+    registeredCapital: undefined,
+    establishmentDate: undefined,
+    shareholdingRatio: undefined,
+    subscribedInvestmentAmount: undefined,
+    subscribedInvestmentDate: undefined,
+    indirectShareholdingRatio: undefined,
+    investmentDate: undefined,
+    region: undefined,
+    industry: undefined,
+    investmentCount: undefined,
+    relatedProductsInstitutions: undefined,
+    comments: undefined,
+    recommend: undefined,
+    sortNumber: undefined,
+    status: undefined,
+    deleted: undefined,
+    userId: undefined,
+    tenantId: undefined,
+    createTime: undefined,
+    updateTime: undefined,
+    creditExternalId: undefined,
+    creditExternalName: '',
+    status: 0,
+    comments: '',
+    sortNumber: 100
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    creditExternalName: [
+      {
+        required: true,
+        type: 'string',
+        message: '请填写对外投资名称',
+        trigger: 'blur'
+      }
+    ]
+  });
+
+  const chooseImage = (data: FileRecord) => {
+    images.value.push({
+      uid: data.id,
+      url: data.path,
+      status: 'done'
+    });
+    form.image = data.path;
+  };
+
+  const onDeleteItem = (index: number) => {
+    images.value.splice(index, 1);
+    form.image = '';
+  };
+
+  const { resetFields } = useForm(form, rules);
+
+  /* 保存编辑 */
+  const save = () => {
+    if (!formRef.value) {
+      return;
+    }
+    formRef.value
+      .validate()
+      .then(() => {
+        loading.value = true;
+        const formData = {
+          ...form
+        };
+        const saveOrUpdate = isUpdate.value
+          ? updateCreditExternal
+          : addCreditExternal;
+        saveOrUpdate(formData)
+          .then((msg) => {
+            loading.value = false;
+            message.success(msg);
+            updateVisible(false);
+            emit('done');
+          })
+          .catch((e) => {
+            loading.value = false;
+            message.error(e.message);
+          });
+      })
+      .catch(() => {});
+  };
+
+  watch(
+    () => props.visible,
+    (visible) => {
+      if (visible) {
+        images.value = [];
+        if (props.data) {
+          assignObject(form, props.data);
+          if (props.data.image) {
+            images.value.push({
+              uid: uuid(),
+              url: props.data.image,
+              status: 'done'
+            });
+          }
+          isUpdate.value = true;
+        } else {
+          isUpdate.value = false;
+        }
+      } else {
+        resetFields();
+      }
+    },
+    { immediate: true }
+  );
+</script>
diff --git a/src/views/credit/creditExternal/components/search.vue b/src/views/credit/creditExternal/components/search.vue
new file mode 100644
index 0000000..82fea9d
--- /dev/null
+++ b/src/views/credit/creditExternal/components/search.vue
@@ -0,0 +1,42 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+    <a-button type="primary" class="ele-btn-icon" @click="add">
+      <template #icon>
+        <PlusOutlined />
+      </template>
+      <span>添加</span>
+    </a-button>
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+  import { PlusOutlined } from '@ant-design/icons-vue';
+  import type { GradeParam } from '@/api/user/grade/model';
+  import { watch } from 'vue';
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的角色
+      selection?: [];
+    }>(),
+    {}
+  );
+
+  const emit = defineEmits<{
+    (e: 'search', where?: GradeParam): void;
+    (e: 'add'): void;
+    (e: 'remove'): void;
+    (e: 'batchMove'): void;
+  }>();
+
+  // 新增
+  const add = () => {
+    emit('add');
+  };
+
+  watch(
+    () => props.selection,
+    () => {}
+  );
+</script>
diff --git a/src/views/credit/creditExternal/index.vue b/src/views/credit/creditExternal/index.vue
new file mode 100644
index 0000000..238471b
--- /dev/null
+++ b/src/views/credit/creditExternal/index.vue
@@ -0,0 +1,349 @@
+<template>
+  <a-page-header :title="getPageTitle()" @back="() => $router.go(-1)">
+    <a-card :bordered="false" :body-style="{ padding: '16px' }">
+      <ele-pro-table
+        ref="tableRef"
+        row-key="id"
+        :columns="columns"
+        :datasource="datasource"
+        :customRow="customRow"
+        tool-class="ele-toolbar-form"
+        class="sys-org-table"
+      >
+        <template #toolbar>
+          <search
+            @search="reload"
+            :selection="selection"
+            @add="openEdit"
+            @remove="removeBatch"
+            @batchMove="openMove"
+            @importData="openImport"
+            @exportData="exportData"
+          />
+        </template>
+        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'image'">
+            <a-image :src="record.image" :width="50" />
+          </template>
+          <template v-if="column.key === 'name'">
+            <template v-if="record.url">
+              <a :href="record.url" target="_blank">{{ record.name }}</a>
+            </template>
+            <template v-else>
+              {{ record.name }}
+            </template>
+          </template>
+          <template v-if="column.key === 'status'">
+            <a-tag v-if="record.status === 0" color="green">显示</a-tag>
+            <a-tag v-if="record.status === 1" color="red">隐藏</a-tag>
+          </template>
+          <template v-if="column.key === 'action'">
+            <a-space>
+              <a @click="openEdit(record)">修改</a>
+              <a-divider type="vertical" />
+              <a-popconfirm
+                title="确定要删除此记录吗？"
+                @confirm="remove(record)"
+              >
+                <a class="ele-text-danger">删除</a>
+              </a-popconfirm>
+            </a-space>
+          </template>
+        </template>
+      </ele-pro-table>
+    </a-card>
+
+    <!-- 编辑弹窗 -->
+    <CreditExternalEdit
+      v-model:visible="showEdit"
+      :data="current"
+      @done="reload"
+    />
+    <!-- 导入弹窗 -->
+    <CreditExternalImport v-model:visible="showImport" @done="reload" />
+  </a-page-header>
+</template>
+
+<script lang="ts" setup>
+  import { createVNode, ref } from 'vue';
+  import { message, Modal } from 'ant-design-vue';
+  import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
+  import type { EleProTable } from 'ele-admin-pro';
+  import { toDateString } from 'ele-admin-pro';
+  import type {
+    DatasourceFunction,
+    ColumnItem
+  } from 'ele-admin-pro/es/ele-pro-table/types';
+  import Search from '@/views/credit/components/CreditSearchToolbar.vue';
+  import { exportCreditData } from '../utils/export';
+  import { getPageTitle } from '@/utils/common';
+  import CreditExternalEdit from './components/creditExternalEdit.vue';
+  import CreditExternalImport from './components/credit-external-import.vue';
+  import {
+    pageCreditExternal,
+    listCreditExternal,
+    removeCreditExternal,
+    removeBatchCreditExternal
+  } from '@/api/credit/creditExternal';
+  import type {
+    CreditExternal,
+    CreditExternalParam
+  } from '@/api/credit/creditExternal/model';
+
+  // 表格实例
+  const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+  // 表格选中数据
+  const selection = ref<CreditExternal[]>([]);
+  // 当前编辑数据
+  const current = ref<CreditExternal | null>(null);
+  // 是否显示编辑弹窗
+  const showEdit = ref(false);
+  // 是否显示导入弹窗
+  const showImport = ref(false);
+  // 是否显示批量移动弹窗
+  const showMove = ref(false);
+  // 加载状态
+  const loading = ref(true);
+  // 搜索关键词
+  const searchText = ref('');
+
+  // 表格数据源
+  const datasource: DatasourceFunction = ({
+    page,
+    limit,
+    where = {},
+    orders,
+    filters
+  }) => {
+    const params: CreditExternalParam = { ...where };
+    if (filters) {
+      (params as any).status = filters.status;
+    }
+    if (!params.keywords && searchText.value) {
+      params.keywords = searchText.value;
+    }
+    return pageCreditExternal({
+      ...params,
+      ...orders,
+      page,
+      limit
+    });
+  };
+
+  // 关键信息列
+  const columns = ref<ColumnItem[]>([
+    {
+      title: 'ID',
+      dataIndex: 'id',
+      key: 'id',
+      width: 80
+    },
+    {
+      title: '被投资企业名称',
+      dataIndex: 'name',
+      key: 'name',
+      ellipsis: true
+    },
+    {
+      title: '状态',
+      dataIndex: 'statusTxt',
+      key: 'statusTxt',
+      ellipsis: true
+    },
+    {
+      title: '法定代表人',
+      dataIndex: 'legalRepresentative',
+      key: 'legalRepresentative',
+      ellipsis: true,
+      width: 120
+    },
+    {
+      title: '注册资本',
+      dataIndex: 'registeredCapital',
+      key: 'registeredCapital',
+      width: 120
+    },
+    {
+      title: '成立日期',
+      dataIndex: 'establishmentDate',
+      key: 'establishmentDate',
+      width: 120
+    },
+    {
+      title: '持股比例',
+      dataIndex: 'shareholdingRatio',
+      key: 'shareholdingRatio',
+      width: 120
+    },
+    {
+      title: '认缴出资额',
+      dataIndex: 'subscribedInvestmentAmount',
+      key: 'subscribedInvestmentAmount',
+      ellipsis: true
+    },
+    {
+      title: '投资日期',
+      dataIndex: 'investmentDate',
+      key: 'investmentDate',
+      width: 120
+    },
+    {
+      title: '所属地区',
+      dataIndex: 'region',
+      key: 'region',
+      ellipsis: true
+    },
+    {
+      title: '所属行业',
+      dataIndex: 'industry',
+      key: 'industry',
+      ellipsis: true
+    },
+    {
+      title: '创建时间',
+      dataIndex: 'createTime',
+      key: 'createTime',
+      width: 180,
+      align: 'center',
+      ellipsis: true,
+      customRender: ({ text }) => toDateString(text, 'yyyy-MM-dd HH:mm:ss')
+    },
+    {
+      title: '操作',
+      key: 'action',
+      width: 160,
+      fixed: 'right',
+      align: 'center',
+      hideInSetting: true
+    }
+  ]);
+
+  /* 搜索 */
+  const reload = (where?: CreditExternalParam) => {
+    if (where && Object.prototype.hasOwnProperty.call(where, 'keywords')) {
+      searchText.value = where.keywords ?? '';
+    }
+    const targetWhere = where ?? { keywords: searchText.value || undefined };
+    selection.value = [];
+    tableRef?.value?.reload({ where: targetWhere });
+  };
+
+  /* 打开编辑弹窗 */
+  const openEdit = (row?: CreditExternal) => {
+    current.value = row ?? null;
+    showEdit.value = true;
+  };
+
+  /* 打开批量移动弹窗 */
+  const openMove = () => {
+    showMove.value = true;
+  };
+
+  /* 打开导入弹窗 */
+  const openImport = () => {
+    showImport.value = true;
+  };
+
+  /* 导出 */
+  const exportData = () => {
+    exportCreditData<CreditExternal>({
+      filename: '对外投资',
+      columns: [
+        { title: 'ID', dataIndex: 'id' },
+        { title: '被投资企业名称', dataIndex: 'name' },
+        { title: '企业状态', dataIndex: 'statusTxt' },
+        { title: '法定代表人姓名', dataIndex: 'legalRepresentative' },
+        { title: '注册资本（金额）', dataIndex: 'registeredCapital' },
+        { title: '成立日期', dataIndex: 'establishmentDate' },
+        { title: '持股比例', dataIndex: 'shareholdingRatio' },
+        { title: '认缴出资额', dataIndex: 'subscribedInvestmentAmount' },
+        { title: '投资日期', dataIndex: 'investmentDate' },
+        { title: '所属地区', dataIndex: 'region' },
+        { title: '所属行业', dataIndex: 'industry' },
+        {
+          title: '创建时间',
+          dataIndex: 'createTime',
+          formatter: (record: CreditExternal) =>
+            record.createTime
+              ? toDateString(record.createTime, 'yyyy-MM-dd HH:mm:ss')
+              : ''
+        }
+      ],
+      fetchData: () =>
+        listCreditExternal({
+          keywords: searchText.value || undefined
+        })
+    });
+  };
+
+  /* 删除单个 */
+  const remove = (row: CreditExternal) => {
+    const hide = message.loading('请求中..', 0);
+    removeCreditExternal(row.id)
+      .then((msg) => {
+        hide();
+        message.success(msg);
+        reload();
+      })
+      .catch((e) => {
+        hide();
+        message.error(e.message);
+      });
+  };
+
+  /* 批量删除 */
+  const removeBatch = () => {
+    if (!selection.value.length) {
+      message.error('请至少选择一条数据');
+      return;
+    }
+    Modal.confirm({
+      title: '提示',
+      content: '确定要删除选中的记录吗?',
+      icon: createVNode(ExclamationCircleOutlined),
+      maskClosable: true,
+      onOk: () => {
+        const hide = message.loading('请求中..', 0);
+        removeBatchCreditExternal(selection.value.map((d) => d.id))
+          .then((msg) => {
+            hide();
+            message.success(msg);
+            reload();
+          })
+          .catch((e) => {
+            hide();
+            message.error(e.message);
+          });
+      }
+    });
+  };
+
+  /* 查询 */
+  const query = () => {
+    loading.value = true;
+  };
+
+  /* 自定义行属性 */
+  const customRow = (record: CreditExternal) => {
+    return {
+      // 行点击事件
+      onClick: () => {
+        // console.log(record);
+      },
+      // 行双击事件
+      onDblclick: () => {
+        openEdit(record);
+      }
+    };
+  };
+  query();
+</script>
+
+<script lang="ts">
+  export default {
+    name: 'CreditExternal'
+  };
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/views/credit/creditFinalVersion/components/credit-final-version-import.vue b/src/views/credit/creditFinalVersion/components/credit-final-version-import.vue
new file mode 100644
index 0000000..ac07283
--- /dev/null
+++ b/src/views/credit/creditFinalVersion/components/credit-final-version-import.vue
@@ -0,0 +1,96 @@
+<!-- 终本案件导入弹窗 -->
+<template>
+  <ele-modal
+    :width="520"
+    :footer="null"
+    title="终本案件批量导入"
+    :visible="visible"
+    @update:visible="updateVisible"
+  >
+    <a-spin :spinning="loading">
+      <a-upload-dragger
+        accept=".xls,.xlsx"
+        :show-upload-list="false"
+        :customRequest="doUpload"
+        style="padding: 24px 0; margin-bottom: 16px"
+      >
+        <p class="ant-upload-drag-icon">
+          <cloud-upload-outlined />
+        </p>
+        <p class="ant-upload-hint">将文件拖到此处，或点击上传</p>
+      </a-upload-dragger>
+    </a-spin>
+    <div class="ele-text-center">
+      <span>只能上传xls、xlsx文件，</span>
+      <a :href="templateUrl" download="终本案件导入模板.xlsx">
+        下载导入模板
+      </a>
+    </div>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { computed, ref } from 'vue';
+  import { message } from 'ant-design-vue/es';
+  import { CloudUploadOutlined } from '@ant-design/icons-vue';
+  import { importCreditFinalVersion } from '@/api/credit/creditFinalVersion';
+  import { API_BASE_URL } from '@/config/setting';
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  defineProps<{
+    // 是否打开弹窗
+    visible: boolean;
+  }>();
+
+  // 导入请求状态
+  const loading = ref(false);
+
+  // 模板下载地址，保持与当前接口域名一致
+  const templateUrl = computed(() => {
+    const base = (localStorage.getItem('ApiUrl') || API_BASE_URL || '').replace(
+      /\/$/,
+      ''
+    );
+    return `${base}/credit/credit-final-version/import/template`;
+  });
+
+  /* 上传 */
+  const doUpload = ({ file }) => {
+    if (
+      ![
+        'application/vnd.ms-excel',
+        'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
+      ].includes(file.type)
+    ) {
+      message.error('只能选择 excel 文件');
+      return false;
+    }
+    if (file.size / 1024 / 1024 > 10) {
+      message.error('大小不能超过 10MB');
+      return false;
+    }
+    loading.value = true;
+    importCreditFinalVersion(file)
+      .then((msg) => {
+        loading.value = false;
+        message.success(msg);
+        updateVisible(false);
+        emit('done');
+      })
+      .catch((e) => {
+        loading.value = false;
+        message.error(e.message);
+      });
+    return false;
+  };
+
+  /* 更新 visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+</script>
+
diff --git a/src/views/credit/creditFinalVersion/components/creditFinalVersionEdit.vue b/src/views/credit/creditFinalVersion/components/creditFinalVersionEdit.vue
new file mode 100644
index 0000000..673368f
--- /dev/null
+++ b/src/views/credit/creditFinalVersion/components/creditFinalVersionEdit.vue
@@ -0,0 +1,300 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑终本案件' : '添加终本案件'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="数据类型" name="dataType">
+        <a-input
+          allow-clear
+          placeholder="请输入数据类型"
+          v-model:value="form.dataType"
+        />
+      </a-form-item>
+      <a-form-item label="原告/上诉人" name="plaintiffAppellant">
+        <a-input
+          allow-clear
+          placeholder="请输入原告/上诉人"
+          v-model:value="form.plaintiffAppellant"
+        />
+      </a-form-item>
+      <a-form-item label="被告/被上诉人" name="defendant appellee">
+        <a-input
+          allow-clear
+          placeholder="请输入被告/被上诉人"
+          v-model:value="form.appellee"
+        />
+      </a-form-item>
+      <a-form-item label="其他当事人/第三人" name="otherPartiesThirdParty">
+        <a-input
+          allow-clear
+          placeholder="请输入其他当事人/第三人"
+          v-model:value="form.otherPartiesThirdParty"
+        />
+      </a-form-item>
+      <a-form-item label="发生时间" name="occurrenceTime">
+        <a-input
+          allow-clear
+          placeholder="请输入发生时间"
+          v-model:value="form.occurrenceTime"
+        />
+      </a-form-item>
+      <a-form-item label="案号" name="caseNumber">
+        <a-input
+          allow-clear
+          placeholder="请输入案号"
+          v-model:value="form.caseNumber"
+        />
+      </a-form-item>
+      <a-form-item label="案由" name="causeOfAction">
+        <a-input
+          allow-clear
+          placeholder="请输入案由"
+          v-model:value="form.causeOfAction"
+        />
+      </a-form-item>
+      <a-form-item label="涉案金额" name="involvedAmount">
+        <a-input
+          allow-clear
+          placeholder="请输入涉案金额"
+          v-model:value="form.involvedAmount"
+        />
+      </a-form-item>
+      <a-form-item label="法院" name="courtName">
+        <a-input
+          allow-clear
+          placeholder="请输入法院"
+          v-model:value="form.courtName"
+        />
+      </a-form-item>
+      <a-form-item label="数据状态" name="dataStatus">
+        <a-input
+          allow-clear
+          placeholder="请输入数据状态"
+          v-model:value="form.dataStatus"
+        />
+      </a-form-item>
+      <a-form-item label="备注" name="comments">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="请输入描述"
+          v-model:value="form.comments"
+        />
+      </a-form-item>
+      <a-form-item label="是否推荐" name="recommend">
+        <a-input
+          allow-clear
+          placeholder="请输入是否推荐"
+          v-model:value="form.recommend"
+        />
+      </a-form-item>
+      <a-form-item label="排序(数字越小越靠前)" name="sortNumber">
+        <a-input-number
+          :min="0"
+          :max="9999"
+          class="ele-fluid"
+          placeholder="请输入排序号"
+          v-model:value="form.sortNumber"
+        />
+      </a-form-item>
+      <a-form-item label="状态, 0正常, 1冻结" name="status">
+        <a-radio-group v-model:value="form.status">
+          <a-radio :value="0">显示</a-radio>
+          <a-radio :value="1">隐藏</a-radio>
+        </a-radio-group>
+      </a-form-item>
+      <a-form-item label="是否删除, 0否, 1是" name="deleted">
+        <a-input
+          allow-clear
+          placeholder="请输入是否删除, 0否, 1是"
+          v-model:value="form.deleted"
+        />
+      </a-form-item>
+      <a-form-item label="用户ID" name="userId">
+        <a-input
+          allow-clear
+          placeholder="请输入用户ID"
+          v-model:value="form.userId"
+        />
+      </a-form-item>
+      <a-form-item label="修改时间" name="updateTime">
+        <a-input
+          allow-clear
+          placeholder="请输入修改时间"
+          v-model:value="form.updateTime"
+        />
+      </a-form-item>
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, watch } from 'vue';
+  import { Form, message } from 'ant-design-vue';
+  import { assignObject, uuid } from 'ele-admin-pro';
+  import { addCreditFinalVersion, updateCreditFinalVersion } from '@/api/credit/creditFinalVersion';
+  import { CreditFinalVersion } from '@/api/credit/creditFinalVersion/model';
+  import { useThemeStore } from '@/store/modules/theme';
+  import { storeToRefs } from 'pinia';
+  import { ItemType } from 'ele-admin-pro/es/ele-image-upload/types';
+  import { FormInstance } from 'ant-design-vue/es/form';
+  import { FileRecord } from '@/api/system/file/model';
+
+  // 是否是修改
+  const isUpdate = ref(false);
+  const useForm = Form.useForm;
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: CreditFinalVersion | null;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  // 提交状态
+  const loading = ref(false);
+  // 是否显示最大化切换按钮
+  const maxable = ref(true);
+  // 表格选中数据
+  const formRef = ref<FormInstance | null>(null);
+  const images = ref<ItemType[]>([]);
+
+  // 用户信息
+  const form = reactive<CreditFinalVersion>({
+    id: undefined,
+    dataType: undefined,
+    plaintiffAppellant: undefined,
+    appellee: undefined,
+    otherPartiesThirdParty: undefined,
+    occurrenceTime: undefined,
+    caseNumber: undefined,
+    causeOfAction: undefined,
+    involvedAmount: undefined,
+    courtName: undefined,
+    dataStatus: undefined,
+    comments: undefined,
+    recommend: undefined,
+    sortNumber: undefined,
+    status: undefined,
+    deleted: undefined,
+    userId: undefined,
+    tenantId: undefined,
+    createTime: undefined,
+    updateTime: undefined,
+    creditFinalVersionId: undefined,
+    creditFinalVersionName: '',
+    status: 0,
+    comments: '',
+    sortNumber: 100
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    creditFinalVersionName: [
+      {
+        required: true,
+        type: 'string',
+        message: '请填写终本案件名称',
+        trigger: 'blur'
+      }
+    ]
+  });
+
+  const chooseImage = (data: FileRecord) => {
+    images.value.push({
+      uid: data.id,
+      url: data.path,
+      status: 'done'
+    });
+    form.image = data.path;
+  };
+
+  const onDeleteItem = (index: number) => {
+    images.value.splice(index, 1);
+    form.image = '';
+  };
+
+  const { resetFields } = useForm(form, rules);
+
+  /* 保存编辑 */
+  const save = () => {
+    if (!formRef.value) {
+      return;
+    }
+    formRef.value
+      .validate()
+      .then(() => {
+        loading.value = true;
+        const formData = {
+          ...form
+        };
+        const saveOrUpdate = isUpdate.value ? updateCreditFinalVersion : addCreditFinalVersion;
+        saveOrUpdate(formData)
+          .then((msg) => {
+            loading.value = false;
+            message.success(msg);
+            updateVisible(false);
+            emit('done');
+          })
+          .catch((e) => {
+            loading.value = false;
+            message.error(e.message);
+          });
+      })
+      .catch(() => {});
+  };
+
+  watch(
+    () => props.visible,
+    (visible) => {
+      if (visible) {
+        images.value = [];
+        if (props.data) {
+          assignObject(form, props.data);
+          if(props.data.image){
+            images.value.push({
+              uid: uuid(),
+              url: props.data.image,
+              status: 'done'
+            })
+          }
+          isUpdate.value = true;
+        } else {
+          isUpdate.value = false;
+        }
+      } else {
+        resetFields();
+      }
+    },
+    { immediate: true }
+  );
+</script>
diff --git a/src/views/credit/creditFinalVersion/components/search.vue b/src/views/credit/creditFinalVersion/components/search.vue
new file mode 100644
index 0000000..82fea9d
--- /dev/null
+++ b/src/views/credit/creditFinalVersion/components/search.vue
@@ -0,0 +1,42 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+    <a-button type="primary" class="ele-btn-icon" @click="add">
+      <template #icon>
+        <PlusOutlined />
+      </template>
+      <span>添加</span>
+    </a-button>
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+  import { PlusOutlined } from '@ant-design/icons-vue';
+  import type { GradeParam } from '@/api/user/grade/model';
+  import { watch } from 'vue';
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的角色
+      selection?: [];
+    }>(),
+    {}
+  );
+
+  const emit = defineEmits<{
+    (e: 'search', where?: GradeParam): void;
+    (e: 'add'): void;
+    (e: 'remove'): void;
+    (e: 'batchMove'): void;
+  }>();
+
+  // 新增
+  const add = () => {
+    emit('add');
+  };
+
+  watch(
+    () => props.selection,
+    () => {}
+  );
+</script>
diff --git a/src/views/credit/creditFinalVersion/index.vue b/src/views/credit/creditFinalVersion/index.vue
new file mode 100644
index 0000000..df1941f
--- /dev/null
+++ b/src/views/credit/creditFinalVersion/index.vue
@@ -0,0 +1,326 @@
+<template>
+  <a-page-header :title="getPageTitle()" @back="() => $router.go(-1)">
+    <a-card :bordered="false" :body-style="{ padding: '16px' }">
+      <ele-pro-table
+        ref="tableRef"
+        row-key="id"
+        :columns="columns"
+        :datasource="datasource"
+        :customRow="customRow"
+        tool-class="ele-toolbar-form"
+        class="sys-org-table"
+      >
+        <template #toolbar>
+          <search
+            @search="reload"
+            :selection="selection"
+            @add="openEdit"
+            @remove="removeBatch"
+            @batchMove="openMove"
+            @importData="openImport"
+            @exportData="exportData"
+          />
+        </template>
+        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'image'">
+            <a-image :src="record.image" :width="50" />
+          </template>
+          <template v-if="column.key === 'status'">
+            <a-tag v-if="record.status === 0" color="green">显示</a-tag>
+            <a-tag v-if="record.status === 1" color="red">隐藏</a-tag>
+          </template>
+          <template v-if="column.key === 'action'">
+            <a-space>
+              <a @click="openEdit(record)">修改</a>
+              <a-divider type="vertical" />
+              <a-popconfirm
+                title="确定要删除此记录吗？"
+                @confirm="remove(record)"
+              >
+                <a class="ele-text-danger">删除</a>
+              </a-popconfirm>
+            </a-space>
+          </template>
+        </template>
+      </ele-pro-table>
+    </a-card>
+
+    <!-- 编辑弹窗 -->
+    <CreditFinalVersionEdit
+      v-model:visible="showEdit"
+      :data="current"
+      @done="reload"
+    />
+    <!-- 导入弹窗 -->
+    <CreditFinalVersionImport v-model:visible="showImport" @done="reload" />
+  </a-page-header>
+</template>
+
+<script lang="ts" setup>
+  import { createVNode, ref } from 'vue';
+  import { message, Modal } from 'ant-design-vue';
+  import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
+  import type { EleProTable } from 'ele-admin-pro';
+  import { toDateString } from 'ele-admin-pro';
+  import type {
+    DatasourceFunction,
+    ColumnItem
+  } from 'ele-admin-pro/es/ele-pro-table/types';
+  import Search from '@/views/credit/components/CreditSearchToolbar.vue';
+  import { exportCreditData } from '../utils/export';
+  import { getPageTitle } from '@/utils/common';
+  import CreditFinalVersionEdit from './components/creditFinalVersionEdit.vue';
+  import CreditFinalVersionImport from './components/credit-final-version-import.vue';
+  import {
+    pageCreditFinalVersion,
+    listCreditFinalVersion,
+    removeCreditFinalVersion,
+    removeBatchCreditFinalVersion
+  } from '@/api/credit/creditFinalVersion';
+  import type {
+    CreditFinalVersion,
+    CreditFinalVersionParam
+  } from '@/api/credit/creditFinalVersion/model';
+
+  // 表格实例
+  const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+  // 表格选中数据
+  const selection = ref<CreditFinalVersion[]>([]);
+  // 当前编辑数据
+  const current = ref<CreditFinalVersion | null>(null);
+  // 是否显示编辑弹窗
+  const showEdit = ref(false);
+  // 是否显示导入弹窗
+  const showImport = ref(false);
+  // 是否显示批量移动弹窗
+  const showMove = ref(false);
+  // 加载状态
+  const loading = ref(true);
+  // 搜索关键词
+  const searchText = ref('');
+
+  // 表格数据源
+  const datasource: DatasourceFunction = ({
+    page,
+    limit,
+    where = {},
+    orders,
+    filters
+  }) => {
+    const params: CreditFinalVersionParam = { ...where };
+    if (filters) {
+      (params as any).status = filters.status;
+    }
+    if (!params.keywords && searchText.value) {
+      params.keywords = searchText.value;
+    }
+    return pageCreditFinalVersion({
+      ...params,
+      ...orders,
+      page,
+      limit
+    });
+  };
+
+  // 关键信息列
+  const columns = ref<ColumnItem[]>([
+    {
+      title: 'ID',
+      dataIndex: 'id',
+      key: 'id',
+      width: 90
+    },
+    {
+      title: '数据类型',
+      dataIndex: 'dataType',
+      key: 'dataType',
+      ellipsis: true
+    },
+    {
+      title: '原告/上诉人',
+      dataIndex: 'plaintiffAppellant',
+      key: 'plaintiffAppellant',
+      ellipsis: true
+    },
+    {
+      title: '发生时间',
+      dataIndex: 'occurrenceTime',
+      key: 'occurrenceTime',
+      width: 120
+    },
+    {
+      title: '案号',
+      dataIndex: 'caseNumber',
+      key: 'caseNumber',
+      ellipsis: true
+    },
+    {
+      title: '案由',
+      dataIndex: 'causeOfAction',
+      key: 'causeOfAction',
+      ellipsis: true
+    },
+    {
+      title: '涉案金额',
+      dataIndex: 'involvedAmount',
+      key: 'involvedAmount',
+      width: 120
+    },
+    {
+      title: '法院',
+      dataIndex: 'courtName',
+      key: 'courtName',
+      ellipsis: true
+    },
+    {
+      title: '数据状态',
+      dataIndex: 'dataStatus',
+      key: 'dataStatus',
+      ellipsis: true
+    },
+    {
+      title: '创建时间',
+      dataIndex: 'createTime',
+      key: 'createTime',
+      width: 180,
+      align: 'center',
+      ellipsis: true,
+      customRender: ({ text }) => toDateString(text, 'yyyy-MM-dd HH:mm:ss')
+    },
+    {
+      title: '操作',
+      key: 'action',
+      width: 160,
+      fixed: 'right',
+      align: 'center',
+      hideInSetting: true
+    }
+  ]);
+
+  /* 搜索 */
+  const reload = (where?: CreditFinalVersionParam) => {
+    if (where && Object.prototype.hasOwnProperty.call(where, 'keywords')) {
+      searchText.value = where.keywords ?? '';
+    }
+    const targetWhere = where ?? { keywords: searchText.value || undefined };
+    selection.value = [];
+    tableRef?.value?.reload({ where: targetWhere });
+  };
+
+  /* 打开编辑弹窗 */
+  const openEdit = (row?: CreditFinalVersion) => {
+    current.value = row ?? null;
+    showEdit.value = true;
+  };
+
+  /* 打开批量移动弹窗 */
+  const openMove = () => {
+    showMove.value = true;
+  };
+
+  /* 打开导入弹窗 */
+  const openImport = () => {
+    showImport.value = true;
+  };
+
+  /* 导出 */
+  const exportData = () => {
+    exportCreditData<CreditFinalVersion>({
+      filename: '终本案件',
+      columns: [
+        { title: 'ID', dataIndex: 'id' },
+        { title: '数据类型', dataIndex: 'dataType' },
+        { title: '原告/上诉人', dataIndex: 'plaintiffAppellant' },
+        { title: '发生时间', dataIndex: 'occurrenceTime' },
+        { title: '案号', dataIndex: 'caseNumber' },
+        { title: '案由', dataIndex: 'causeOfAction' },
+        { title: '涉案金额', dataIndex: 'involvedAmount' },
+        { title: '法院', dataIndex: 'courtName' },
+        { title: '数据状态', dataIndex: 'dataStatus' },
+        {
+          title: '创建时间',
+          dataIndex: 'createTime',
+          formatter: (record: CreditFinalVersion) =>
+            record.createTime
+              ? toDateString(record.createTime, 'yyyy-MM-dd HH:mm:ss')
+              : ''
+        }
+      ],
+      fetchData: () =>
+        listCreditFinalVersion({
+          keywords: searchText.value || undefined
+        })
+    });
+  };
+
+  /* 删除单个 */
+  const remove = (row: CreditFinalVersion) => {
+    const hide = message.loading('请求中..', 0);
+    removeCreditFinalVersion(row.id)
+      .then((msg) => {
+        hide();
+        message.success(msg);
+        reload();
+      })
+      .catch((e) => {
+        hide();
+        message.error(e.message);
+      });
+  };
+
+  /* 批量删除 */
+  const removeBatch = () => {
+    if (!selection.value.length) {
+      message.error('请至少选择一条数据');
+      return;
+    }
+    Modal.confirm({
+      title: '提示',
+      content: '确定要删除选中的记录吗?',
+      icon: createVNode(ExclamationCircleOutlined),
+      maskClosable: true,
+      onOk: () => {
+        const hide = message.loading('请求中..', 0);
+        removeBatchCreditFinalVersion(selection.value.map((d) => d.id))
+          .then((msg) => {
+            hide();
+            message.success(msg);
+            reload();
+          })
+          .catch((e) => {
+            hide();
+            message.error(e.message);
+          });
+      }
+    });
+  };
+
+  /* 查询 */
+  const query = () => {
+    loading.value = true;
+  };
+
+  /* 自定义行属性 */
+  const customRow = (record: CreditFinalVersion) => {
+    return {
+      // 行点击事件
+      onClick: () => {
+        // console.log(record);
+      },
+      // 行双击事件
+      onDblclick: () => {
+        openEdit(record);
+      }
+    };
+  };
+  query();
+</script>
+
+<script lang="ts">
+  export default {
+    name: 'CreditFinalVersion'
+  };
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/views/credit/creditGqdj/components/credit-gqdj-import.vue b/src/views/credit/creditGqdj/components/credit-gqdj-import.vue
new file mode 100644
index 0000000..a36b31e
--- /dev/null
+++ b/src/views/credit/creditGqdj/components/credit-gqdj-import.vue
@@ -0,0 +1,96 @@
+<!-- 股权冻结导入弹窗 -->
+<template>
+  <ele-modal
+    :width="520"
+    :footer="null"
+    title="股权冻结批量导入"
+    :visible="visible"
+    @update:visible="updateVisible"
+  >
+    <a-spin :spinning="loading">
+      <a-upload-dragger
+        accept=".xls,.xlsx"
+        :show-upload-list="false"
+        :customRequest="doUpload"
+        style="padding: 24px 0; margin-bottom: 16px"
+      >
+        <p class="ant-upload-drag-icon">
+          <cloud-upload-outlined />
+        </p>
+        <p class="ant-upload-hint">将文件拖到此处，或点击上传</p>
+      </a-upload-dragger>
+    </a-spin>
+    <div class="ele-text-center">
+      <span>只能上传xls、xlsx文件，</span>
+      <a :href="templateUrl" download="股权冻结导入模板.xlsx">
+        下载导入模板
+      </a>
+    </div>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { computed, ref } from 'vue';
+  import { message } from 'ant-design-vue/es';
+  import { CloudUploadOutlined } from '@ant-design/icons-vue';
+  import { importCreditGqdj } from '@/api/credit/creditGqdj';
+  import { API_BASE_URL } from '@/config/setting';
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  defineProps<{
+    // 是否打开弹窗
+    visible: boolean;
+  }>();
+
+  // 导入请求状态
+  const loading = ref(false);
+
+  // 模板下载地址，保持与当前接口域名一致
+  const templateUrl = computed(() => {
+    const base = (localStorage.getItem('ApiUrl') || API_BASE_URL || '').replace(
+      /\/$/,
+      ''
+    );
+    return `${base}/credit/credit-gqdj/import/template`;
+  });
+
+  /* 上传 */
+  const doUpload = ({ file }) => {
+    if (
+      ![
+        'application/vnd.ms-excel',
+        'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
+      ].includes(file.type)
+    ) {
+      message.error('只能选择 excel 文件');
+      return false;
+    }
+    if (file.size / 1024 / 1024 > 10) {
+      message.error('大小不能超过 10MB');
+      return false;
+    }
+    loading.value = true;
+    importCreditGqdj(file)
+      .then((msg) => {
+        loading.value = false;
+        message.success(msg);
+        updateVisible(false);
+        emit('done');
+      })
+      .catch((e) => {
+        loading.value = false;
+        message.error(e.message);
+      });
+    return false;
+  };
+
+  /* 更新 visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+</script>
+
diff --git a/src/views/credit/creditGqdj/components/creditGqdjEdit.vue b/src/views/credit/creditGqdj/components/creditGqdjEdit.vue
new file mode 100644
index 0000000..c347510
--- /dev/null
+++ b/src/views/credit/creditGqdj/components/creditGqdjEdit.vue
@@ -0,0 +1,300 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑股权冻结' : '添加股权冻结'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="数据类型" name="dataType">
+        <a-input
+          allow-clear
+          placeholder="请输入数据类型"
+          v-model:value="form.dataType"
+        />
+      </a-form-item>
+      <a-form-item label="原告/上诉人" name="plaintiffAppellant">
+        <a-input
+          allow-clear
+          placeholder="请输入原告/上诉人"
+          v-model:value="form.plaintiffAppellant"
+        />
+      </a-form-item>
+      <a-form-item label="被告/被上诉人" name="defendant appellee">
+        <a-input
+          allow-clear
+          placeholder="请输入被告/被上诉人"
+          v-model:value="form.appellee"
+        />
+      </a-form-item>
+      <a-form-item label="其他当事人/第三人" name="otherPartiesThirdParty">
+        <a-input
+          allow-clear
+          placeholder="请输入其他当事人/第三人"
+          v-model:value="form.otherPartiesThirdParty"
+        />
+      </a-form-item>
+      <a-form-item label="发生时间" name="occurrenceTime">
+        <a-input
+          allow-clear
+          placeholder="请输入发生时间"
+          v-model:value="form.occurrenceTime"
+        />
+      </a-form-item>
+      <a-form-item label="案号" name="caseNumber">
+        <a-input
+          allow-clear
+          placeholder="请输入案号"
+          v-model:value="form.caseNumber"
+        />
+      </a-form-item>
+      <a-form-item label="案由" name="causeOfAction">
+        <a-input
+          allow-clear
+          placeholder="请输入案由"
+          v-model:value="form.causeOfAction"
+        />
+      </a-form-item>
+      <a-form-item label="涉案金额" name="involvedAmount">
+        <a-input
+          allow-clear
+          placeholder="请输入涉案金额"
+          v-model:value="form.involvedAmount"
+        />
+      </a-form-item>
+      <a-form-item label="法院" name="courtName">
+        <a-input
+          allow-clear
+          placeholder="请输入法院"
+          v-model:value="form.courtName"
+        />
+      </a-form-item>
+      <a-form-item label="数据状态" name="dataStatus">
+        <a-input
+          allow-clear
+          placeholder="请输入数据状态"
+          v-model:value="form.dataStatus"
+        />
+      </a-form-item>
+      <a-form-item label="备注" name="comments">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="请输入描述"
+          v-model:value="form.comments"
+        />
+      </a-form-item>
+      <a-form-item label="是否推荐" name="recommend">
+        <a-input
+          allow-clear
+          placeholder="请输入是否推荐"
+          v-model:value="form.recommend"
+        />
+      </a-form-item>
+      <a-form-item label="排序(数字越小越靠前)" name="sortNumber">
+        <a-input-number
+          :min="0"
+          :max="9999"
+          class="ele-fluid"
+          placeholder="请输入排序号"
+          v-model:value="form.sortNumber"
+        />
+      </a-form-item>
+      <a-form-item label="状态, 0正常, 1冻结" name="status">
+        <a-radio-group v-model:value="form.status">
+          <a-radio :value="0">显示</a-radio>
+          <a-radio :value="1">隐藏</a-radio>
+        </a-radio-group>
+      </a-form-item>
+      <a-form-item label="是否删除, 0否, 1是" name="deleted">
+        <a-input
+          allow-clear
+          placeholder="请输入是否删除, 0否, 1是"
+          v-model:value="form.deleted"
+        />
+      </a-form-item>
+      <a-form-item label="用户ID" name="userId">
+        <a-input
+          allow-clear
+          placeholder="请输入用户ID"
+          v-model:value="form.userId"
+        />
+      </a-form-item>
+      <a-form-item label="修改时间" name="updateTime">
+        <a-input
+          allow-clear
+          placeholder="请输入修改时间"
+          v-model:value="form.updateTime"
+        />
+      </a-form-item>
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, watch } from 'vue';
+  import { Form, message } from 'ant-design-vue';
+  import { assignObject, uuid } from 'ele-admin-pro';
+  import { addCreditGqdj, updateCreditGqdj } from '@/api/credit/creditGqdj';
+  import { CreditGqdj } from '@/api/credit/creditGqdj/model';
+  import { useThemeStore } from '@/store/modules/theme';
+  import { storeToRefs } from 'pinia';
+  import { ItemType } from 'ele-admin-pro/es/ele-image-upload/types';
+  import { FormInstance } from 'ant-design-vue/es/form';
+  import { FileRecord } from '@/api/system/file/model';
+
+  // 是否是修改
+  const isUpdate = ref(false);
+  const useForm = Form.useForm;
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: CreditGqdj | null;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  // 提交状态
+  const loading = ref(false);
+  // 是否显示最大化切换按钮
+  const maxable = ref(true);
+  // 表格选中数据
+  const formRef = ref<FormInstance | null>(null);
+  const images = ref<ItemType[]>([]);
+
+  // 用户信息
+  const form = reactive<CreditGqdj>({
+    id: undefined,
+    dataType: undefined,
+    plaintiffAppellant: undefined,
+    appellee: undefined,
+    otherPartiesThirdParty: undefined,
+    occurrenceTime: undefined,
+    caseNumber: undefined,
+    causeOfAction: undefined,
+    involvedAmount: undefined,
+    courtName: undefined,
+    dataStatus: undefined,
+    comments: undefined,
+    recommend: undefined,
+    sortNumber: undefined,
+    status: undefined,
+    deleted: undefined,
+    userId: undefined,
+    tenantId: undefined,
+    createTime: undefined,
+    updateTime: undefined,
+    creditGqdjId: undefined,
+    creditGqdjName: '',
+    status: 0,
+    comments: '',
+    sortNumber: 100
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    creditGqdjName: [
+      {
+        required: true,
+        type: 'string',
+        message: '请填写股权冻结名称',
+        trigger: 'blur'
+      }
+    ]
+  });
+
+  const chooseImage = (data: FileRecord) => {
+    images.value.push({
+      uid: data.id,
+      url: data.path,
+      status: 'done'
+    });
+    form.image = data.path;
+  };
+
+  const onDeleteItem = (index: number) => {
+    images.value.splice(index, 1);
+    form.image = '';
+  };
+
+  const { resetFields } = useForm(form, rules);
+
+  /* 保存编辑 */
+  const save = () => {
+    if (!formRef.value) {
+      return;
+    }
+    formRef.value
+      .validate()
+      .then(() => {
+        loading.value = true;
+        const formData = {
+          ...form
+        };
+        const saveOrUpdate = isUpdate.value ? updateCreditGqdj : addCreditGqdj;
+        saveOrUpdate(formData)
+          .then((msg) => {
+            loading.value = false;
+            message.success(msg);
+            updateVisible(false);
+            emit('done');
+          })
+          .catch((e) => {
+            loading.value = false;
+            message.error(e.message);
+          });
+      })
+      .catch(() => {});
+  };
+
+  watch(
+    () => props.visible,
+    (visible) => {
+      if (visible) {
+        images.value = [];
+        if (props.data) {
+          assignObject(form, props.data);
+          if(props.data.image){
+            images.value.push({
+              uid: uuid(),
+              url: props.data.image,
+              status: 'done'
+            })
+          }
+          isUpdate.value = true;
+        } else {
+          isUpdate.value = false;
+        }
+      } else {
+        resetFields();
+      }
+    },
+    { immediate: true }
+  );
+</script>
diff --git a/src/views/credit/creditGqdj/components/search.vue b/src/views/credit/creditGqdj/components/search.vue
new file mode 100644
index 0000000..82fea9d
--- /dev/null
+++ b/src/views/credit/creditGqdj/components/search.vue
@@ -0,0 +1,42 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+    <a-button type="primary" class="ele-btn-icon" @click="add">
+      <template #icon>
+        <PlusOutlined />
+      </template>
+      <span>添加</span>
+    </a-button>
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+  import { PlusOutlined } from '@ant-design/icons-vue';
+  import type { GradeParam } from '@/api/user/grade/model';
+  import { watch } from 'vue';
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的角色
+      selection?: [];
+    }>(),
+    {}
+  );
+
+  const emit = defineEmits<{
+    (e: 'search', where?: GradeParam): void;
+    (e: 'add'): void;
+    (e: 'remove'): void;
+    (e: 'batchMove'): void;
+  }>();
+
+  // 新增
+  const add = () => {
+    emit('add');
+  };
+
+  watch(
+    () => props.selection,
+    () => {}
+  );
+</script>
diff --git a/src/views/credit/creditGqdj/index.vue b/src/views/credit/creditGqdj/index.vue
new file mode 100644
index 0000000..ec35a10
--- /dev/null
+++ b/src/views/credit/creditGqdj/index.vue
@@ -0,0 +1,322 @@
+<template>
+  <a-page-header :title="getPageTitle()" @back="() => $router.go(-1)">
+    <a-card :bordered="false" :body-style="{ padding: '16px' }">
+      <ele-pro-table
+        ref="tableRef"
+        row-key="id"
+        :columns="columns"
+        :datasource="datasource"
+        :customRow="customRow"
+        tool-class="ele-toolbar-form"
+        class="sys-org-table"
+      >
+        <template #toolbar>
+          <search
+            @search="reload"
+            :selection="selection"
+            @add="openEdit"
+            @remove="removeBatch"
+            @batchMove="openMove"
+            @importData="openImport"
+            @exportData="exportData"
+          />
+        </template>
+        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'image'">
+            <a-image :src="record.image" :width="50" />
+          </template>
+          <template v-if="column.key === 'status'">
+            <a-tag v-if="record.status === 0" color="green">显示</a-tag>
+            <a-tag v-if="record.status === 1" color="red">隐藏</a-tag>
+          </template>
+          <template v-if="column.key === 'action'">
+            <a-space>
+              <a @click="openEdit(record)">修改</a>
+              <a-divider type="vertical" />
+              <a-popconfirm
+                title="确定要删除此记录吗？"
+                @confirm="remove(record)"
+              >
+                <a class="ele-text-danger">删除</a>
+              </a-popconfirm>
+            </a-space>
+          </template>
+        </template>
+      </ele-pro-table>
+    </a-card>
+
+    <!-- 编辑弹窗 -->
+    <CreditGqdjEdit v-model:visible="showEdit" :data="current" @done="reload" />
+    <!-- 导入弹窗 -->
+    <CreditGqdjImport v-model:visible="showImport" @done="reload" />
+  </a-page-header>
+</template>
+
+<script lang="ts" setup>
+  import { createVNode, ref } from 'vue';
+  import { message, Modal } from 'ant-design-vue';
+  import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
+  import type { EleProTable } from 'ele-admin-pro';
+  import { toDateString } from 'ele-admin-pro';
+  import type {
+    DatasourceFunction,
+    ColumnItem
+  } from 'ele-admin-pro/es/ele-pro-table/types';
+  import Search from '@/views/credit/components/CreditSearchToolbar.vue';
+  import { exportCreditData } from '../utils/export';
+  import { getPageTitle } from '@/utils/common';
+  import CreditGqdjEdit from './components/creditGqdjEdit.vue';
+  import CreditGqdjImport from './components/credit-gqdj-import.vue';
+  import {
+    pageCreditGqdj,
+    listCreditGqdj,
+    removeCreditGqdj,
+    removeBatchCreditGqdj
+  } from '@/api/credit/creditGqdj';
+  import type {
+    CreditGqdj,
+    CreditGqdjParam
+  } from '@/api/credit/creditGqdj/model';
+
+  // 表格实例
+  const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+  // 表格选中数据
+  const selection = ref<CreditGqdj[]>([]);
+  // 当前编辑数据
+  const current = ref<CreditGqdj | null>(null);
+  // 是否显示编辑弹窗
+  const showEdit = ref(false);
+  // 是否显示导入弹窗
+  const showImport = ref(false);
+  // 是否显示批量移动弹窗
+  const showMove = ref(false);
+  // 加载状态
+  const loading = ref(true);
+  // 搜索关键词
+  const searchText = ref('');
+
+  // 表格数据源
+  const datasource: DatasourceFunction = ({
+    page,
+    limit,
+    where = {},
+    orders,
+    filters
+  }) => {
+    const params: CreditGqdjParam = { ...where };
+    if (filters) {
+      (params as any).status = filters.status;
+    }
+    if (!params.keywords && searchText.value) {
+      params.keywords = searchText.value;
+    }
+    return pageCreditGqdj({
+      ...params,
+      ...orders,
+      page,
+      limit
+    });
+  };
+
+  // 关键信息列
+  const columns = ref<ColumnItem[]>([
+    {
+      title: 'ID',
+      dataIndex: 'id',
+      key: 'id',
+      width: 80
+    },
+    {
+      title: '数据类型',
+      dataIndex: 'dataType',
+      key: 'dataType',
+      ellipsis: true
+    },
+    {
+      title: '原告/上诉人',
+      dataIndex: 'plaintiffAppellant',
+      key: 'plaintiffAppellant',
+      ellipsis: true
+    },
+    {
+      title: '发生时间',
+      dataIndex: 'occurrenceTime',
+      key: 'occurrenceTime',
+      width: 120
+    },
+    {
+      title: '案号',
+      dataIndex: 'caseNumber',
+      key: 'caseNumber',
+      ellipsis: true
+    },
+    {
+      title: '案由',
+      dataIndex: 'causeOfAction',
+      key: 'causeOfAction',
+      ellipsis: true
+    },
+    {
+      title: '涉案金额',
+      dataIndex: 'involvedAmount',
+      key: 'involvedAmount',
+      width: 120
+    },
+    {
+      title: '法院',
+      dataIndex: 'courtName',
+      key: 'courtName',
+      ellipsis: true
+    },
+    {
+      title: '数据状态',
+      dataIndex: 'dataStatus',
+      key: 'dataStatus',
+      ellipsis: true
+    },
+    {
+      title: '创建时间',
+      dataIndex: 'createTime',
+      key: 'createTime',
+      width: 180,
+      align: 'center',
+      ellipsis: true,
+      customRender: ({ text }) => toDateString(text, 'yyyy-MM-dd HH:mm:ss')
+    },
+    {
+      title: '操作',
+      key: 'action',
+      width: 160,
+      fixed: 'right',
+      align: 'center',
+      hideInSetting: true
+    }
+  ]);
+
+  /* 搜索 */
+  const reload = (where?: CreditGqdjParam) => {
+    if (where && Object.prototype.hasOwnProperty.call(where, 'keywords')) {
+      searchText.value = where.keywords ?? '';
+    }
+    const targetWhere = where ?? { keywords: searchText.value || undefined };
+    selection.value = [];
+    tableRef?.value?.reload({ where: targetWhere });
+  };
+
+  /* 打开编辑弹窗 */
+  const openEdit = (row?: CreditGqdj) => {
+    current.value = row ?? null;
+    showEdit.value = true;
+  };
+
+  /* 打开批量移动弹窗 */
+  const openMove = () => {
+    showMove.value = true;
+  };
+
+  /* 打开导入弹窗 */
+  const openImport = () => {
+    showImport.value = true;
+  };
+
+  /* 导出 */
+  const exportData = () => {
+    exportCreditData<CreditGqdj>({
+      filename: '股权冻结',
+      columns: [
+        { title: 'ID', dataIndex: 'id' },
+        { title: '数据类型', dataIndex: 'dataType' },
+        { title: '原告/上诉人', dataIndex: 'plaintiffAppellant' },
+        { title: '发生时间', dataIndex: 'occurrenceTime' },
+        { title: '案号', dataIndex: 'caseNumber' },
+        { title: '案由', dataIndex: 'causeOfAction' },
+        { title: '涉案金额', dataIndex: 'involvedAmount' },
+        { title: '法院', dataIndex: 'courtName' },
+        { title: '数据状态', dataIndex: 'dataStatus' },
+        {
+          title: '创建时间',
+          dataIndex: 'createTime',
+          formatter: (record: CreditGqdj) =>
+            record.createTime
+              ? toDateString(record.createTime, 'yyyy-MM-dd HH:mm:ss')
+              : ''
+        }
+      ],
+      fetchData: () =>
+        listCreditGqdj({
+          keywords: searchText.value || undefined
+        })
+    });
+  };
+
+  /* 删除单个 */
+  const remove = (row: CreditGqdj) => {
+    const hide = message.loading('请求中..', 0);
+    removeCreditGqdj(row.id)
+      .then((msg) => {
+        hide();
+        message.success(msg);
+        reload();
+      })
+      .catch((e) => {
+        hide();
+        message.error(e.message);
+      });
+  };
+
+  /* 批量删除 */
+  const removeBatch = () => {
+    if (!selection.value.length) {
+      message.error('请至少选择一条数据');
+      return;
+    }
+    Modal.confirm({
+      title: '提示',
+      content: '确定要删除选中的记录吗?',
+      icon: createVNode(ExclamationCircleOutlined),
+      maskClosable: true,
+      onOk: () => {
+        const hide = message.loading('请求中..', 0);
+        removeBatchCreditGqdj(selection.value.map((d) => d.id))
+          .then((msg) => {
+            hide();
+            message.success(msg);
+            reload();
+          })
+          .catch((e) => {
+            hide();
+            message.error(e.message);
+          });
+      }
+    });
+  };
+
+  /* 查询 */
+  const query = () => {
+    loading.value = true;
+  };
+
+  /* 自定义行属性 */
+  const customRow = (record: CreditGqdj) => {
+    return {
+      // 行点击事件
+      onClick: () => {
+        // console.log(record);
+      },
+      // 行双击事件
+      onDblclick: () => {
+        openEdit(record);
+      }
+    };
+  };
+  query();
+</script>
+
+<script lang="ts">
+  export default {
+    name: 'CreditGqdj'
+  };
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/views/credit/creditHistoricalLegalPerson/components/creditHistoricalLegalPersonEdit.vue b/src/views/credit/creditHistoricalLegalPerson/components/creditHistoricalLegalPersonEdit.vue
new file mode 100644
index 0000000..f919f22
--- /dev/null
+++ b/src/views/credit/creditHistoricalLegalPerson/components/creditHistoricalLegalPersonEdit.vue
@@ -0,0 +1,260 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑历史法定代表人' : '添加历史法定代表人'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="名称" name="name">
+        <a-input
+          allow-clear
+          placeholder="请输入名称"
+          v-model:value="form.name"
+        />
+      </a-form-item>
+      <a-form-item label="任职日期" name="registerDate">
+        <a-input
+          allow-clear
+          placeholder="请输入任职日期"
+          v-model:value="form.registerDate"
+        />
+      </a-form-item>
+      <a-form-item label="卸任日期" name="publicDate">
+        <a-input
+          allow-clear
+          placeholder="请输入卸任日期"
+          v-model:value="form.publicDate"
+        />
+      </a-form-item>
+      <a-form-item label="链接" name="url">
+        <a-input
+          allow-clear
+          placeholder="请输入链接"
+          v-model:value="form.url"
+        />
+      </a-form-item>
+      <a-form-item label="备注" name="comments">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="请输入描述"
+          v-model:value="form.comments"
+        />
+      </a-form-item>
+      <a-form-item label="企业ID" name="companyId">
+        <a-input
+          allow-clear
+          placeholder="请输入企业ID"
+          v-model:value="form.companyId"
+        />
+      </a-form-item>
+      <a-form-item label="是否推荐" name="recommend">
+        <a-input
+          allow-clear
+          placeholder="请输入是否推荐"
+          v-model:value="form.recommend"
+        />
+      </a-form-item>
+      <a-form-item label="排序(数字越小越靠前)" name="sortNumber">
+        <a-input-number
+          :min="0"
+          :max="9999"
+          class="ele-fluid"
+          placeholder="请输入排序号"
+          v-model:value="form.sortNumber"
+        />
+      </a-form-item>
+      <a-form-item label="状态, 0正常, 1冻结" name="status">
+        <a-radio-group v-model:value="form.status">
+          <a-radio :value="0">显示</a-radio>
+          <a-radio :value="1">隐藏</a-radio>
+        </a-radio-group>
+      </a-form-item>
+      <a-form-item label="是否删除, 0否, 1是" name="deleted">
+        <a-input
+          allow-clear
+          placeholder="请输入是否删除, 0否, 1是"
+          v-model:value="form.deleted"
+        />
+      </a-form-item>
+      <a-form-item label="用户ID" name="userId">
+        <a-input
+          allow-clear
+          placeholder="请输入用户ID"
+          v-model:value="form.userId"
+        />
+      </a-form-item>
+      <a-form-item label="修改时间" name="updateTime">
+        <a-input
+          allow-clear
+          placeholder="请输入修改时间"
+          v-model:value="form.updateTime"
+        />
+      </a-form-item>
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, watch } from 'vue';
+  import { Form, message } from 'ant-design-vue';
+  import { assignObject, uuid } from 'ele-admin-pro';
+  import { addCreditHistoricalLegalPerson, updateCreditHistoricalLegalPerson } from '@/api/credit/creditHistoricalLegalPerson';
+  import { CreditHistoricalLegalPerson } from '@/api/credit/creditHistoricalLegalPerson/model';
+  import { useThemeStore } from '@/store/modules/theme';
+  import { storeToRefs } from 'pinia';
+  import { ItemType } from 'ele-admin-pro/es/ele-image-upload/types';
+  import { FormInstance } from 'ant-design-vue/es/form';
+  import { FileRecord } from '@/api/system/file/model';
+
+  // 是否是修改
+  const isUpdate = ref(false);
+  const useForm = Form.useForm;
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: CreditHistoricalLegalPerson | null;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  // 提交状态
+  const loading = ref(false);
+  // 是否显示最大化切换按钮
+  const maxable = ref(true);
+  // 表格选中数据
+  const formRef = ref<FormInstance | null>(null);
+  const images = ref<ItemType[]>([]);
+
+  // 用户信息
+  const form = reactive<CreditHistoricalLegalPerson>({
+    id: undefined,
+    name: undefined,
+    registerDate: undefined,
+    publicDate: undefined,
+    url: undefined,
+    comments: undefined,
+    companyId: undefined,
+    recommend: undefined,
+    sortNumber: undefined,
+    status: undefined,
+    deleted: undefined,
+    userId: undefined,
+    tenantId: undefined,
+    createTime: undefined,
+    updateTime: undefined,
+    creditHistoricalLegalPersonId: undefined,
+    creditHistoricalLegalPersonName: '',
+    status: 0,
+    comments: '',
+    sortNumber: 100
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    creditHistoricalLegalPersonName: [
+      {
+        required: true,
+        type: 'string',
+        message: '请填写历史法定代表人名称',
+        trigger: 'blur'
+      }
+    ]
+  });
+
+  const chooseImage = (data: FileRecord) => {
+    images.value.push({
+      uid: data.id,
+      url: data.path,
+      status: 'done'
+    });
+    form.image = data.path;
+  };
+
+  const onDeleteItem = (index: number) => {
+    images.value.splice(index, 1);
+    form.image = '';
+  };
+
+  const { resetFields } = useForm(form, rules);
+
+  /* 保存编辑 */
+  const save = () => {
+    if (!formRef.value) {
+      return;
+    }
+    formRef.value
+      .validate()
+      .then(() => {
+        loading.value = true;
+        const formData = {
+          ...form
+        };
+        const saveOrUpdate = isUpdate.value ? updateCreditHistoricalLegalPerson : addCreditHistoricalLegalPerson;
+        saveOrUpdate(formData)
+          .then((msg) => {
+            loading.value = false;
+            message.success(msg);
+            updateVisible(false);
+            emit('done');
+          })
+          .catch((e) => {
+            loading.value = false;
+            message.error(e.message);
+          });
+      })
+      .catch(() => {});
+  };
+
+  watch(
+    () => props.visible,
+    (visible) => {
+      if (visible) {
+        images.value = [];
+        if (props.data) {
+          assignObject(form, props.data);
+          if(props.data.image){
+            images.value.push({
+              uid: uuid(),
+              url: props.data.image,
+              status: 'done'
+            })
+          }
+          isUpdate.value = true;
+        } else {
+          isUpdate.value = false;
+        }
+      } else {
+        resetFields();
+      }
+    },
+    { immediate: true }
+  );
+</script>
diff --git a/src/views/credit/creditHistoricalLegalPerson/components/search.vue b/src/views/credit/creditHistoricalLegalPerson/components/search.vue
new file mode 100644
index 0000000..82fea9d
--- /dev/null
+++ b/src/views/credit/creditHistoricalLegalPerson/components/search.vue
@@ -0,0 +1,42 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+    <a-button type="primary" class="ele-btn-icon" @click="add">
+      <template #icon>
+        <PlusOutlined />
+      </template>
+      <span>添加</span>
+    </a-button>
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+  import { PlusOutlined } from '@ant-design/icons-vue';
+  import type { GradeParam } from '@/api/user/grade/model';
+  import { watch } from 'vue';
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的角色
+      selection?: [];
+    }>(),
+    {}
+  );
+
+  const emit = defineEmits<{
+    (e: 'search', where?: GradeParam): void;
+    (e: 'add'): void;
+    (e: 'remove'): void;
+    (e: 'batchMove'): void;
+  }>();
+
+  // 新增
+  const add = () => {
+    emit('add');
+  };
+
+  watch(
+    () => props.selection,
+    () => {}
+  );
+</script>
diff --git a/src/views/credit/creditHistoricalLegalPerson/index.vue b/src/views/credit/creditHistoricalLegalPerson/index.vue
new file mode 100644
index 0000000..d568774
--- /dev/null
+++ b/src/views/credit/creditHistoricalLegalPerson/index.vue
@@ -0,0 +1,290 @@
+<template>
+  <a-page-header :title="getPageTitle()" @back="() => $router.go(-1)">
+      <a-card :bordered="false" :body-style="{ padding: '16px' }">
+        <ele-pro-table
+          ref="tableRef"
+          row-key="id"
+          :columns="columns"
+          :datasource="datasource"
+          :customRow="customRow"
+          tool-class="ele-toolbar-form"
+          class="sys-org-table"
+        >
+          <template #toolbar>
+            <search
+              @search="reload"
+              :selection="selection"
+              @add="openEdit"
+              @remove="removeBatch"
+              @batchMove="openMove"
+            />
+          </template>
+          <template #bodyCell="{ column, record }">
+            <template v-if="column.key === 'image'">
+              <a-image :src="record.image" :width="50" />
+            </template>
+            <template v-if="column.key === 'status'">
+              <a-tag v-if="record.status === 0" color="green">显示</a-tag>
+              <a-tag v-if="record.status === 1" color="red">隐藏</a-tag>
+            </template>
+            <template v-if="column.key === 'action'">
+              <a-space>
+                <a @click="openEdit(record)">修改</a>
+                <a-divider type="vertical" />
+                <a-popconfirm
+                  title="确定要删除此记录吗？"
+                  @confirm="remove(record)"
+                >
+                  <a class="ele-text-danger">删除</a>
+                </a-popconfirm>
+              </a-space>
+            </template>
+          </template>
+        </ele-pro-table>
+      </a-card>
+
+      <!-- 编辑弹窗 -->
+      <CreditHistoricalLegalPersonEdit v-model:visible="showEdit" :data="current" @done="reload" />
+  </a-page-header>
+</template>
+
+<script lang="ts" setup>
+  import { createVNode, ref, computed } from 'vue';
+  import { message, Modal } from 'ant-design-vue';
+  import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
+  import type { EleProTable } from 'ele-admin-pro';
+  import { toDateString } from 'ele-admin-pro';
+  import type {
+    DatasourceFunction,
+    ColumnItem
+  } from 'ele-admin-pro/es/ele-pro-table/types';
+  import Search from './components/search.vue';
+  import {getPageTitle} from '@/utils/common';
+  import CreditHistoricalLegalPersonEdit from './components/creditHistoricalLegalPersonEdit.vue';
+  import { pageCreditHistoricalLegalPerson, removeCreditHistoricalLegalPerson, removeBatchCreditHistoricalLegalPerson } from '@/api/credit/creditHistoricalLegalPerson';
+  import type { CreditHistoricalLegalPerson, CreditHistoricalLegalPersonParam } from '@/api/credit/creditHistoricalLegalPerson/model';
+
+  // 表格实例
+  const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+  // 表格选中数据
+  const selection = ref<CreditHistoricalLegalPerson[]>([]);
+  // 当前编辑数据
+  const current = ref<CreditHistoricalLegalPerson | null>(null);
+  // 是否显示编辑弹窗
+  const showEdit = ref(false);
+  // 是否显示批量移动弹窗
+  const showMove = ref(false);
+  // 加载状态
+  const loading = ref(true);
+
+  // 表格数据源
+  const datasource: DatasourceFunction = ({
+    page,
+    limit,
+    where,
+    orders,
+    filters
+  }) => {
+    if (filters) {
+      where.status = filters.status;
+    }
+    return pageCreditHistoricalLegalPerson({
+      ...where,
+      ...orders,
+      page,
+      limit
+    });
+  };
+
+  // 完整的列配置（包含所有字段）
+  const columns = ref<ColumnItem[]>([
+    {
+      title: 'ID',
+      dataIndex: 'id',
+      key: 'id',
+      width: 90,
+    },
+    {
+      title: '名称',
+      dataIndex: 'name',
+      key: 'name',
+      ellipsis: true
+    },
+    {
+      title: '任职日期',
+      dataIndex: 'registerDate',
+      key: 'registerDate',
+      ellipsis: true
+    },
+    {
+      title: '卸任日期',
+      dataIndex: 'publicDate',
+      key: 'publicDate',
+      ellipsis: true
+    },
+    {
+      title: '链接',
+      dataIndex: 'url',
+      key: 'url',
+      ellipsis: true
+    },
+    {
+      title: '备注',
+      dataIndex: 'comments',
+      key: 'comments',
+      ellipsis: true
+    },
+    {
+      title: '企业ID',
+      dataIndex: 'companyId',
+      key: 'companyId',
+      width: 120
+    },
+    {
+      title: '是否推荐',
+      dataIndex: 'recommend',
+      key: 'recommend',
+      width: 120
+    },
+    {
+      title: '排序(数字越小越靠前)',
+      dataIndex: 'sortNumber',
+      key: 'sortNumber',
+      width: 120
+    },
+    {
+      title: '状态, 0正常, 1冻结',
+      dataIndex: 'status',
+      key: 'status',
+      width: 120
+    },
+    {
+      title: '是否删除, 0否, 1是',
+      dataIndex: 'deleted',
+      key: 'deleted',
+      width: 120
+    },
+    {
+      title: '用户ID',
+      dataIndex: 'userId',
+      key: 'userId',
+      width: 120
+    },
+    {
+      title: '创建时间',
+      dataIndex: 'createTime',
+      key: 'createTime',
+      width: 200,
+      align: 'center',
+      sorter: true,
+      ellipsis: true,
+      customRender: ({ text }) => toDateString(text, 'yyyy-MM-dd HH:mm:ss')
+    },
+    {
+      title: '修改时间',
+      dataIndex: 'updateTime',
+      key: 'updateTime',
+      width: 200,
+      align: 'center',
+      sorter: true,
+      ellipsis: true,
+      customRender: ({ text }) => toDateString(text, 'yyyy-MM-dd HH:mm:ss')
+    },
+    {
+      title: '操作',
+      key: 'action',
+      width: 180,
+      fixed: 'right',
+      align: 'center',
+      hideInSetting: true
+    }
+  ]);
+
+  /* 搜索 */
+  const reload = (where?: CreditHistoricalLegalPersonParam) => {
+    selection.value = [];
+    tableRef?.value?.reload({ where: where });
+  };
+
+  /* 打开编辑弹窗 */
+  const openEdit = (row?: CreditHistoricalLegalPerson) => {
+    current.value = row ?? null;
+    showEdit.value = true;
+  };
+
+  /* 打开批量移动弹窗 */
+  const openMove = () => {
+    showMove.value = true;
+  };
+
+  /* 删除单个 */
+  const remove = (row: CreditHistoricalLegalPerson) => {
+    const hide = message.loading('请求中..', 0);
+    removeCreditHistoricalLegalPerson(row.id)
+      .then((msg) => {
+        hide();
+        message.success(msg);
+        reload();
+      })
+      .catch((e) => {
+        hide();
+        message.error(e.message);
+      });
+  };
+
+  /* 批量删除 */
+  const removeBatch = () => {
+    if (!selection.value.length) {
+      message.error('请至少选择一条数据');
+      return;
+    }
+    Modal.confirm({
+      title: '提示',
+      content: '确定要删除选中的记录吗?',
+      icon: createVNode(ExclamationCircleOutlined),
+      maskClosable: true,
+      onOk: () => {
+        const hide = message.loading('请求中..', 0);
+        removeBatchCreditHistoricalLegalPerson(selection.value.map((d) => d.id))
+          .then((msg) => {
+            hide();
+            message.success(msg);
+            reload();
+          })
+          .catch((e) => {
+            hide();
+            message.error(e.message);
+          });
+      }
+    });
+  };
+
+  /* 查询 */
+  const query = () => {
+    loading.value = true;
+  };
+
+  /* 自定义行属性 */
+  const customRow = (record: CreditHistoricalLegalPerson) => {
+    return {
+      // 行点击事件
+      onClick: () => {
+        // console.log(record);
+      },
+      // 行双击事件
+      onDblclick: () => {
+        openEdit(record);
+      }
+    };
+  };
+  query();
+</script>
+
+<script lang="ts">
+  export default {
+    name: 'CreditHistoricalLegalPerson'
+  };
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/views/credit/creditJudgmentDebtor/components/credit-judgment-debtor-import.vue b/src/views/credit/creditJudgmentDebtor/components/credit-judgment-debtor-import.vue
new file mode 100644
index 0000000..f735e5e
--- /dev/null
+++ b/src/views/credit/creditJudgmentDebtor/components/credit-judgment-debtor-import.vue
@@ -0,0 +1,96 @@
+<!-- 被执行人导入弹窗 -->
+<template>
+  <ele-modal
+    :width="520"
+    :footer="null"
+    title="被执行人批量导入"
+    :visible="visible"
+    @update:visible="updateVisible"
+  >
+    <a-spin :spinning="loading">
+      <a-upload-dragger
+        accept=".xls,.xlsx"
+        :show-upload-list="false"
+        :customRequest="doUpload"
+        style="padding: 24px 0; margin-bottom: 16px"
+      >
+        <p class="ant-upload-drag-icon">
+          <cloud-upload-outlined />
+        </p>
+        <p class="ant-upload-hint">将文件拖到此处，或点击上传</p>
+      </a-upload-dragger>
+    </a-spin>
+    <div class="ele-text-center">
+      <span>只能上传xls、xlsx文件，</span>
+      <a :href="templateUrl" download="被执行人导入模板.xlsx">
+        下载导入模板
+      </a>
+    </div>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { computed, ref } from 'vue';
+  import { message } from 'ant-design-vue/es';
+  import { CloudUploadOutlined } from '@ant-design/icons-vue';
+  import { importCreditJudgmentDebtor } from '@/api/credit/creditJudgmentDebtor';
+  import { API_BASE_URL } from '@/config/setting';
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  defineProps<{
+    // 是否打开弹窗
+    visible: boolean;
+  }>();
+
+  // 导入请求状态
+  const loading = ref(false);
+
+  // 模板下载地址，保持与当前接口域名一致
+  const templateUrl = computed(() => {
+    const base = (localStorage.getItem('ApiUrl') || API_BASE_URL || '').replace(
+      /\/$/,
+      ''
+    );
+    return `${base}/credit/credit-judgment-debtor/import/template`;
+  });
+
+  /* 上传 */
+  const doUpload = ({ file }) => {
+    if (
+      ![
+        'application/vnd.ms-excel',
+        'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
+      ].includes(file.type)
+    ) {
+      message.error('只能选择 excel 文件');
+      return false;
+    }
+    if (file.size / 1024 / 1024 > 10) {
+      message.error('大小不能超过 10MB');
+      return false;
+    }
+    loading.value = true;
+    importCreditJudgmentDebtor(file)
+      .then((msg) => {
+        loading.value = false;
+        message.success(msg);
+        updateVisible(false);
+        emit('done');
+      })
+      .catch((e) => {
+        loading.value = false;
+        message.error(e.message);
+      });
+    return false;
+  };
+
+  /* 更新 visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+</script>
+
diff --git a/src/views/credit/creditJudgmentDebtor/components/creditJudgmentDebtorEdit.vue b/src/views/credit/creditJudgmentDebtor/components/creditJudgmentDebtorEdit.vue
new file mode 100644
index 0000000..64713bb
--- /dev/null
+++ b/src/views/credit/creditJudgmentDebtor/components/creditJudgmentDebtorEdit.vue
@@ -0,0 +1,276 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑被执行人' : '添加被执行人'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="案号" name="caseNumber">
+        <a-input
+          allow-clear
+          placeholder="请输入案号"
+          v-model:value="form.caseNumber"
+        />
+      </a-form-item>
+      <a-form-item label="被执行人名称" name="name">
+        <a-input
+          allow-clear
+          placeholder="请输入被执行人名称"
+          v-model:value="form.name"
+        />
+      </a-form-item>
+      <a-form-item label="证件号/组织机构代码" name="code">
+        <a-input
+          allow-clear
+          placeholder="请输入证件号/组织机构代码"
+          v-model:value="form.code"
+        />
+      </a-form-item>
+      <a-form-item label="立案日期" name="occurrenceTime">
+        <a-input
+          allow-clear
+          placeholder="请输入立案日期"
+          v-model:value="form.occurrenceTime"
+        />
+      </a-form-item>
+      <a-form-item label="执行标的(元)" name="amount">
+        <a-input
+          allow-clear
+          placeholder="请输入执行标的(元)"
+          v-model:value="form.amount"
+        />
+      </a-form-item>
+      <a-form-item label="法院" name="courtName">
+        <a-input
+          allow-clear
+          placeholder="请输入法院"
+          v-model:value="form.courtName"
+        />
+      </a-form-item>
+      <a-form-item label="数据状态" name="dataStatus">
+        <a-input
+          allow-clear
+          placeholder="请输入数据状态"
+          v-model:value="form.dataStatus"
+        />
+      </a-form-item>
+      <a-form-item label="备注" name="comments">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="请输入描述"
+          v-model:value="form.comments"
+        />
+      </a-form-item>
+      <a-form-item label="是否推荐" name="recommend">
+        <a-input
+          allow-clear
+          placeholder="请输入是否推荐"
+          v-model:value="form.recommend"
+        />
+      </a-form-item>
+      <a-form-item label="排序(数字越小越靠前)" name="sortNumber">
+        <a-input-number
+          :min="0"
+          :max="9999"
+          class="ele-fluid"
+          placeholder="请输入排序号"
+          v-model:value="form.sortNumber"
+        />
+      </a-form-item>
+      <a-form-item label="状态, 0正常, 1冻结" name="status">
+        <a-radio-group v-model:value="form.status">
+          <a-radio :value="0">显示</a-radio>
+          <a-radio :value="1">隐藏</a-radio>
+        </a-radio-group>
+      </a-form-item>
+      <a-form-item label="是否删除, 0否, 1是" name="deleted">
+        <a-input
+          allow-clear
+          placeholder="请输入是否删除, 0否, 1是"
+          v-model:value="form.deleted"
+        />
+      </a-form-item>
+      <a-form-item label="用户ID" name="userId">
+        <a-input
+          allow-clear
+          placeholder="请输入用户ID"
+          v-model:value="form.userId"
+        />
+      </a-form-item>
+      <a-form-item label="修改时间" name="updateTime">
+        <a-input
+          allow-clear
+          placeholder="请输入修改时间"
+          v-model:value="form.updateTime"
+        />
+      </a-form-item>
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, watch } from 'vue';
+  import { Form, message } from 'ant-design-vue';
+  import { assignObject, uuid } from 'ele-admin-pro';
+  import { addCreditJudgmentDebtor, updateCreditJudgmentDebtor } from '@/api/credit/creditJudgmentDebtor';
+  import { CreditJudgmentDebtor } from '@/api/credit/creditJudgmentDebtor/model';
+  import { useThemeStore } from '@/store/modules/theme';
+  import { storeToRefs } from 'pinia';
+  import { ItemType } from 'ele-admin-pro/es/ele-image-upload/types';
+  import { FormInstance } from 'ant-design-vue/es/form';
+  import { FileRecord } from '@/api/system/file/model';
+
+  // 是否是修改
+  const isUpdate = ref(false);
+  const useForm = Form.useForm;
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: CreditJudgmentDebtor | null;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  // 提交状态
+  const loading = ref(false);
+  // 是否显示最大化切换按钮
+  const maxable = ref(true);
+  // 表格选中数据
+  const formRef = ref<FormInstance | null>(null);
+  const images = ref<ItemType[]>([]);
+
+  // 用户信息
+  const form = reactive<CreditJudgmentDebtor>({
+    id: undefined,
+    caseNumber: undefined,
+    name: undefined,
+    code: undefined,
+    occurrenceTime: undefined,
+    amount: undefined,
+    courtName: undefined,
+    dataStatus: undefined,
+    comments: undefined,
+    recommend: undefined,
+    sortNumber: undefined,
+    status: undefined,
+    deleted: undefined,
+    userId: undefined,
+    tenantId: undefined,
+    createTime: undefined,
+    updateTime: undefined,
+    creditJudgmentDebtorId: undefined,
+    creditJudgmentDebtorName: '',
+    status: 0,
+    comments: '',
+    sortNumber: 100
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    creditJudgmentDebtorName: [
+      {
+        required: true,
+        type: 'string',
+        message: '请填写被执行人名称',
+        trigger: 'blur'
+      }
+    ]
+  });
+
+  const chooseImage = (data: FileRecord) => {
+    images.value.push({
+      uid: data.id,
+      url: data.path,
+      status: 'done'
+    });
+    form.image = data.path;
+  };
+
+  const onDeleteItem = (index: number) => {
+    images.value.splice(index, 1);
+    form.image = '';
+  };
+
+  const { resetFields } = useForm(form, rules);
+
+  /* 保存编辑 */
+  const save = () => {
+    if (!formRef.value) {
+      return;
+    }
+    formRef.value
+      .validate()
+      .then(() => {
+        loading.value = true;
+        const formData = {
+          ...form
+        };
+        const saveOrUpdate = isUpdate.value ? updateCreditJudgmentDebtor : addCreditJudgmentDebtor;
+        saveOrUpdate(formData)
+          .then((msg) => {
+            loading.value = false;
+            message.success(msg);
+            updateVisible(false);
+            emit('done');
+          })
+          .catch((e) => {
+            loading.value = false;
+            message.error(e.message);
+          });
+      })
+      .catch(() => {});
+  };
+
+  watch(
+    () => props.visible,
+    (visible) => {
+      if (visible) {
+        images.value = [];
+        if (props.data) {
+          assignObject(form, props.data);
+          if(props.data.image){
+            images.value.push({
+              uid: uuid(),
+              url: props.data.image,
+              status: 'done'
+            })
+          }
+          isUpdate.value = true;
+        } else {
+          isUpdate.value = false;
+        }
+      } else {
+        resetFields();
+      }
+    },
+    { immediate: true }
+  );
+</script>
diff --git a/src/views/credit/creditJudgmentDebtor/components/search.vue b/src/views/credit/creditJudgmentDebtor/components/search.vue
new file mode 100644
index 0000000..82fea9d
--- /dev/null
+++ b/src/views/credit/creditJudgmentDebtor/components/search.vue
@@ -0,0 +1,42 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+    <a-button type="primary" class="ele-btn-icon" @click="add">
+      <template #icon>
+        <PlusOutlined />
+      </template>
+      <span>添加</span>
+    </a-button>
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+  import { PlusOutlined } from '@ant-design/icons-vue';
+  import type { GradeParam } from '@/api/user/grade/model';
+  import { watch } from 'vue';
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的角色
+      selection?: [];
+    }>(),
+    {}
+  );
+
+  const emit = defineEmits<{
+    (e: 'search', where?: GradeParam): void;
+    (e: 'add'): void;
+    (e: 'remove'): void;
+    (e: 'batchMove'): void;
+  }>();
+
+  // 新增
+  const add = () => {
+    emit('add');
+  };
+
+  watch(
+    () => props.selection,
+    () => {}
+  );
+</script>
diff --git a/src/views/credit/creditJudgmentDebtor/index.vue b/src/views/credit/creditJudgmentDebtor/index.vue
new file mode 100644
index 0000000..f389859
--- /dev/null
+++ b/src/views/credit/creditJudgmentDebtor/index.vue
@@ -0,0 +1,327 @@
+<template>
+  <a-page-header :title="getPageTitle()" @back="() => $router.go(-1)">
+    <a-card :bordered="false" :body-style="{ padding: '16px' }">
+      <ele-pro-table
+        ref="tableRef"
+        row-key="id"
+        :columns="columns"
+        :datasource="datasource"
+        :customRow="customRow"
+        tool-class="ele-toolbar-form"
+        class="sys-org-table"
+      >
+        <template #toolbar>
+          <search
+            @search="reload"
+            :selection="selection"
+            @add="openEdit"
+            @remove="removeBatch"
+            @batchMove="openMove"
+            @importData="openImport"
+            @exportData="exportData"
+          />
+        </template>
+        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'image'">
+            <a-image :src="record.image" :width="50" />
+          </template>
+          <template v-if="column.key === 'name'">
+            <template v-if="record.url">
+              <a :href="record.url" target="_blank">{{ record.name }}</a>
+            </template>
+            <template v-else>
+              {{ record.name }}
+            </template>
+          </template>
+          <template v-if="column.key === 'status'">
+            <a-tag v-if="record.status === 0" color="green">显示</a-tag>
+            <a-tag v-if="record.status === 1" color="red">隐藏</a-tag>
+          </template>
+          <template v-if="column.key === 'action'">
+            <a-space>
+              <a @click="openEdit(record)">修改</a>
+              <a-divider type="vertical" />
+              <a-popconfirm
+                title="确定要删除此记录吗？"
+                @confirm="remove(record)"
+              >
+                <a class="ele-text-danger">删除</a>
+              </a-popconfirm>
+            </a-space>
+          </template>
+        </template>
+      </ele-pro-table>
+    </a-card>
+
+    <!-- 编辑弹窗 -->
+    <CreditJudgmentDebtorEdit
+      v-model:visible="showEdit"
+      :data="current"
+      @done="reload"
+    />
+    <!-- 导入弹窗 -->
+    <CreditJudgmentDebtorImport v-model:visible="showImport" @done="reload" />
+  </a-page-header>
+</template>
+
+<script lang="ts" setup>
+  import { createVNode, ref } from 'vue';
+  import { message, Modal } from 'ant-design-vue';
+  import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
+  import type { EleProTable } from 'ele-admin-pro';
+  import { toDateString } from 'ele-admin-pro';
+  import type {
+    DatasourceFunction,
+    ColumnItem
+  } from 'ele-admin-pro/es/ele-pro-table/types';
+  import Search from '@/views/credit/components/CreditSearchToolbar.vue';
+  import { exportCreditData } from '../utils/export';
+  import { getPageTitle } from '@/utils/common';
+  import CreditJudgmentDebtorEdit from './components/creditJudgmentDebtorEdit.vue';
+  import CreditJudgmentDebtorImport from './components/credit-judgment-debtor-import.vue';
+  import {
+    pageCreditJudgmentDebtor,
+    listCreditJudgmentDebtor,
+    removeCreditJudgmentDebtor,
+    removeBatchCreditJudgmentDebtor
+  } from '@/api/credit/creditJudgmentDebtor';
+  import type {
+    CreditJudgmentDebtor,
+    CreditJudgmentDebtorParam
+  } from '@/api/credit/creditJudgmentDebtor/model';
+
+  // 表格实例
+  const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+  // 表格选中数据
+  const selection = ref<CreditJudgmentDebtor[]>([]);
+  // 当前编辑数据
+  const current = ref<CreditJudgmentDebtor | null>(null);
+  // 是否显示编辑弹窗
+  const showEdit = ref(false);
+  // 是否显示导入弹窗
+  const showImport = ref(false);
+  // 是否显示批量移动弹窗
+  const showMove = ref(false);
+  // 加载状态
+  const loading = ref(true);
+  // 搜索关键词
+  const searchText = ref('');
+
+  // 表格数据源
+  const datasource: DatasourceFunction = ({
+    page,
+    limit,
+    where = {},
+    orders,
+    filters
+  }) => {
+    const params: CreditJudgmentDebtorParam = { ...where };
+    if (filters) {
+      (params as any).status = filters.status;
+    }
+    if (!params.keywords && searchText.value) {
+      params.keywords = searchText.value;
+    }
+    return pageCreditJudgmentDebtor({
+      ...params,
+      ...orders,
+      page,
+      limit
+    });
+  };
+
+  // 关键信息列
+  const columns = ref<ColumnItem[]>([
+    {
+      title: 'ID',
+      dataIndex: 'id',
+      key: 'id',
+      width: 80
+    },
+    {
+      title: '案号',
+      dataIndex: 'caseNumber',
+      key: 'caseNumber',
+      ellipsis: true
+    },
+    {
+      title: '被执行人名称',
+      dataIndex: 'name',
+      key: 'name',
+      ellipsis: true
+    },
+    {
+      title: '证件号/组织机构代码',
+      dataIndex: 'code',
+      key: 'code',
+      ellipsis: true
+    },
+    {
+      title: '立案日期',
+      dataIndex: 'occurrenceTime',
+      key: 'occurrenceTime',
+      width: 120
+    },
+    {
+      title: '执行标的(元)',
+      dataIndex: 'amount',
+      key: 'amount',
+      width: 120
+    },
+    {
+      title: '法院',
+      dataIndex: 'courtName',
+      key: 'courtName',
+      ellipsis: true
+    },
+    // {
+    //   title: '数据状态',
+    //   dataIndex: 'dataStatus',
+    //   key: 'dataStatus',
+    //   ellipsis: true
+    // },
+    {
+      title: '创建时间',
+      dataIndex: 'createTime',
+      key: 'createTime',
+      width: 180,
+      align: 'center',
+      ellipsis: true,
+      customRender: ({ text }) => toDateString(text, 'yyyy-MM-dd HH:mm:ss')
+    },
+    {
+      title: '操作',
+      key: 'action',
+      width: 160,
+      fixed: 'right',
+      align: 'center',
+      hideInSetting: true
+    }
+  ]);
+
+  /* 搜索 */
+  const reload = (where?: CreditJudgmentDebtorParam) => {
+    if (where && Object.prototype.hasOwnProperty.call(where, 'keywords')) {
+      searchText.value = where.keywords ?? '';
+    }
+    const targetWhere = where ?? { keywords: searchText.value || undefined };
+    selection.value = [];
+    tableRef?.value?.reload({ where: targetWhere });
+  };
+
+  /* 打开编辑弹窗 */
+  const openEdit = (row?: CreditJudgmentDebtor) => {
+    current.value = row ?? null;
+    showEdit.value = true;
+  };
+
+  /* 打开批量移动弹窗 */
+  const openMove = () => {
+    showMove.value = true;
+  };
+
+  /* 打开导入弹窗 */
+  const openImport = () => {
+    showImport.value = true;
+  };
+
+  /* 导出 */
+  const exportData = () => {
+    exportCreditData<CreditJudgmentDebtor>({
+      filename: '被执行人',
+      columns: [
+        { title: 'ID', dataIndex: 'id' },
+        { title: '案号', dataIndex: 'caseNumber' },
+        { title: '被执行人名称', dataIndex: 'name' },
+        { title: '证件号/组织机构代码', dataIndex: 'code' },
+        { title: '立案日期', dataIndex: 'occurrenceTime' },
+        { title: '执行标的(元)', dataIndex: 'amount' },
+        { title: '法院', dataIndex: 'courtName' },
+        { title: '数据状态', dataIndex: 'dataStatus' },
+        {
+          title: '创建时间',
+          dataIndex: 'createTime',
+          formatter: (record: CreditJudgmentDebtor) =>
+            record.createTime
+              ? toDateString(record.createTime, 'yyyy-MM-dd HH:mm:ss')
+              : ''
+        }
+      ],
+      fetchData: () =>
+        listCreditJudgmentDebtor({
+          keywords: searchText.value || undefined
+        })
+    });
+  };
+
+  /* 删除单个 */
+  const remove = (row: CreditJudgmentDebtor) => {
+    const hide = message.loading('请求中..', 0);
+    removeCreditJudgmentDebtor(row.id)
+      .then((msg) => {
+        hide();
+        message.success(msg);
+        reload();
+      })
+      .catch((e) => {
+        hide();
+        message.error(e.message);
+      });
+  };
+
+  /* 批量删除 */
+  const removeBatch = () => {
+    if (!selection.value.length) {
+      message.error('请至少选择一条数据');
+      return;
+    }
+    Modal.confirm({
+      title: '提示',
+      content: '确定要删除选中的记录吗?',
+      icon: createVNode(ExclamationCircleOutlined),
+      maskClosable: true,
+      onOk: () => {
+        const hide = message.loading('请求中..', 0);
+        removeBatchCreditJudgmentDebtor(selection.value.map((d) => d.id))
+          .then((msg) => {
+            hide();
+            message.success(msg);
+            reload();
+          })
+          .catch((e) => {
+            hide();
+            message.error(e.message);
+          });
+      }
+    });
+  };
+
+  /* 查询 */
+  const query = () => {
+    loading.value = true;
+  };
+
+  /* 自定义行属性 */
+  const customRow = (record: CreditJudgmentDebtor) => {
+    return {
+      // 行点击事件
+      onClick: () => {
+        // console.log(record);
+      },
+      // 行双击事件
+      onDblclick: () => {
+        openEdit(record);
+      }
+    };
+  };
+  query();
+</script>
+
+<script lang="ts">
+  export default {
+    name: 'CreditJudgmentDebtor'
+  };
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/views/credit/creditJudicialDocument/components/credit-judicial-document-import.vue b/src/views/credit/creditJudicialDocument/components/credit-judicial-document-import.vue
new file mode 100644
index 0000000..1f51e2b
--- /dev/null
+++ b/src/views/credit/creditJudicialDocument/components/credit-judicial-document-import.vue
@@ -0,0 +1,96 @@
+<!-- 裁判文书导入弹窗 -->
+<template>
+  <ele-modal
+    :width="520"
+    :footer="null"
+    title="裁判文书批量导入"
+    :visible="visible"
+    @update:visible="updateVisible"
+  >
+    <a-spin :spinning="loading">
+      <a-upload-dragger
+        accept=".xls,.xlsx"
+        :show-upload-list="false"
+        :customRequest="doUpload"
+        style="padding: 24px 0; margin-bottom: 16px"
+      >
+        <p class="ant-upload-drag-icon">
+          <cloud-upload-outlined />
+        </p>
+        <p class="ant-upload-hint">将文件拖到此处，或点击上传</p>
+      </a-upload-dragger>
+    </a-spin>
+    <div class="ele-text-center">
+      <span>只能上传xls、xlsx文件，</span>
+      <a :href="templateUrl" download="裁判文书导入模板.xlsx">
+        下载导入模板
+      </a>
+    </div>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { computed, ref } from 'vue';
+  import { message } from 'ant-design-vue/es';
+  import { CloudUploadOutlined } from '@ant-design/icons-vue';
+  import { importCreditJudicialDocument } from '@/api/credit/creditJudicialDocument';
+  import { API_BASE_URL } from '@/config/setting';
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  defineProps<{
+    // 是否打开弹窗
+    visible: boolean;
+  }>();
+
+  // 导入请求状态
+  const loading = ref(false);
+
+  // 模板下载地址，保持与当前接口域名一致
+  const templateUrl = computed(() => {
+    const base = (localStorage.getItem('ApiUrl') || API_BASE_URL || '').replace(
+      /\/$/,
+      ''
+    );
+    return `${base}/credit/credit-judicial-document/import/template`;
+  });
+
+  /* 上传 */
+  const doUpload = ({ file }) => {
+    if (
+      ![
+        'application/vnd.ms-excel',
+        'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
+      ].includes(file.type)
+    ) {
+      message.error('只能选择 excel 文件');
+      return false;
+    }
+    if (file.size / 1024 / 1024 > 10) {
+      message.error('大小不能超过 10MB');
+      return false;
+    }
+    loading.value = true;
+    importCreditJudicialDocument(file)
+      .then((msg) => {
+        loading.value = false;
+        message.success(msg);
+        updateVisible(false);
+        emit('done');
+      })
+      .catch((e) => {
+        loading.value = false;
+        message.error(e.message);
+      });
+    return false;
+  };
+
+  /* 更新 visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+</script>
+
diff --git a/src/views/credit/creditJudicialDocument/components/creditJudicialDocumentEdit.vue b/src/views/credit/creditJudicialDocument/components/creditJudicialDocumentEdit.vue
new file mode 100644
index 0000000..35457c0
--- /dev/null
+++ b/src/views/credit/creditJudicialDocument/components/creditJudicialDocumentEdit.vue
@@ -0,0 +1,300 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑裁判文书司法大数据' : '添加裁判文书司法大数据'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="数据类型" name="dataType">
+        <a-input
+          allow-clear
+          placeholder="请输入数据类型"
+          v-model:value="form.dataType"
+        />
+      </a-form-item>
+      <a-form-item label="原告/上诉人" name="plaintiffAppellant">
+        <a-input
+          allow-clear
+          placeholder="请输入原告/上诉人"
+          v-model:value="form.plaintiffAppellant"
+        />
+      </a-form-item>
+      <a-form-item label="被告/被上诉人" name="defendant appellee">
+        <a-input
+          allow-clear
+          placeholder="请输入被告/被上诉人"
+          v-model:value="form.appellee"
+        />
+      </a-form-item>
+      <a-form-item label="其他当事人/第三人" name="otherPartiesThirdParty">
+        <a-input
+          allow-clear
+          placeholder="请输入其他当事人/第三人"
+          v-model:value="form.otherPartiesThirdParty"
+        />
+      </a-form-item>
+      <a-form-item label="发生时间" name="occurrenceTime">
+        <a-input
+          allow-clear
+          placeholder="请输入发生时间"
+          v-model:value="form.occurrenceTime"
+        />
+      </a-form-item>
+      <a-form-item label="案号" name="caseNumber">
+        <a-input
+          allow-clear
+          placeholder="请输入案号"
+          v-model:value="form.caseNumber"
+        />
+      </a-form-item>
+      <a-form-item label="案由" name="causeOfAction">
+        <a-input
+          allow-clear
+          placeholder="请输入案由"
+          v-model:value="form.causeOfAction"
+        />
+      </a-form-item>
+      <a-form-item label="涉案金额" name="involvedAmount">
+        <a-input
+          allow-clear
+          placeholder="请输入涉案金额"
+          v-model:value="form.involvedAmount"
+        />
+      </a-form-item>
+      <a-form-item label="法院" name="courtName">
+        <a-input
+          allow-clear
+          placeholder="请输入法院"
+          v-model:value="form.courtName"
+        />
+      </a-form-item>
+      <a-form-item label="数据状态" name="dataStatus">
+        <a-input
+          allow-clear
+          placeholder="请输入数据状态"
+          v-model:value="form.dataStatus"
+        />
+      </a-form-item>
+      <a-form-item label="备注" name="comments">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="请输入描述"
+          v-model:value="form.comments"
+        />
+      </a-form-item>
+      <a-form-item label="是否推荐" name="recommend">
+        <a-input
+          allow-clear
+          placeholder="请输入是否推荐"
+          v-model:value="form.recommend"
+        />
+      </a-form-item>
+      <a-form-item label="排序(数字越小越靠前)" name="sortNumber">
+        <a-input-number
+          :min="0"
+          :max="9999"
+          class="ele-fluid"
+          placeholder="请输入排序号"
+          v-model:value="form.sortNumber"
+        />
+      </a-form-item>
+      <a-form-item label="状态, 0正常, 1冻结" name="status">
+        <a-radio-group v-model:value="form.status">
+          <a-radio :value="0">显示</a-radio>
+          <a-radio :value="1">隐藏</a-radio>
+        </a-radio-group>
+      </a-form-item>
+      <a-form-item label="是否删除, 0否, 1是" name="deleted">
+        <a-input
+          allow-clear
+          placeholder="请输入是否删除, 0否, 1是"
+          v-model:value="form.deleted"
+        />
+      </a-form-item>
+      <a-form-item label="用户ID" name="userId">
+        <a-input
+          allow-clear
+          placeholder="请输入用户ID"
+          v-model:value="form.userId"
+        />
+      </a-form-item>
+      <a-form-item label="修改时间" name="updateTime">
+        <a-input
+          allow-clear
+          placeholder="请输入修改时间"
+          v-model:value="form.updateTime"
+        />
+      </a-form-item>
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, watch } from 'vue';
+  import { Form, message } from 'ant-design-vue';
+  import { assignObject, uuid } from 'ele-admin-pro';
+  import { addCreditJudicialDocument, updateCreditJudicialDocument } from '@/api/credit/creditJudicialDocument';
+  import { CreditJudicialDocument } from '@/api/credit/creditJudicialDocument/model';
+  import { useThemeStore } from '@/store/modules/theme';
+  import { storeToRefs } from 'pinia';
+  import { ItemType } from 'ele-admin-pro/es/ele-image-upload/types';
+  import { FormInstance } from 'ant-design-vue/es/form';
+  import { FileRecord } from '@/api/system/file/model';
+
+  // 是否是修改
+  const isUpdate = ref(false);
+  const useForm = Form.useForm;
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: CreditJudicialDocument | null;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  // 提交状态
+  const loading = ref(false);
+  // 是否显示最大化切换按钮
+  const maxable = ref(true);
+  // 表格选中数据
+  const formRef = ref<FormInstance | null>(null);
+  const images = ref<ItemType[]>([]);
+
+  // 用户信息
+  const form = reactive<CreditJudicialDocument>({
+    id: undefined,
+    dataType: undefined,
+    plaintiffAppellant: undefined,
+    appellee: undefined,
+    otherPartiesThirdParty: undefined,
+    occurrenceTime: undefined,
+    caseNumber: undefined,
+    causeOfAction: undefined,
+    involvedAmount: undefined,
+    courtName: undefined,
+    dataStatus: undefined,
+    comments: undefined,
+    recommend: undefined,
+    sortNumber: undefined,
+    status: undefined,
+    deleted: undefined,
+    userId: undefined,
+    tenantId: undefined,
+    createTime: undefined,
+    updateTime: undefined,
+    creditJudicialDocumentId: undefined,
+    creditJudicialDocumentName: '',
+    status: 0,
+    comments: '',
+    sortNumber: 100
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    creditJudicialDocumentName: [
+      {
+        required: true,
+        type: 'string',
+        message: '请填写裁判文书司法大数据名称',
+        trigger: 'blur'
+      }
+    ]
+  });
+
+  const chooseImage = (data: FileRecord) => {
+    images.value.push({
+      uid: data.id,
+      url: data.path,
+      status: 'done'
+    });
+    form.image = data.path;
+  };
+
+  const onDeleteItem = (index: number) => {
+    images.value.splice(index, 1);
+    form.image = '';
+  };
+
+  const { resetFields } = useForm(form, rules);
+
+  /* 保存编辑 */
+  const save = () => {
+    if (!formRef.value) {
+      return;
+    }
+    formRef.value
+      .validate()
+      .then(() => {
+        loading.value = true;
+        const formData = {
+          ...form
+        };
+        const saveOrUpdate = isUpdate.value ? updateCreditJudicialDocument : addCreditJudicialDocument;
+        saveOrUpdate(formData)
+          .then((msg) => {
+            loading.value = false;
+            message.success(msg);
+            updateVisible(false);
+            emit('done');
+          })
+          .catch((e) => {
+            loading.value = false;
+            message.error(e.message);
+          });
+      })
+      .catch(() => {});
+  };
+
+  watch(
+    () => props.visible,
+    (visible) => {
+      if (visible) {
+        images.value = [];
+        if (props.data) {
+          assignObject(form, props.data);
+          if(props.data.image){
+            images.value.push({
+              uid: uuid(),
+              url: props.data.image,
+              status: 'done'
+            })
+          }
+          isUpdate.value = true;
+        } else {
+          isUpdate.value = false;
+        }
+      } else {
+        resetFields();
+      }
+    },
+    { immediate: true }
+  );
+</script>
diff --git a/src/views/credit/creditJudicialDocument/components/search.vue b/src/views/credit/creditJudicialDocument/components/search.vue
new file mode 100644
index 0000000..82fea9d
--- /dev/null
+++ b/src/views/credit/creditJudicialDocument/components/search.vue
@@ -0,0 +1,42 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+    <a-button type="primary" class="ele-btn-icon" @click="add">
+      <template #icon>
+        <PlusOutlined />
+      </template>
+      <span>添加</span>
+    </a-button>
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+  import { PlusOutlined } from '@ant-design/icons-vue';
+  import type { GradeParam } from '@/api/user/grade/model';
+  import { watch } from 'vue';
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的角色
+      selection?: [];
+    }>(),
+    {}
+  );
+
+  const emit = defineEmits<{
+    (e: 'search', where?: GradeParam): void;
+    (e: 'add'): void;
+    (e: 'remove'): void;
+    (e: 'batchMove'): void;
+  }>();
+
+  // 新增
+  const add = () => {
+    emit('add');
+  };
+
+  watch(
+    () => props.selection,
+    () => {}
+  );
+</script>
diff --git a/src/views/credit/creditJudicialDocument/index.vue b/src/views/credit/creditJudicialDocument/index.vue
new file mode 100644
index 0000000..dd25f65
--- /dev/null
+++ b/src/views/credit/creditJudicialDocument/index.vue
@@ -0,0 +1,326 @@
+<template>
+  <a-page-header :title="getPageTitle()" @back="() => $router.go(-1)">
+    <a-card :bordered="false" :body-style="{ padding: '16px' }">
+      <ele-pro-table
+        ref="tableRef"
+        row-key="id"
+        :columns="columns"
+        :datasource="datasource"
+        :customRow="customRow"
+        tool-class="ele-toolbar-form"
+        class="sys-org-table"
+      >
+        <template #toolbar>
+          <search
+            @search="reload"
+            :selection="selection"
+            @add="openEdit"
+            @remove="removeBatch"
+            @batchMove="openMove"
+            @importData="openImport"
+            @exportData="exportData"
+          />
+        </template>
+        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'image'">
+            <a-image :src="record.image" :width="50" />
+          </template>
+          <template v-if="column.key === 'status'">
+            <a-tag v-if="record.status === 0" color="green">显示</a-tag>
+            <a-tag v-if="record.status === 1" color="red">隐藏</a-tag>
+          </template>
+          <template v-if="column.key === 'action'">
+            <a-space>
+              <a @click="openEdit(record)">修改</a>
+              <a-divider type="vertical" />
+              <a-popconfirm
+                title="确定要删除此记录吗？"
+                @confirm="remove(record)"
+              >
+                <a class="ele-text-danger">删除</a>
+              </a-popconfirm>
+            </a-space>
+          </template>
+        </template>
+      </ele-pro-table>
+    </a-card>
+
+    <!-- 编辑弹窗 -->
+    <CreditJudicialDocumentEdit
+      v-model:visible="showEdit"
+      :data="current"
+      @done="reload"
+    />
+    <!-- 导入弹窗 -->
+    <CreditJudicialDocumentImport v-model:visible="showImport" @done="reload" />
+  </a-page-header>
+</template>
+
+<script lang="ts" setup>
+  import { createVNode, ref } from 'vue';
+  import { message, Modal } from 'ant-design-vue';
+  import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
+  import type { EleProTable } from 'ele-admin-pro';
+  import { toDateString } from 'ele-admin-pro';
+  import type {
+    DatasourceFunction,
+    ColumnItem
+  } from 'ele-admin-pro/es/ele-pro-table/types';
+  import Search from '@/views/credit/components/CreditSearchToolbar.vue';
+  import { exportCreditData } from '../utils/export';
+  import { getPageTitle } from '@/utils/common';
+  import CreditJudicialDocumentEdit from './components/creditJudicialDocumentEdit.vue';
+  import CreditJudicialDocumentImport from './components/credit-judicial-document-import.vue';
+  import {
+    pageCreditJudicialDocument,
+    listCreditJudicialDocument,
+    removeCreditJudicialDocument,
+    removeBatchCreditJudicialDocument
+  } from '@/api/credit/creditJudicialDocument';
+  import type {
+    CreditJudicialDocument,
+    CreditJudicialDocumentParam
+  } from '@/api/credit/creditJudicialDocument/model';
+
+  // 表格实例
+  const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+  // 表格选中数据
+  const selection = ref<CreditJudicialDocument[]>([]);
+  // 当前编辑数据
+  const current = ref<CreditJudicialDocument | null>(null);
+  // 是否显示编辑弹窗
+  const showEdit = ref(false);
+  // 是否显示导入弹窗
+  const showImport = ref(false);
+  // 是否显示批量移动弹窗
+  const showMove = ref(false);
+  // 加载状态
+  const loading = ref(true);
+  // 搜索关键词
+  const searchText = ref('');
+
+  // 表格数据源
+  const datasource: DatasourceFunction = ({
+    page,
+    limit,
+    where = {},
+    orders,
+    filters
+  }) => {
+    const params: CreditJudicialDocumentParam = { ...where };
+    if (filters) {
+      (params as any).status = filters.status;
+    }
+    if (!params.keywords && searchText.value) {
+      params.keywords = searchText.value;
+    }
+    return pageCreditJudicialDocument({
+      ...params,
+      ...orders,
+      page,
+      limit
+    });
+  };
+
+  // 关键信息列
+  const columns = ref<ColumnItem[]>([
+    {
+      title: 'ID',
+      dataIndex: 'id',
+      key: 'id',
+      width: 80
+    },
+    {
+      title: '数据类型',
+      dataIndex: 'dataType',
+      key: 'dataType',
+      ellipsis: true
+    },
+    {
+      title: '原告/上诉人',
+      dataIndex: 'plaintiffAppellant',
+      key: 'plaintiffAppellant',
+      ellipsis: true
+    },
+    {
+      title: '发生时间',
+      dataIndex: 'occurrenceTime',
+      key: 'occurrenceTime',
+      width: 120
+    },
+    {
+      title: '案号',
+      dataIndex: 'caseNumber',
+      key: 'caseNumber',
+      ellipsis: true
+    },
+    {
+      title: '案由',
+      dataIndex: 'causeOfAction',
+      key: 'causeOfAction',
+      ellipsis: true
+    },
+    {
+      title: '涉案金额',
+      dataIndex: 'involvedAmount',
+      key: 'involvedAmount',
+      width: 120
+    },
+    {
+      title: '法院',
+      dataIndex: 'courtName',
+      key: 'courtName',
+      ellipsis: true
+    },
+    {
+      title: '数据状态',
+      dataIndex: 'dataStatus',
+      key: 'dataStatus',
+      ellipsis: true
+    },
+    {
+      title: '创建时间',
+      dataIndex: 'createTime',
+      key: 'createTime',
+      width: 180,
+      align: 'center',
+      ellipsis: true,
+      customRender: ({ text }) => toDateString(text, 'yyyy-MM-dd HH:mm:ss')
+    },
+    {
+      title: '操作',
+      key: 'action',
+      width: 160,
+      fixed: 'right',
+      align: 'center',
+      hideInSetting: true
+    }
+  ]);
+
+  /* 搜索 */
+  const reload = (where?: CreditJudicialDocumentParam) => {
+    if (where && Object.prototype.hasOwnProperty.call(where, 'keywords')) {
+      searchText.value = where.keywords ?? '';
+    }
+    const targetWhere = where ?? { keywords: searchText.value || undefined };
+    selection.value = [];
+    tableRef?.value?.reload({ where: targetWhere });
+  };
+
+  /* 打开编辑弹窗 */
+  const openEdit = (row?: CreditJudicialDocument) => {
+    current.value = row ?? null;
+    showEdit.value = true;
+  };
+
+  /* 打开批量移动弹窗 */
+  const openMove = () => {
+    showMove.value = true;
+  };
+
+  /* 打开导入弹窗 */
+  const openImport = () => {
+    showImport.value = true;
+  };
+
+  /* 导出 */
+  const exportData = () => {
+    exportCreditData<CreditJudicialDocument>({
+      filename: '裁判文书',
+      columns: [
+        { title: 'ID', dataIndex: 'id' },
+        { title: '数据类型', dataIndex: 'dataType' },
+        { title: '原告/上诉人', dataIndex: 'plaintiffAppellant' },
+        { title: '发生时间', dataIndex: 'occurrenceTime' },
+        { title: '案号', dataIndex: 'caseNumber' },
+        { title: '案由', dataIndex: 'causeOfAction' },
+        { title: '涉案金额', dataIndex: 'involvedAmount' },
+        { title: '法院', dataIndex: 'courtName' },
+        { title: '数据状态', dataIndex: 'dataStatus' },
+        {
+          title: '创建时间',
+          dataIndex: 'createTime',
+          formatter: (record: CreditJudicialDocument) =>
+            record.createTime
+              ? toDateString(record.createTime, 'yyyy-MM-dd HH:mm:ss')
+              : ''
+        }
+      ],
+      fetchData: () =>
+        listCreditJudicialDocument({
+          keywords: searchText.value || undefined
+        })
+    });
+  };
+
+  /* 删除单个 */
+  const remove = (row: CreditJudicialDocument) => {
+    const hide = message.loading('请求中..', 0);
+    removeCreditJudicialDocument(row.id)
+      .then((msg) => {
+        hide();
+        message.success(msg);
+        reload();
+      })
+      .catch((e) => {
+        hide();
+        message.error(e.message);
+      });
+  };
+
+  /* 批量删除 */
+  const removeBatch = () => {
+    if (!selection.value.length) {
+      message.error('请至少选择一条数据');
+      return;
+    }
+    Modal.confirm({
+      title: '提示',
+      content: '确定要删除选中的记录吗?',
+      icon: createVNode(ExclamationCircleOutlined),
+      maskClosable: true,
+      onOk: () => {
+        const hide = message.loading('请求中..', 0);
+        removeBatchCreditJudicialDocument(selection.value.map((d) => d.id))
+          .then((msg) => {
+            hide();
+            message.success(msg);
+            reload();
+          })
+          .catch((e) => {
+            hide();
+            message.error(e.message);
+          });
+      }
+    });
+  };
+
+  /* 查询 */
+  const query = () => {
+    loading.value = true;
+  };
+
+  /* 自定义行属性 */
+  const customRow = (record: CreditJudicialDocument) => {
+    return {
+      // 行点击事件
+      onClick: () => {
+        // console.log(record);
+      },
+      // 行双击事件
+      onDblclick: () => {
+        openEdit(record);
+      }
+    };
+  };
+  query();
+</script>
+
+<script lang="ts">
+  export default {
+    name: 'CreditJudicialDocument'
+  };
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/views/credit/creditJudiciary/components/credit-judiciary-import.vue b/src/views/credit/creditJudiciary/components/credit-judiciary-import.vue
new file mode 100644
index 0000000..0b1a865
--- /dev/null
+++ b/src/views/credit/creditJudiciary/components/credit-judiciary-import.vue
@@ -0,0 +1,93 @@
+<!-- 司法案件导入弹窗 -->
+<template>
+  <ele-modal
+    :width="520"
+    :footer="null"
+    title="司法案件批量导入"
+    :visible="visible"
+    @update:visible="updateVisible"
+  >
+    <a-spin :spinning="loading">
+      <a-upload-dragger
+        accept=".xls,.xlsx"
+        :show-upload-list="false"
+        :customRequest="doUpload"
+        style="padding: 24px 0; margin-bottom: 16px"
+      >
+        <p class="ant-upload-drag-icon">
+          <cloud-upload-outlined />
+        </p>
+        <p class="ant-upload-hint">将文件拖到此处，或点击上传</p>
+      </a-upload-dragger>
+    </a-spin>
+    <div class="ele-text-center">
+      <span>只能上传xls、xlsx文件，</span>
+      <a :href="templateUrl" download="司法案件导入模板.xlsx"> 下载导入模板 </a>
+    </div>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { computed, ref } from 'vue';
+  import { message } from 'ant-design-vue/es';
+  import { CloudUploadOutlined } from '@ant-design/icons-vue';
+  import { importCreditJudiciaries } from '@/api/credit/creditJudiciary';
+  import { API_BASE_URL } from '@/config/setting';
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  defineProps<{
+    // 是否打开弹窗
+    visible: boolean;
+  }>();
+
+  // 导入请求状态
+  const loading = ref(false);
+
+  // 模板下载地址，保持与当前接口域名一致
+  const templateUrl = computed(() => {
+    const base = (localStorage.getItem('ApiUrl') || API_BASE_URL || '').replace(
+      /\/$/,
+      ''
+    );
+    return `${base}/credit/credit-judiciary/import/template`;
+  });
+
+  /* 上传 */
+  const doUpload = ({ file }) => {
+    if (
+      ![
+        'application/vnd.ms-excel',
+        'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
+      ].includes(file.type)
+    ) {
+      message.error('只能选择 excel 文件');
+      return false;
+    }
+    if (file.size / 1024 / 1024 > 10) {
+      message.error('大小不能超过 10MB');
+      return false;
+    }
+    loading.value = true;
+    importCreditJudiciaries(file)
+      .then((msg) => {
+        loading.value = false;
+        message.success(msg);
+        updateVisible(false);
+        emit('done');
+      })
+      .catch((e) => {
+        loading.value = false;
+        message.error(e.message);
+      });
+    return false;
+  };
+
+  /* 更新 visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+</script>
diff --git a/src/views/credit/creditJudiciary/components/creditJudiciaryEdit.vue b/src/views/credit/creditJudiciary/components/creditJudiciaryEdit.vue
new file mode 100644
index 0000000..2b5494a
--- /dev/null
+++ b/src/views/credit/creditJudiciary/components/creditJudiciaryEdit.vue
@@ -0,0 +1,285 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑司法案件' : '添加司法案件'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="案件名称" name="name">
+        <a-input
+          allow-clear
+          placeholder="请输入案件名称"
+          v-model:value="form.name"
+        />
+      </a-form-item>
+      <a-form-item label="案号" name="code">
+        <a-input
+          allow-clear
+          placeholder="请输入案号"
+          v-model:value="form.code"
+        />
+      </a-form-item>
+      <a-form-item label="案由" name="reason">
+        <a-input
+          allow-clear
+          placeholder="请输入案由"
+          v-model:value="form.reason"
+        />
+      </a-form-item>
+      <a-form-item label="案件类型" name="infoType">
+        <a-input
+          allow-clear
+          placeholder="请输入案件类型"
+          v-model:value="form.infoType"
+        />
+      </a-form-item>
+      <a-form-item label="案件进程" name="caseProgress">
+        <a-input
+          allow-clear
+          placeholder="请输入案件进程"
+          v-model:value="form.caseProgress"
+        />
+      </a-form-item>
+      <a-form-item label="案件身份" name="caseIdentity">
+        <a-input
+          allow-clear
+          placeholder="请输入案件身份"
+          v-model:value="form.caseIdentity"
+        />
+      </a-form-item>
+      <a-form-item label="法院" name="court">
+        <a-input
+          allow-clear
+          placeholder="请输入法院"
+          v-model:value="form.court"
+        />
+      </a-form-item>
+      <a-form-item label="进程日期" name="processDate">
+        <a-input
+          allow-clear
+          placeholder="请输入进程日期"
+          v-model:value="form.processDate"
+        />
+      </a-form-item>
+      <a-form-item label="案件金额（元）" name="caseAmount">
+        <a-input
+          allow-clear
+          placeholder="请输入案件金额（元）"
+          v-model:value="form.caseAmount"
+        />
+      </a-form-item>
+      <!--      <a-form-item label="备注" name="comments">-->
+      <!--        <a-textarea-->
+      <!--          :rows="4"-->
+      <!--          :maxlength="200"-->
+      <!--          placeholder="请输入描述"-->
+      <!--          v-model:value="form.comments"-->
+      <!--        />-->
+      <!--      </a-form-item>-->
+
+      <!--      <a-form-item label="排序(数字越小越靠前)" name="sortNumber">-->
+      <!--        <a-input-number-->
+      <!--          :min="0"-->
+      <!--          :max="9999"-->
+      <!--          class="ele-fluid"-->
+      <!--          placeholder="请输入排序号"-->
+      <!--          v-model:value="form.sortNumber"-->
+      <!--        />-->
+      <!--      </a-form-item>-->
+      <!--      <a-form-item label="状态, 0正常, 1冻结" name="status">-->
+      <!--        <a-radio-group v-model:value="form.status">-->
+      <!--          <a-radio :value="0">显示</a-radio>-->
+      <!--          <a-radio :value="1">隐藏</a-radio>-->
+      <!--        </a-radio-group>-->
+      <!--      </a-form-item>-->
+      <!--      <a-form-item label="修改时间" name="updateTime">-->
+      <!--        <a-input-->
+      <!--          allow-clear-->
+      <!--          placeholder="请输入修改时间"-->
+      <!--          v-model:value="form.updateTime"-->
+      <!--        />-->
+      <!--      </a-form-item>-->
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, watch } from 'vue';
+  import { Form, message } from 'ant-design-vue';
+  import { assignObject, uuid } from 'ele-admin-pro';
+  import {
+    addCreditJudiciary,
+    updateCreditJudiciary
+  } from '@/api/credit/creditJudiciary';
+  import { CreditJudiciary } from '@/api/credit/creditJudiciary/model';
+  import { useThemeStore } from '@/store/modules/theme';
+  import { storeToRefs } from 'pinia';
+  import { ItemType } from 'ele-admin-pro/es/ele-image-upload/types';
+  import { FormInstance } from 'ant-design-vue/es/form';
+  import { FileRecord } from '@/api/system/file/model';
+
+  // 是否是修改
+  const isUpdate = ref(false);
+  const useForm = Form.useForm;
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: CreditJudiciary | null;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  // 提交状态
+  const loading = ref(false);
+  // 是否显示最大化切换按钮
+  const maxable = ref(true);
+  // 表格选中数据
+  const formRef = ref<FormInstance | null>(null);
+  const images = ref<ItemType[]>([]);
+
+  // 用户信息
+  const form = reactive<CreditJudiciary>({
+    id: undefined,
+    name: undefined,
+    code: undefined,
+    type: undefined,
+    reason: undefined,
+    parentId: undefined,
+    infoType: undefined,
+    country: undefined,
+    province: undefined,
+    city: undefined,
+    region: undefined,
+    address: undefined,
+    caseProgress: undefined,
+    caseIdentity: undefined,
+    court: undefined,
+    processDate: undefined,
+    caseAmount: undefined,
+    comments: undefined,
+    recommend: undefined,
+    expirationTime: undefined,
+    sortNumber: undefined,
+    status: undefined,
+    deleted: undefined,
+    userId: undefined,
+    tenantId: undefined,
+    createTime: undefined,
+    updateTime: undefined,
+    creditJudiciaryId: undefined,
+    creditJudiciaryName: '',
+    status: 0,
+    comments: '',
+    sortNumber: 100
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    creditJudiciaryName: [
+      {
+        required: true,
+        type: 'string',
+        message: '请填写司法案件名称',
+        trigger: 'blur'
+      }
+    ]
+  });
+
+  const chooseImage = (data: FileRecord) => {
+    images.value.push({
+      uid: data.id,
+      url: data.path,
+      status: 'done'
+    });
+    form.image = data.path;
+  };
+
+  const onDeleteItem = (index: number) => {
+    images.value.splice(index, 1);
+    form.image = '';
+  };
+
+  const { resetFields } = useForm(form, rules);
+
+  /* 保存编辑 */
+  const save = () => {
+    if (!formRef.value) {
+      return;
+    }
+    formRef.value
+      .validate()
+      .then(() => {
+        loading.value = true;
+        const formData = {
+          ...form
+        };
+        const saveOrUpdate = isUpdate.value
+          ? updateCreditJudiciary
+          : addCreditJudiciary;
+        saveOrUpdate(formData)
+          .then((msg) => {
+            loading.value = false;
+            message.success(msg);
+            updateVisible(false);
+            emit('done');
+          })
+          .catch((e) => {
+            loading.value = false;
+            message.error(e.message);
+          });
+      })
+      .catch(() => {});
+  };
+
+  watch(
+    () => props.visible,
+    (visible) => {
+      if (visible) {
+        images.value = [];
+        if (props.data) {
+          assignObject(form, props.data);
+          if (props.data.image) {
+            images.value.push({
+              uid: uuid(),
+              url: props.data.image,
+              status: 'done'
+            });
+          }
+          isUpdate.value = true;
+        } else {
+          isUpdate.value = false;
+        }
+      } else {
+        resetFields();
+      }
+    },
+    { immediate: true }
+  );
+</script>
diff --git a/src/views/credit/creditJudiciary/components/search.vue b/src/views/credit/creditJudiciary/components/search.vue
new file mode 100644
index 0000000..f81eed1
--- /dev/null
+++ b/src/views/credit/creditJudiciary/components/search.vue
@@ -0,0 +1,103 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+    <a-button type="primary" class="ele-btn-icon" @click="add">
+      <template #icon>
+        <PlusOutlined />
+      </template>
+      <span>添加</span>
+    </a-button>
+    <a-button class="ele-btn-icon" @click="openImport">
+      <template #icon>
+        <CloudUploadOutlined />
+      </template>
+      <span>导入</span>
+    </a-button>
+    <a-button class="ele-btn-icon" @click="exportData">
+      <template #icon>
+        <CloudDownloadOutlined />
+      </template>
+      <span>导出</span>
+    </a-button>
+    <a-button
+      danger
+      class="ele-btn-icon"
+      :disabled="!selection?.length"
+      @click="remove"
+    >
+      <template #icon>
+        <DeleteOutlined />
+      </template>
+      <span>批量删除</span>
+    </a-button>
+    <a-input-search
+      allow-clear
+      v-model:value="keywords"
+      placeholder="请输入关键词"
+      style="width: 220px"
+      @search="handleSearch"
+      @pressEnter="handleSearch"
+    />
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+  import { computed, ref } from 'vue';
+  import {
+    PlusOutlined,
+    CloudUploadOutlined,
+    CloudDownloadOutlined,
+    DeleteOutlined
+  } from '@ant-design/icons-vue';
+  import type {
+    CreditJudiciary,
+    CreditJudiciaryParam
+  } from '@/api/credit/creditJudiciary/model';
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的角色
+      selection?: CreditJudiciary[];
+    }>(),
+    {
+      selection: () => []
+    }
+  );
+
+  const emit = defineEmits<{
+    (e: 'search', where?: CreditJudiciaryParam): void;
+    (e: 'add'): void;
+    (e: 'remove'): void;
+    (e: 'batchMove'): void;
+    (e: 'importData'): void;
+    (e: 'exportData'): void;
+  }>();
+
+  const keywords = ref('');
+  const selection = computed(() => props.selection || []);
+
+  // 新增
+  const add = () => {
+    emit('add');
+  };
+
+  // 搜索
+  const handleSearch = () => {
+    emit('search', { keywords: keywords.value });
+  };
+
+  // 导入
+  const openImport = () => {
+    emit('importData');
+  };
+
+  // 导出
+  const exportData = () => {
+    emit('exportData');
+  };
+
+  // 批量删除
+  const remove = () => {
+    emit('remove');
+  };
+</script>
diff --git a/src/views/credit/creditJudiciary/index.vue b/src/views/credit/creditJudiciary/index.vue
new file mode 100644
index 0000000..e3c039c
--- /dev/null
+++ b/src/views/credit/creditJudiciary/index.vue
@@ -0,0 +1,418 @@
+<template>
+  <a-page-header :title="getPageTitle()" @back="() => $router.go(-1)">
+    <a-card :bordered="false" :body-style="{ padding: '16px' }">
+      <ele-pro-table
+        ref="tableRef"
+        row-key="id"
+        v-model:selection="selection"
+        :columns="columns"
+        :datasource="datasource"
+        :customRow="customRow"
+        tool-class="ele-toolbar-form"
+        class="sys-org-table"
+      >
+        <template #toolbar>
+          <search
+            @search="reload"
+            :selection="selection"
+            @add="openEdit"
+            @remove="removeBatch"
+            @batchMove="openMove"
+            @importData="openImport"
+            @exportData="exportData"
+          />
+        </template>
+        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'image'">
+            <a-image :src="record.image" :width="50" />
+          </template>
+          <template v-if="column.key === 'name'">
+            <template v-if="record.url">
+              <a :href="record.url" target="_blank">{{ record.name }}</a>
+            </template>
+            <template v-else>
+              {{ record.name }}
+            </template>
+          </template>
+          <template v-if="column.key === 'status'">
+            <a-tag v-if="record.status === 0" color="green">显示</a-tag>
+            <a-tag v-if="record.status === 1" color="red">隐藏</a-tag>
+          </template>
+          <template v-if="column.key === 'action'">
+            <a-space>
+              <a @click="openEdit(record)">修改</a>
+              <a-divider type="vertical" />
+              <a-popconfirm
+                title="确定要删除此记录吗？"
+                @confirm="remove(record)"
+              >
+                <a class="ele-text-danger">删除</a>
+              </a-popconfirm>
+            </a-space>
+          </template>
+        </template>
+      </ele-pro-table>
+    </a-card>
+
+    <!-- 编辑弹窗 -->
+    <CreditJudiciaryEdit
+      v-model:visible="showEdit"
+      :data="current"
+      @done="reload"
+    />
+    <!-- 导入弹窗 -->
+    <CreditJudiciaryImport v-model:visible="showImport" @done="reload" />
+  </a-page-header>
+</template>
+
+<script lang="ts" setup>
+  import { createVNode, ref } from 'vue';
+  import { message, Modal } from 'ant-design-vue';
+  import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
+  import type { EleProTable } from 'ele-admin-pro';
+  import { toDateString } from 'ele-admin-pro';
+  import type {
+    DatasourceFunction,
+    ColumnItem
+  } from 'ele-admin-pro/es/ele-pro-table/types';
+  import Search from './components/search.vue';
+  import { getPageTitle } from '@/utils/common';
+  import CreditJudiciaryEdit from './components/creditJudiciaryEdit.vue';
+  import CreditJudiciaryImport from './components/credit-judiciary-import.vue';
+  import {
+    pageCreditJudiciary,
+    listCreditJudiciary,
+    removeCreditJudiciary,
+    removeBatchCreditJudiciary
+  } from '@/api/credit/creditJudiciary';
+  import type { CreditJudiciary, CreditJudiciaryParam } from '@/api/credit/creditJudiciary/model';
+  import { exportCreditData } from '../utils/export';
+
+  // 表格实例
+  const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+  // 表格选中数据
+  const selection = ref<CreditJudiciary[]>([]);
+  // 当前编辑数据
+  const current = ref<CreditJudiciary | null>(null);
+  // 是否显示编辑弹窗
+  const showEdit = ref(false);
+  // 是否显示导入弹窗
+  const showImport = ref(false);
+  // 是否显示批量移动弹窗
+  const showMove = ref(false);
+  // 搜索关键词
+  const searchText = ref('');
+
+  // 表格数据源
+  const datasource: DatasourceFunction = ({
+    page,
+    limit,
+    where = {},
+    orders,
+    filters
+  }) => {
+    const params: CreditJudiciaryParam = { ...where };
+    if (filters) {
+      (params as any).status = filters.status;
+    }
+    if (!params.keywords && searchText.value) {
+      params.keywords = searchText.value;
+    }
+    return pageCreditJudiciary({
+      ...params,
+      ...orders,
+      page,
+      limit
+    });
+  };
+
+  // 完整的列配置（包含所有字段）
+  const columns = ref<ColumnItem[]>([
+    {
+      title: 'ID',
+      dataIndex: 'id',
+      key: 'id',
+      width: 90
+    },
+    {
+      title: '案件名称',
+      dataIndex: 'name',
+      key: 'name',
+      ellipsis: true
+    },
+    {
+      title: '案件类型',
+      dataIndex: 'infoType',
+      key: 'infoType',
+      ellipsis: true
+    },
+    {
+      title: '案由',
+      dataIndex: 'reason',
+      key: 'reason',
+      ellipsis: true
+    },
+    {
+      title: '进程日期',
+      dataIndex: 'processDate',
+      key: 'processDate',
+      ellipsis: true
+    },
+    {
+      title: '案件进程',
+      dataIndex: 'caseProgress',
+      key: 'caseProgress',
+      ellipsis: true
+    },
+    {
+      title: '案件身份',
+      dataIndex: 'caseIdentity',
+      key: 'caseIdentity',
+      ellipsis: true
+    },
+    {
+      title: '案号',
+      dataIndex: 'code',
+      key: 'code',
+      ellipsis: true
+    },
+    {
+      title: '法院',
+      dataIndex: 'court',
+      key: 'court',
+      ellipsis: true
+    },
+    {
+      title: '案件金额（元）',
+      dataIndex: 'caseAmount',
+      key: 'caseAmount',
+      ellipsis: true
+    },
+    // {
+    //   title: '类型, 0普通用户, 1招投标',
+    //   dataIndex: 'type',
+    //   key: 'type',
+    //   width: 120
+    // },
+    // {
+    //   title: '上级id, 0是顶级',
+    //   dataIndex: 'parentId',
+    //   key: 'parentId',
+    //   width: 120
+    // },
+    // {
+    //   title: '所在国家',
+    //   dataIndex: 'country',
+    //   key: 'country',
+    //   ellipsis: true
+    // },
+    // {
+    //   title: '所在省份',
+    //   dataIndex: 'province',
+    //   key: 'province',
+    //   ellipsis: true
+    // },
+    // {
+    //   title: '所在城市',
+    //   dataIndex: 'city',
+    //   key: 'city',
+    //   ellipsis: true
+    // },
+    // {
+    //   title: '所在辖区',
+    //   dataIndex: 'region',
+    //   key: 'region',
+    //   ellipsis: true
+    // },
+    // {
+    //   title: '街道地址',
+    //   dataIndex: 'address',
+    //   key: 'address',
+    //   ellipsis: true
+    // },
+    // {
+    //   title: '备注',
+    //   dataIndex: 'comments',
+    //   key: 'comments',
+    //   ellipsis: true
+    // },
+    // {
+    //   title: '是否推荐',
+    //   dataIndex: 'recommend',
+    //   key: 'recommend',
+    //   width: 120
+    // },
+    // {
+    //   title: '到期时间',
+    //   dataIndex: 'expirationTime',
+    //   key: 'expirationTime',
+    //   width: 120
+    // },
+    // {
+    //   title: '排序(数字越小越靠前)',
+    //   dataIndex: 'sortNumber',
+    //   key: 'sortNumber',
+    //   width: 120
+    // },
+    // {
+    //   title: '状态, 0正常, 1冻结',
+    //   dataIndex: 'status',
+    //   key: 'status',
+    //   width: 120
+    // },
+    // {
+    //   title: '是否删除, 0否, 1是',
+    //   dataIndex: 'deleted',
+    //   key: 'deleted',
+    //   width: 120
+    // },
+    // {
+    //   title: '用户ID',
+    //   dataIndex: 'userId',
+    //   key: 'userId',
+    //   width: 120
+    // },
+    // {
+    //   title: '创建时间',
+    //   dataIndex: 'createTime',
+    //   key: 'createTime',
+    //   width: 200,
+    //   align: 'center',
+    //   sorter: true,
+    //   ellipsis: true,
+    //   customRender: ({ text }) => toDateString(text, 'yyyy-MM-dd HH:mm:ss')
+    // },
+    // {
+    //   title: '修改时间',
+    //   dataIndex: 'updateTime',
+    //   key: 'updateTime',
+    //   width: 200,
+    //   align: 'center',
+    //   sorter: true,
+    //   ellipsis: true,
+    //   customRender: ({ text }) => toDateString(text, 'yyyy-MM-dd HH:mm:ss')
+    // },
+    // {
+    //   title: '操作',
+    //   key: 'action',
+    //   width: 180,
+    //   fixed: 'right',
+    //   align: 'center',
+    //   hideInSetting: true
+    // }
+  ]);
+
+  /* 搜索 */
+  const reload = (where?: CreditJudiciaryParam) => {
+    if (where && Object.prototype.hasOwnProperty.call(where, 'keywords')) {
+      searchText.value = where.keywords ?? '';
+    }
+    const targetWhere = where ?? { keywords: searchText.value || undefined };
+    selection.value = [];
+    tableRef?.value?.reload({ where: targetWhere });
+  };
+
+  /* 打开编辑弹窗 */
+  const openEdit = (row?: CreditJudiciary) => {
+    current.value = row ?? null;
+    showEdit.value = true;
+  };
+
+  /* 打开批量移动弹窗 */
+  const openMove = () => {
+    showMove.value = true;
+  };
+
+  /* 打开导入弹窗 */
+  const openImport = () => {
+    showImport.value = true;
+  };
+
+  /* 导出 */
+  const exportData = () => {
+    exportCreditData<CreditJudiciary>({
+      filename: '司法案件',
+      columns: [
+        { title: 'ID', dataIndex: 'id' },
+        { title: '案件名称', dataIndex: 'name' },
+        { title: '案件类型', dataIndex: 'infoType' },
+        { title: '案由', dataIndex: 'reason' },
+        { title: '进程日期', dataIndex: 'processDate' },
+        { title: '案件进程', dataIndex: 'caseProgress' },
+        { title: '案件身份', dataIndex: 'caseIdentity' },
+        { title: '案号', dataIndex: 'code' },
+        { title: '法院', dataIndex: 'court' },
+        { title: '案件金额（元）', dataIndex: 'caseAmount' }
+      ],
+      fetchData: () =>
+        listCreditJudiciary({
+          keywords: searchText.value || undefined
+        })
+    });
+  };
+
+  /* 删除单个 */
+  const remove = (row: CreditJudiciary) => {
+    const hide = message.loading('请求中..', 0);
+    removeCreditJudiciary(row.id)
+      .then((msg) => {
+        hide();
+        message.success(msg);
+        reload();
+      })
+      .catch((e) => {
+        hide();
+        message.error(e.message);
+      });
+  };
+
+  /* 批量删除 */
+  const removeBatch = () => {
+    if (!selection.value.length) {
+      message.error('请至少选择一条数据');
+      return;
+    }
+    Modal.confirm({
+      title: '提示',
+      content: '确定要删除选中的记录吗?',
+      icon: createVNode(ExclamationCircleOutlined),
+      maskClosable: true,
+      onOk: () => {
+        const hide = message.loading('请求中..', 0);
+        removeBatchCreditJudiciary(selection.value.map((d) => d.id))
+          .then((msg) => {
+            hide();
+            message.success(msg);
+            reload();
+          })
+          .catch((e) => {
+            hide();
+            message.error(e.message);
+          });
+      }
+    });
+  };
+
+  /* 自定义行属性 */
+  const customRow = (record: CreditJudiciary) => {
+    return {
+      // 行点击事件
+      onClick: () => {
+        // console.log(record);
+      },
+      // 行双击事件
+      onDblclick: () => {
+        openEdit(record);
+      }
+    };
+  };
+</script>
+
+<script lang="ts">
+  export default {
+    name: 'CreditJudiciary'
+  };
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/views/credit/creditMediation/components/credit-mediation-import.vue b/src/views/credit/creditMediation/components/credit-mediation-import.vue
new file mode 100644
index 0000000..2a4afbb
--- /dev/null
+++ b/src/views/credit/creditMediation/components/credit-mediation-import.vue
@@ -0,0 +1,96 @@
+<!-- 诉前调解导入弹窗 -->
+<template>
+  <ele-modal
+    :width="520"
+    :footer="null"
+    title="诉前调解批量导入"
+    :visible="visible"
+    @update:visible="updateVisible"
+  >
+    <a-spin :spinning="loading">
+      <a-upload-dragger
+        accept=".xls,.xlsx"
+        :show-upload-list="false"
+        :customRequest="doUpload"
+        style="padding: 24px 0; margin-bottom: 16px"
+      >
+        <p class="ant-upload-drag-icon">
+          <cloud-upload-outlined />
+        </p>
+        <p class="ant-upload-hint">将文件拖到此处，或点击上传</p>
+      </a-upload-dragger>
+    </a-spin>
+    <div class="ele-text-center">
+      <span>只能上传xls、xlsx文件，</span>
+      <a :href="templateUrl" download="诉前调解导入模板.xlsx">
+        下载导入模板
+      </a>
+    </div>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { computed, ref } from 'vue';
+  import { message } from 'ant-design-vue/es';
+  import { CloudUploadOutlined } from '@ant-design/icons-vue';
+  import { importCreditMediation } from '@/api/credit/creditMediation';
+  import { API_BASE_URL } from '@/config/setting';
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  defineProps<{
+    // 是否打开弹窗
+    visible: boolean;
+  }>();
+
+  // 导入请求状态
+  const loading = ref(false);
+
+  // 模板下载地址，保持与当前接口域名一致
+  const templateUrl = computed(() => {
+    const base = (localStorage.getItem('ApiUrl') || API_BASE_URL || '').replace(
+      /\/$/,
+      ''
+    );
+    return `${base}/credit/credit-mediation/import/template`;
+  });
+
+  /* 上传 */
+  const doUpload = ({ file }) => {
+    if (
+      ![
+        'application/vnd.ms-excel',
+        'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
+      ].includes(file.type)
+    ) {
+      message.error('只能选择 excel 文件');
+      return false;
+    }
+    if (file.size / 1024 / 1024 > 10) {
+      message.error('大小不能超过 10MB');
+      return false;
+    }
+    loading.value = true;
+    importCreditMediation(file)
+      .then((msg) => {
+        loading.value = false;
+        message.success(msg);
+        updateVisible(false);
+        emit('done');
+      })
+      .catch((e) => {
+        loading.value = false;
+        message.error(e.message);
+      });
+    return false;
+  };
+
+  /* 更新 visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+</script>
+
diff --git a/src/views/credit/creditMediation/components/creditMediationEdit.vue b/src/views/credit/creditMediation/components/creditMediationEdit.vue
new file mode 100644
index 0000000..9f5c0f7
--- /dev/null
+++ b/src/views/credit/creditMediation/components/creditMediationEdit.vue
@@ -0,0 +1,300 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑诉前调解司法大数据' : '添加诉前调解司法大数据'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="数据类型" name="dataType">
+        <a-input
+          allow-clear
+          placeholder="请输入数据类型"
+          v-model:value="form.dataType"
+        />
+      </a-form-item>
+      <a-form-item label="原告/上诉人" name="plaintiffAppellant">
+        <a-input
+          allow-clear
+          placeholder="请输入原告/上诉人"
+          v-model:value="form.plaintiffAppellant"
+        />
+      </a-form-item>
+      <a-form-item label="被告/被上诉人" name="defendant appellee">
+        <a-input
+          allow-clear
+          placeholder="请输入被告/被上诉人"
+          v-model:value="form.appellee"
+        />
+      </a-form-item>
+      <a-form-item label="其他当事人/第三人" name="otherPartiesThirdParty">
+        <a-input
+          allow-clear
+          placeholder="请输入其他当事人/第三人"
+          v-model:value="form.otherPartiesThirdParty"
+        />
+      </a-form-item>
+      <a-form-item label="发生时间" name="occurrenceTime">
+        <a-input
+          allow-clear
+          placeholder="请输入发生时间"
+          v-model:value="form.occurrenceTime"
+        />
+      </a-form-item>
+      <a-form-item label="案号" name="caseNumber">
+        <a-input
+          allow-clear
+          placeholder="请输入案号"
+          v-model:value="form.caseNumber"
+        />
+      </a-form-item>
+      <a-form-item label="案由" name="causeOfAction">
+        <a-input
+          allow-clear
+          placeholder="请输入案由"
+          v-model:value="form.causeOfAction"
+        />
+      </a-form-item>
+      <a-form-item label="涉案金额" name="involvedAmount">
+        <a-input
+          allow-clear
+          placeholder="请输入涉案金额"
+          v-model:value="form.involvedAmount"
+        />
+      </a-form-item>
+      <a-form-item label="法院" name="courtName">
+        <a-input
+          allow-clear
+          placeholder="请输入法院"
+          v-model:value="form.courtName"
+        />
+      </a-form-item>
+      <a-form-item label="数据状态" name="dataStatus">
+        <a-input
+          allow-clear
+          placeholder="请输入数据状态"
+          v-model:value="form.dataStatus"
+        />
+      </a-form-item>
+      <a-form-item label="备注" name="comments">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="请输入描述"
+          v-model:value="form.comments"
+        />
+      </a-form-item>
+      <a-form-item label="是否推荐" name="recommend">
+        <a-input
+          allow-clear
+          placeholder="请输入是否推荐"
+          v-model:value="form.recommend"
+        />
+      </a-form-item>
+      <a-form-item label="排序(数字越小越靠前)" name="sortNumber">
+        <a-input-number
+          :min="0"
+          :max="9999"
+          class="ele-fluid"
+          placeholder="请输入排序号"
+          v-model:value="form.sortNumber"
+        />
+      </a-form-item>
+      <a-form-item label="状态, 0正常, 1冻结" name="status">
+        <a-radio-group v-model:value="form.status">
+          <a-radio :value="0">显示</a-radio>
+          <a-radio :value="1">隐藏</a-radio>
+        </a-radio-group>
+      </a-form-item>
+      <a-form-item label="是否删除, 0否, 1是" name="deleted">
+        <a-input
+          allow-clear
+          placeholder="请输入是否删除, 0否, 1是"
+          v-model:value="form.deleted"
+        />
+      </a-form-item>
+      <a-form-item label="用户ID" name="userId">
+        <a-input
+          allow-clear
+          placeholder="请输入用户ID"
+          v-model:value="form.userId"
+        />
+      </a-form-item>
+      <a-form-item label="修改时间" name="updateTime">
+        <a-input
+          allow-clear
+          placeholder="请输入修改时间"
+          v-model:value="form.updateTime"
+        />
+      </a-form-item>
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, watch } from 'vue';
+  import { Form, message } from 'ant-design-vue';
+  import { assignObject, uuid } from 'ele-admin-pro';
+  import { addCreditMediation, updateCreditMediation } from '@/api/credit/creditMediation';
+  import { CreditMediation } from '@/api/credit/creditMediation/model';
+  import { useThemeStore } from '@/store/modules/theme';
+  import { storeToRefs } from 'pinia';
+  import { ItemType } from 'ele-admin-pro/es/ele-image-upload/types';
+  import { FormInstance } from 'ant-design-vue/es/form';
+  import { FileRecord } from '@/api/system/file/model';
+
+  // 是否是修改
+  const isUpdate = ref(false);
+  const useForm = Form.useForm;
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: CreditMediation | null;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  // 提交状态
+  const loading = ref(false);
+  // 是否显示最大化切换按钮
+  const maxable = ref(true);
+  // 表格选中数据
+  const formRef = ref<FormInstance | null>(null);
+  const images = ref<ItemType[]>([]);
+
+  // 用户信息
+  const form = reactive<CreditMediation>({
+    id: undefined,
+    dataType: undefined,
+    plaintiffAppellant: undefined,
+    appellee: undefined,
+    otherPartiesThirdParty: undefined,
+    occurrenceTime: undefined,
+    caseNumber: undefined,
+    causeOfAction: undefined,
+    involvedAmount: undefined,
+    courtName: undefined,
+    dataStatus: undefined,
+    comments: undefined,
+    recommend: undefined,
+    sortNumber: undefined,
+    status: undefined,
+    deleted: undefined,
+    userId: undefined,
+    tenantId: undefined,
+    createTime: undefined,
+    updateTime: undefined,
+    creditMediationId: undefined,
+    creditMediationName: '',
+    status: 0,
+    comments: '',
+    sortNumber: 100
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    creditMediationName: [
+      {
+        required: true,
+        type: 'string',
+        message: '请填写诉前调解司法大数据名称',
+        trigger: 'blur'
+      }
+    ]
+  });
+
+  const chooseImage = (data: FileRecord) => {
+    images.value.push({
+      uid: data.id,
+      url: data.path,
+      status: 'done'
+    });
+    form.image = data.path;
+  };
+
+  const onDeleteItem = (index: number) => {
+    images.value.splice(index, 1);
+    form.image = '';
+  };
+
+  const { resetFields } = useForm(form, rules);
+
+  /* 保存编辑 */
+  const save = () => {
+    if (!formRef.value) {
+      return;
+    }
+    formRef.value
+      .validate()
+      .then(() => {
+        loading.value = true;
+        const formData = {
+          ...form
+        };
+        const saveOrUpdate = isUpdate.value ? updateCreditMediation : addCreditMediation;
+        saveOrUpdate(formData)
+          .then((msg) => {
+            loading.value = false;
+            message.success(msg);
+            updateVisible(false);
+            emit('done');
+          })
+          .catch((e) => {
+            loading.value = false;
+            message.error(e.message);
+          });
+      })
+      .catch(() => {});
+  };
+
+  watch(
+    () => props.visible,
+    (visible) => {
+      if (visible) {
+        images.value = [];
+        if (props.data) {
+          assignObject(form, props.data);
+          if(props.data.image){
+            images.value.push({
+              uid: uuid(),
+              url: props.data.image,
+              status: 'done'
+            })
+          }
+          isUpdate.value = true;
+        } else {
+          isUpdate.value = false;
+        }
+      } else {
+        resetFields();
+      }
+    },
+    { immediate: true }
+  );
+</script>
diff --git a/src/views/credit/creditMediation/components/search.vue b/src/views/credit/creditMediation/components/search.vue
new file mode 100644
index 0000000..82fea9d
--- /dev/null
+++ b/src/views/credit/creditMediation/components/search.vue
@@ -0,0 +1,42 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+    <a-button type="primary" class="ele-btn-icon" @click="add">
+      <template #icon>
+        <PlusOutlined />
+      </template>
+      <span>添加</span>
+    </a-button>
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+  import { PlusOutlined } from '@ant-design/icons-vue';
+  import type { GradeParam } from '@/api/user/grade/model';
+  import { watch } from 'vue';
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的角色
+      selection?: [];
+    }>(),
+    {}
+  );
+
+  const emit = defineEmits<{
+    (e: 'search', where?: GradeParam): void;
+    (e: 'add'): void;
+    (e: 'remove'): void;
+    (e: 'batchMove'): void;
+  }>();
+
+  // 新增
+  const add = () => {
+    emit('add');
+  };
+
+  watch(
+    () => props.selection,
+    () => {}
+  );
+</script>
diff --git a/src/views/credit/creditMediation/index.vue b/src/views/credit/creditMediation/index.vue
new file mode 100644
index 0000000..4a5f421
--- /dev/null
+++ b/src/views/credit/creditMediation/index.vue
@@ -0,0 +1,326 @@
+<template>
+  <a-page-header :title="getPageTitle()" @back="() => $router.go(-1)">
+    <a-card :bordered="false" :body-style="{ padding: '16px' }">
+      <ele-pro-table
+        ref="tableRef"
+        row-key="id"
+        :columns="columns"
+        :datasource="datasource"
+        :customRow="customRow"
+        tool-class="ele-toolbar-form"
+        class="sys-org-table"
+      >
+        <template #toolbar>
+          <search
+            @search="reload"
+            :selection="selection"
+            @add="openEdit"
+            @remove="removeBatch"
+            @batchMove="openMove"
+            @importData="openImport"
+            @exportData="exportData"
+          />
+        </template>
+        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'image'">
+            <a-image :src="record.image" :width="50" />
+          </template>
+          <template v-if="column.key === 'status'">
+            <a-tag v-if="record.status === 0" color="green">显示</a-tag>
+            <a-tag v-if="record.status === 1" color="red">隐藏</a-tag>
+          </template>
+          <template v-if="column.key === 'action'">
+            <a-space>
+              <a @click="openEdit(record)">修改</a>
+              <a-divider type="vertical" />
+              <a-popconfirm
+                title="确定要删除此记录吗？"
+                @confirm="remove(record)"
+              >
+                <a class="ele-text-danger">删除</a>
+              </a-popconfirm>
+            </a-space>
+          </template>
+        </template>
+      </ele-pro-table>
+    </a-card>
+
+    <!-- 编辑弹窗 -->
+    <CreditMediationEdit
+      v-model:visible="showEdit"
+      :data="current"
+      @done="reload"
+    />
+    <!-- 导入弹窗 -->
+    <CreditMediationImport v-model:visible="showImport" @done="reload" />
+  </a-page-header>
+</template>
+
+<script lang="ts" setup>
+  import { createVNode, ref } from 'vue';
+  import { message, Modal } from 'ant-design-vue';
+  import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
+  import type { EleProTable } from 'ele-admin-pro';
+  import { toDateString } from 'ele-admin-pro';
+  import type {
+    DatasourceFunction,
+    ColumnItem
+  } from 'ele-admin-pro/es/ele-pro-table/types';
+  import Search from '@/views/credit/components/CreditSearchToolbar.vue';
+  import { exportCreditData } from '../utils/export';
+  import { getPageTitle } from '@/utils/common';
+  import CreditMediationEdit from './components/creditMediationEdit.vue';
+  import CreditMediationImport from './components/credit-mediation-import.vue';
+  import {
+    pageCreditMediation,
+    listCreditMediation,
+    removeCreditMediation,
+    removeBatchCreditMediation
+  } from '@/api/credit/creditMediation';
+  import type {
+    CreditMediation,
+    CreditMediationParam
+  } from '@/api/credit/creditMediation/model';
+
+  // 表格实例
+  const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+  // 表格选中数据
+  const selection = ref<CreditMediation[]>([]);
+  // 当前编辑数据
+  const current = ref<CreditMediation | null>(null);
+  // 是否显示编辑弹窗
+  const showEdit = ref(false);
+  // 是否显示导入弹窗
+  const showImport = ref(false);
+  // 是否显示批量移动弹窗
+  const showMove = ref(false);
+  // 加载状态
+  const loading = ref(true);
+  // 搜索关键词
+  const searchText = ref('');
+
+  // 表格数据源
+  const datasource: DatasourceFunction = ({
+    page,
+    limit,
+    where = {},
+    orders,
+    filters
+  }) => {
+    const params: CreditMediationParam = { ...where };
+    if (filters) {
+      (params as any).status = filters.status;
+    }
+    if (!params.keywords && searchText.value) {
+      params.keywords = searchText.value;
+    }
+    return pageCreditMediation({
+      ...params,
+      ...orders,
+      page,
+      limit
+    });
+  };
+
+  // 关键信息列
+  const columns = ref<ColumnItem[]>([
+    {
+      title: 'ID',
+      dataIndex: 'id',
+      key: 'id',
+      width: 80
+    },
+    {
+      title: '数据类型',
+      dataIndex: 'dataType',
+      key: 'dataType',
+      ellipsis: true
+    },
+    {
+      title: '原告/上诉人',
+      dataIndex: 'plaintiffAppellant',
+      key: 'plaintiffAppellant',
+      ellipsis: true
+    },
+    {
+      title: '发生时间',
+      dataIndex: 'occurrenceTime',
+      key: 'occurrenceTime',
+      width: 120
+    },
+    {
+      title: '案号',
+      dataIndex: 'caseNumber',
+      key: 'caseNumber',
+      ellipsis: true
+    },
+    {
+      title: '案由',
+      dataIndex: 'causeOfAction',
+      key: 'causeOfAction',
+      ellipsis: true
+    },
+    {
+      title: '涉案金额',
+      dataIndex: 'involvedAmount',
+      key: 'involvedAmount',
+      width: 120
+    },
+    {
+      title: '法院',
+      dataIndex: 'courtName',
+      key: 'courtName',
+      ellipsis: true
+    },
+    {
+      title: '数据状态',
+      dataIndex: 'dataStatus',
+      key: 'dataStatus',
+      ellipsis: true
+    },
+    {
+      title: '创建时间',
+      dataIndex: 'createTime',
+      key: 'createTime',
+      width: 180,
+      align: 'center',
+      ellipsis: true,
+      customRender: ({ text }) => toDateString(text, 'yyyy-MM-dd HH:mm:ss')
+    },
+    {
+      title: '操作',
+      key: 'action',
+      width: 160,
+      fixed: 'right',
+      align: 'center',
+      hideInSetting: true
+    }
+  ]);
+
+  /* 搜索 */
+  const reload = (where?: CreditMediationParam) => {
+    if (where && Object.prototype.hasOwnProperty.call(where, 'keywords')) {
+      searchText.value = where.keywords ?? '';
+    }
+    const targetWhere = where ?? { keywords: searchText.value || undefined };
+    selection.value = [];
+    tableRef?.value?.reload({ where: targetWhere });
+  };
+
+  /* 打开编辑弹窗 */
+  const openEdit = (row?: CreditMediation) => {
+    current.value = row ?? null;
+    showEdit.value = true;
+  };
+
+  /* 打开批量移动弹窗 */
+  const openMove = () => {
+    showMove.value = true;
+  };
+
+  /* 打开导入弹窗 */
+  const openImport = () => {
+    showImport.value = true;
+  };
+
+  /* 导出 */
+  const exportData = () => {
+    exportCreditData<CreditMediation>({
+      filename: '诉前调解',
+      columns: [
+        { title: 'ID', dataIndex: 'id' },
+        { title: '数据类型', dataIndex: 'dataType' },
+        { title: '原告/上诉人', dataIndex: 'plaintiffAppellant' },
+        { title: '发生时间', dataIndex: 'occurrenceTime' },
+        { title: '案号', dataIndex: 'caseNumber' },
+        { title: '案由', dataIndex: 'causeOfAction' },
+        { title: '涉案金额', dataIndex: 'involvedAmount' },
+        { title: '法院', dataIndex: 'courtName' },
+        { title: '数据状态', dataIndex: 'dataStatus' },
+        {
+          title: '创建时间',
+          dataIndex: 'createTime',
+          formatter: (record: CreditMediation) =>
+            record.createTime
+              ? toDateString(record.createTime, 'yyyy-MM-dd HH:mm:ss')
+              : ''
+        }
+      ],
+      fetchData: () =>
+        listCreditMediation({
+          keywords: searchText.value || undefined
+        })
+    });
+  };
+
+  /* 删除单个 */
+  const remove = (row: CreditMediation) => {
+    const hide = message.loading('请求中..', 0);
+    removeCreditMediation(row.id)
+      .then((msg) => {
+        hide();
+        message.success(msg);
+        reload();
+      })
+      .catch((e) => {
+        hide();
+        message.error(e.message);
+      });
+  };
+
+  /* 批量删除 */
+  const removeBatch = () => {
+    if (!selection.value.length) {
+      message.error('请至少选择一条数据');
+      return;
+    }
+    Modal.confirm({
+      title: '提示',
+      content: '确定要删除选中的记录吗?',
+      icon: createVNode(ExclamationCircleOutlined),
+      maskClosable: true,
+      onOk: () => {
+        const hide = message.loading('请求中..', 0);
+        removeBatchCreditMediation(selection.value.map((d) => d.id))
+          .then((msg) => {
+            hide();
+            message.success(msg);
+            reload();
+          })
+          .catch((e) => {
+            hide();
+            message.error(e.message);
+          });
+      }
+    });
+  };
+
+  /* 查询 */
+  const query = () => {
+    loading.value = true;
+  };
+
+  /* 自定义行属性 */
+  const customRow = (record: CreditMediation) => {
+    return {
+      // 行点击事件
+      onClick: () => {
+        // console.log(record);
+      },
+      // 行双击事件
+      onDblclick: () => {
+        openEdit(record);
+      }
+    };
+  };
+  query();
+</script>
+
+<script lang="ts">
+  export default {
+    name: 'CreditMediation'
+  };
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/views/credit/creditNearbyCompany/components/creditNearbyCompanyEdit.vue b/src/views/credit/creditNearbyCompany/components/creditNearbyCompanyEdit.vue
new file mode 100644
index 0000000..4ec9392
--- /dev/null
+++ b/src/views/credit/creditNearbyCompany/components/creditNearbyCompanyEdit.vue
@@ -0,0 +1,644 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑附近企业' : '添加附近企业'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="企业名称" name="name">
+        <a-input
+          allow-clear
+          placeholder="请输入企业名称"
+          v-model:value="form.name"
+        />
+      </a-form-item>
+      <a-form-item label="登记状态" name="registrationStatus">
+        <a-input
+          allow-clear
+          placeholder="请输入登记状态"
+          v-model:value="form.registrationStatus"
+        />
+      </a-form-item>
+      <a-form-item label="法定代表人" name="legalPerson">
+        <a-input
+          allow-clear
+          placeholder="请输入法定代表人"
+          v-model:value="form.legalPerson"
+        />
+      </a-form-item>
+      <a-form-item label="注册资本" name="registeredCapital">
+        <a-input
+          allow-clear
+          placeholder="请输入注册资本"
+          v-model:value="form.registeredCapital"
+        />
+      </a-form-item>
+      <a-form-item label="成立日期" name="establishDate">
+        <a-input
+          allow-clear
+          placeholder="请输入成立日期"
+          v-model:value="form.establishDate"
+        />
+      </a-form-item>
+      <a-form-item label="统一社会信用代码" name="code">
+        <a-input
+          allow-clear
+          placeholder="请输入统一社会信用代码"
+          v-model:value="form.code"
+        />
+      </a-form-item>
+      <a-form-item label="注册地址" name="address">
+        <a-input
+          allow-clear
+          placeholder="请输入注册地址"
+          v-model:value="form.address"
+        />
+      </a-form-item>
+      <a-form-item label="注册地址邮编" name="postalCode">
+        <a-input
+          allow-clear
+          placeholder="请输入注册地址邮编"
+          v-model:value="form.postalCode"
+        />
+      </a-form-item>
+      <a-form-item label="有效手机号" name="phone">
+        <a-input
+          allow-clear
+          placeholder="请输入有效手机号"
+          v-model:value="form.phone"
+        />
+      </a-form-item>
+      <a-form-item label="更多电话" name="moreTel">
+        <a-input
+          allow-clear
+          placeholder="请输入更多电话"
+          v-model:value="form.moreTel"
+        />
+      </a-form-item>
+      <a-form-item label="邮箱" name="email">
+        <a-input
+          allow-clear
+          placeholder="请输入邮箱"
+          v-model:value="form.email"
+        />
+      </a-form-item>
+      <a-form-item label="邮箱" name="moreEmail">
+        <a-input
+          allow-clear
+          placeholder="请输入邮箱"
+          v-model:value="form.moreEmail"
+        />
+      </a-form-item>
+      <a-form-item label="所在国家" name="country">
+        <a-input
+          allow-clear
+          placeholder="请输入所在国家"
+          v-model:value="form.country"
+        />
+      </a-form-item>
+      <a-form-item label="所属省份" name="province">
+        <a-input
+          allow-clear
+          placeholder="请输入所属省份"
+          v-model:value="form.province"
+        />
+      </a-form-item>
+      <a-form-item label="所属城市" name="city">
+        <a-input
+          allow-clear
+          placeholder="请输入所属城市"
+          v-model:value="form.city"
+        />
+      </a-form-item>
+      <a-form-item label="所属区县" name="region">
+        <a-input
+          allow-clear
+          placeholder="请输入所属区县"
+          v-model:value="form.region"
+        />
+      </a-form-item>
+      <a-form-item label="纳税人识别号" name="taxpayerCode">
+        <a-input
+          allow-clear
+          placeholder="请输入纳税人识别号"
+          v-model:value="form.taxpayerCode"
+        />
+      </a-form-item>
+      <a-form-item label="注册号" name="registrationNumber">
+        <a-input
+          allow-clear
+          placeholder="请输入注册号"
+          v-model:value="form.registrationNumber"
+        />
+      </a-form-item>
+      <a-form-item label="组织机构代码" name="organizationalCode">
+        <a-input
+          allow-clear
+          placeholder="请输入组织机构代码"
+          v-model:value="form.organizationalCode"
+        />
+      </a-form-item>
+      <a-form-item label="参保人数" name="numberOfInsuredPersons">
+        <a-input
+          allow-clear
+          placeholder="请输入参保人数"
+          v-model:value="form.numberOfInsuredPersons"
+        />
+      </a-form-item>
+      <a-form-item label="参保人数所属年报" name="annualReport">
+        <a-input
+          allow-clear
+          placeholder="请输入参保人数所属年报"
+          v-model:value="form.annualReport"
+        />
+      </a-form-item>
+      <a-form-item label="企业（机构）类型" name="institutionType">
+        <a-input
+          allow-clear
+          placeholder="请输入企业（机构）类型"
+          v-model:value="form.institutionType"
+        />
+      </a-form-item>
+      <a-form-item label="企业规模" name="companySize">
+        <a-input
+          allow-clear
+          placeholder="请输入企业规模"
+          v-model:value="form.companySize"
+        />
+      </a-form-item>
+      <a-form-item label="营业期限" name="businessTerm">
+        <a-input
+          allow-clear
+          placeholder="请输入营业期限"
+          v-model:value="form.businessTerm"
+        />
+      </a-form-item>
+      <a-form-item label="国标行业门类" name="nationalStandardIndustryCategories">
+        <a-input
+          allow-clear
+          placeholder="请输入国标行业门类"
+          v-model:value="form.nationalStandardIndustryCategories"
+        />
+      </a-form-item>
+      <a-form-item label="国标行业大类" name="nationalStandardIndustryCategories2">
+        <a-input
+          allow-clear
+          placeholder="请输入国标行业大类"
+          v-model:value="form.nationalStandardIndustryCategories2"
+        />
+      </a-form-item>
+      <a-form-item label="国标行业中类" name="nationalStandardIndustryCategories3">
+        <a-input
+          allow-clear
+          placeholder="请输入国标行业中类"
+          v-model:value="form.nationalStandardIndustryCategories3"
+        />
+      </a-form-item>
+      <a-form-item label="国标行业小类" name="nationalStandardIndustryCategories4">
+        <a-input
+          allow-clear
+          placeholder="请输入国标行业小类"
+          v-model:value="form.nationalStandardIndustryCategories4"
+        />
+      </a-form-item>
+      <a-form-item label="曾用名" name="formerName">
+        <a-input
+          allow-clear
+          placeholder="请输入曾用名"
+          v-model:value="form.formerName"
+        />
+      </a-form-item>
+      <a-form-item label="英文名" name="englishName">
+        <a-input
+          allow-clear
+          placeholder="请输入英文名"
+          v-model:value="form.englishName"
+        />
+      </a-form-item>
+      <a-form-item label="官网网址" name="domain">
+        <a-input
+          allow-clear
+          placeholder="请输入官网网址"
+          v-model:value="form.domain"
+        />
+      </a-form-item>
+      <a-form-item label="通信地址" name="mailingAddress">
+        <a-input
+          allow-clear
+          placeholder="请输入通信地址"
+          v-model:value="form.mailingAddress"
+        />
+      </a-form-item>
+      <a-form-item label="通信地址邮箱" name="mailingEmail">
+        <a-input
+          allow-clear
+          placeholder="请输入通信地址邮箱"
+          v-model:value="form.mailingEmail"
+        />
+      </a-form-item>
+      <a-form-item label="企业简介" name="companyProfile">
+        <a-input
+          allow-clear
+          placeholder="请输入企业简介"
+          v-model:value="form.companyProfile"
+        />
+      </a-form-item>
+      <a-form-item label="经营范围" name="natureOfBusiness">
+        <a-input
+          allow-clear
+          placeholder="请输入经营范围"
+          v-model:value="form.natureOfBusiness"
+        />
+      </a-form-item>
+      <a-form-item label="电话" name="tel">
+        <a-input
+          allow-clear
+          placeholder="请输入电话"
+          v-model:value="form.tel"
+        />
+      </a-form-item>
+      <a-form-item label="企查查行业门类" name="nationalStandardIndustryCategories5">
+        <a-input
+          allow-clear
+          placeholder="请输入企查查行业门类"
+          v-model:value="form.nationalStandardIndustryCategories5"
+        />
+      </a-form-item>
+      <a-form-item label="企查查行业大类" name="nationalStandardIndustryCategories6">
+        <a-input
+          allow-clear
+          placeholder="请输入企查查行业大类"
+          v-model:value="form.nationalStandardIndustryCategories6"
+        />
+      </a-form-item>
+      <a-form-item label="企查查行业中类" name="nationalStandardIndustryCategories7">
+        <a-input
+          allow-clear
+          placeholder="请输入企查查行业中类"
+          v-model:value="form.nationalStandardIndustryCategories7"
+        />
+      </a-form-item>
+      <a-form-item label="企查查行业小类" name="nationalStandardIndustryCategories8">
+        <a-input
+          allow-clear
+          placeholder="请输入企查查行业小类"
+          v-model:value="form.nationalStandardIndustryCategories8"
+        />
+      </a-form-item>
+      <a-form-item label="链接" name="url">
+        <a-input
+          allow-clear
+          placeholder="请输入链接"
+          v-model:value="form.url"
+        />
+      </a-form-item>
+      <a-form-item label="类型" name="type">
+        <a-input
+          allow-clear
+          placeholder="请输入类型"
+          v-model:value="form.type"
+        />
+      </a-form-item>
+      <a-form-item label="上级id, 0是顶级" name="parentId">
+        <a-input
+          allow-clear
+          placeholder="请输入上级id, 0是顶级"
+          v-model:value="form.parentId"
+        />
+      </a-form-item>
+      <a-form-item label="实缴资本" name="paidinCapital">
+        <a-input
+          allow-clear
+          placeholder="请输入实缴资本"
+          v-model:value="form.paidinCapital"
+        />
+      </a-form-item>
+      <a-form-item label="登记机关" name="registrationAuthority">
+        <a-input
+          allow-clear
+          placeholder="请输入登记机关"
+          v-model:value="form.registrationAuthority"
+        />
+      </a-form-item>
+      <a-form-item label="纳税人资质" name="taxpayerQualification">
+        <a-input
+          allow-clear
+          placeholder="请输入纳税人资质"
+          v-model:value="form.taxpayerQualification"
+        />
+      </a-form-item>
+      <a-form-item label="最新年报年份" name="latestAnnualReportYear">
+        <a-input
+          allow-clear
+          placeholder="请输入最新年报年份"
+          v-model:value="form.latestAnnualReportYear"
+        />
+      </a-form-item>
+      <a-form-item label="最新年报营业收入" name="latestAnnualReportOnOperatingRevenue">
+        <a-input
+          allow-clear
+          placeholder="请输入最新年报营业收入"
+          v-model:value="form.latestAnnualReportOnOperatingRevenue"
+        />
+      </a-form-item>
+      <a-form-item label="企查分" name="enterpriseScoreCheck">
+        <a-input
+          allow-clear
+          placeholder="请输入企查分"
+          v-model:value="form.enterpriseScoreCheck"
+        />
+      </a-form-item>
+      <a-form-item label="信用等级" name="creditRating">
+        <a-input
+          allow-clear
+          placeholder="请输入信用等级"
+          v-model:value="form.creditRating"
+        />
+      </a-form-item>
+      <a-form-item label="科创分" name="cechnologyScore">
+        <a-input
+          allow-clear
+          placeholder="请输入科创分"
+          v-model:value="form.cechnologyScore"
+        />
+      </a-form-item>
+      <a-form-item label="科创等级" name="cechnologyLevel">
+        <a-input
+          allow-clear
+          placeholder="请输入科创等级"
+          v-model:value="form.cechnologyLevel"
+        />
+      </a-form-item>
+      <a-form-item label="是否小微企业" name="smallEnterprise">
+        <a-input
+          allow-clear
+          placeholder="请输入是否小微企业"
+          v-model:value="form.smallEnterprise"
+        />
+      </a-form-item>
+      <a-form-item label="备注" name="comments">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="请输入描述"
+          v-model:value="form.comments"
+        />
+      </a-form-item>
+      <a-form-item label="是否推荐" name="recommend">
+        <a-input
+          allow-clear
+          placeholder="请输入是否推荐"
+          v-model:value="form.recommend"
+        />
+      </a-form-item>
+      <a-form-item label="排序(数字越小越靠前)" name="sortNumber">
+        <a-input-number
+          :min="0"
+          :max="9999"
+          class="ele-fluid"
+          placeholder="请输入排序号"
+          v-model:value="form.sortNumber"
+        />
+      </a-form-item>
+      <a-form-item label="状态, 0正常, 1冻结" name="status">
+        <a-radio-group v-model:value="form.status">
+          <a-radio :value="0">显示</a-radio>
+          <a-radio :value="1">隐藏</a-radio>
+        </a-radio-group>
+      </a-form-item>
+      <a-form-item label="是否删除, 0否, 1是" name="deleted">
+        <a-input
+          allow-clear
+          placeholder="请输入是否删除, 0否, 1是"
+          v-model:value="form.deleted"
+        />
+      </a-form-item>
+      <a-form-item label="用户ID" name="userId">
+        <a-input
+          allow-clear
+          placeholder="请输入用户ID"
+          v-model:value="form.userId"
+        />
+      </a-form-item>
+      <a-form-item label="修改时间" name="updateTime">
+        <a-input
+          allow-clear
+          placeholder="请输入修改时间"
+          v-model:value="form.updateTime"
+        />
+      </a-form-item>
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, watch } from 'vue';
+  import { Form, message } from 'ant-design-vue';
+  import { assignObject, uuid } from 'ele-admin-pro';
+  import { addCreditNearbyCompany, updateCreditNearbyCompany } from '@/api/credit/creditNearbyCompany';
+  import { CreditNearbyCompany } from '@/api/credit/creditNearbyCompany/model';
+  import { useThemeStore } from '@/store/modules/theme';
+  import { storeToRefs } from 'pinia';
+  import { ItemType } from 'ele-admin-pro/es/ele-image-upload/types';
+  import { FormInstance } from 'ant-design-vue/es/form';
+  import { FileRecord } from '@/api/system/file/model';
+
+  // 是否是修改
+  const isUpdate = ref(false);
+  const useForm = Form.useForm;
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: CreditNearbyCompany | null;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  // 提交状态
+  const loading = ref(false);
+  // 是否显示最大化切换按钮
+  const maxable = ref(true);
+  // 表格选中数据
+  const formRef = ref<FormInstance | null>(null);
+  const images = ref<ItemType[]>([]);
+
+  // 用户信息
+  const form = reactive<CreditNearbyCompany>({
+    id: undefined,
+    name: undefined,
+    registrationStatus: undefined,
+    legalPerson: undefined,
+    registeredCapital: undefined,
+    establishDate: undefined,
+    code: undefined,
+    address: undefined,
+    postalCode: undefined,
+    phone: undefined,
+    moreTel: undefined,
+    email: undefined,
+    moreEmail: undefined,
+    country: undefined,
+    province: undefined,
+    city: undefined,
+    region: undefined,
+    taxpayerCode: undefined,
+    registrationNumber: undefined,
+    organizationalCode: undefined,
+    numberOfInsuredPersons: undefined,
+    annualReport: undefined,
+    institutionType: undefined,
+    companySize: undefined,
+    businessTerm: undefined,
+    nationalStandardIndustryCategories: undefined,
+    nationalStandardIndustryCategories2: undefined,
+    nationalStandardIndustryCategories3: undefined,
+    nationalStandardIndustryCategories4: undefined,
+    formerName: undefined,
+    englishName: undefined,
+    domain: undefined,
+    mailingAddress: undefined,
+    mailingEmail: undefined,
+    companyProfile: undefined,
+    natureOfBusiness: undefined,
+    tel: undefined,
+    nationalStandardIndustryCategories5: undefined,
+    nationalStandardIndustryCategories6: undefined,
+    nationalStandardIndustryCategories7: undefined,
+    nationalStandardIndustryCategories8: undefined,
+    url: undefined,
+    type: undefined,
+    parentId: undefined,
+    paidinCapital: undefined,
+    registrationAuthority: undefined,
+    taxpayerQualification: undefined,
+    latestAnnualReportYear: undefined,
+    latestAnnualReportOnOperatingRevenue: undefined,
+    enterpriseScoreCheck: undefined,
+    creditRating: undefined,
+    cechnologyScore: undefined,
+    cechnologyLevel: undefined,
+    smallEnterprise: undefined,
+    comments: undefined,
+    recommend: undefined,
+    sortNumber: undefined,
+    status: undefined,
+    deleted: undefined,
+    userId: undefined,
+    tenantId: undefined,
+    createTime: undefined,
+    updateTime: undefined,
+    creditNearbyCompanyId: undefined,
+    creditNearbyCompanyName: '',
+    status: 0,
+    comments: '',
+    sortNumber: 100
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    creditNearbyCompanyName: [
+      {
+        required: true,
+        type: 'string',
+        message: '请填写附近企业名称',
+        trigger: 'blur'
+      }
+    ]
+  });
+
+  const chooseImage = (data: FileRecord) => {
+    images.value.push({
+      uid: data.id,
+      url: data.path,
+      status: 'done'
+    });
+    form.image = data.path;
+  };
+
+  const onDeleteItem = (index: number) => {
+    images.value.splice(index, 1);
+    form.image = '';
+  };
+
+  const { resetFields } = useForm(form, rules);
+
+  /* 保存编辑 */
+  const save = () => {
+    if (!formRef.value) {
+      return;
+    }
+    formRef.value
+      .validate()
+      .then(() => {
+        loading.value = true;
+        const formData = {
+          ...form
+        };
+        const saveOrUpdate = isUpdate.value ? updateCreditNearbyCompany : addCreditNearbyCompany;
+        saveOrUpdate(formData)
+          .then((msg) => {
+            loading.value = false;
+            message.success(msg);
+            updateVisible(false);
+            emit('done');
+          })
+          .catch((e) => {
+            loading.value = false;
+            message.error(e.message);
+          });
+      })
+      .catch(() => {});
+  };
+
+  watch(
+    () => props.visible,
+    (visible) => {
+      if (visible) {
+        images.value = [];
+        if (props.data) {
+          assignObject(form, props.data);
+          if(props.data.image){
+            images.value.push({
+              uid: uuid(),
+              url: props.data.image,
+              status: 'done'
+            })
+          }
+          isUpdate.value = true;
+        } else {
+          isUpdate.value = false;
+        }
+      } else {
+        resetFields();
+      }
+    },
+    { immediate: true }
+  );
+</script>
diff --git a/src/views/credit/creditNearbyCompany/components/search.vue b/src/views/credit/creditNearbyCompany/components/search.vue
new file mode 100644
index 0000000..82fea9d
--- /dev/null
+++ b/src/views/credit/creditNearbyCompany/components/search.vue
@@ -0,0 +1,42 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+    <a-button type="primary" class="ele-btn-icon" @click="add">
+      <template #icon>
+        <PlusOutlined />
+      </template>
+      <span>添加</span>
+    </a-button>
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+  import { PlusOutlined } from '@ant-design/icons-vue';
+  import type { GradeParam } from '@/api/user/grade/model';
+  import { watch } from 'vue';
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的角色
+      selection?: [];
+    }>(),
+    {}
+  );
+
+  const emit = defineEmits<{
+    (e: 'search', where?: GradeParam): void;
+    (e: 'add'): void;
+    (e: 'remove'): void;
+    (e: 'batchMove'): void;
+  }>();
+
+  // 新增
+  const add = () => {
+    emit('add');
+  };
+
+  watch(
+    () => props.selection,
+    () => {}
+  );
+</script>
diff --git a/src/views/credit/creditNearbyCompany/index.vue b/src/views/credit/creditNearbyCompany/index.vue
new file mode 100644
index 0000000..6e92a76
--- /dev/null
+++ b/src/views/credit/creditNearbyCompany/index.vue
@@ -0,0 +1,578 @@
+<template>
+  <a-page-header :title="getPageTitle()" @back="() => $router.go(-1)">
+      <a-card :bordered="false" :body-style="{ padding: '16px' }">
+        <ele-pro-table
+          ref="tableRef"
+          row-key="id"
+          :columns="columns"
+          :datasource="datasource"
+          :customRow="customRow"
+          tool-class="ele-toolbar-form"
+          class="sys-org-table"
+        >
+          <template #toolbar>
+            <search
+              @search="reload"
+              :selection="selection"
+              @add="openEdit"
+              @remove="removeBatch"
+              @batchMove="openMove"
+            />
+          </template>
+          <template #bodyCell="{ column, record }">
+            <template v-if="column.key === 'image'">
+              <a-image :src="record.image" :width="50" />
+            </template>
+            <template v-if="column.key === 'status'">
+              <a-tag v-if="record.status === 0" color="green">显示</a-tag>
+              <a-tag v-if="record.status === 1" color="red">隐藏</a-tag>
+            </template>
+            <template v-if="column.key === 'action'">
+              <a-space>
+                <a @click="openEdit(record)">修改</a>
+                <a-divider type="vertical" />
+                <a-popconfirm
+                  title="确定要删除此记录吗？"
+                  @confirm="remove(record)"
+                >
+                  <a class="ele-text-danger">删除</a>
+                </a-popconfirm>
+              </a-space>
+            </template>
+          </template>
+        </ele-pro-table>
+      </a-card>
+
+      <!-- 编辑弹窗 -->
+      <CreditNearbyCompanyEdit v-model:visible="showEdit" :data="current" @done="reload" />
+  </a-page-header>
+</template>
+
+<script lang="ts" setup>
+  import { createVNode, ref, computed } from 'vue';
+  import { message, Modal } from 'ant-design-vue';
+  import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
+  import type { EleProTable } from 'ele-admin-pro';
+  import { toDateString } from 'ele-admin-pro';
+  import type {
+    DatasourceFunction,
+    ColumnItem
+  } from 'ele-admin-pro/es/ele-pro-table/types';
+  import Search from './components/search.vue';
+  import {getPageTitle} from '@/utils/common';
+  import CreditNearbyCompanyEdit from './components/creditNearbyCompanyEdit.vue';
+  import { pageCreditNearbyCompany, removeCreditNearbyCompany, removeBatchCreditNearbyCompany } from '@/api/credit/creditNearbyCompany';
+  import type { CreditNearbyCompany, CreditNearbyCompanyParam } from '@/api/credit/creditNearbyCompany/model';
+
+  // 表格实例
+  const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+  // 表格选中数据
+  const selection = ref<CreditNearbyCompany[]>([]);
+  // 当前编辑数据
+  const current = ref<CreditNearbyCompany | null>(null);
+  // 是否显示编辑弹窗
+  const showEdit = ref(false);
+  // 是否显示批量移动弹窗
+  const showMove = ref(false);
+  // 加载状态
+  const loading = ref(true);
+
+  // 表格数据源
+  const datasource: DatasourceFunction = ({
+    page,
+    limit,
+    where,
+    orders,
+    filters
+  }) => {
+    if (filters) {
+      where.status = filters.status;
+    }
+    return pageCreditNearbyCompany({
+      ...where,
+      ...orders,
+      page,
+      limit
+    });
+  };
+
+  // 完整的列配置（包含所有字段）
+  const columns = ref<ColumnItem[]>([
+    {
+      title: 'ID',
+      dataIndex: 'id',
+      key: 'id',
+      width: 90,
+    },
+    {
+      title: '企业名称',
+      dataIndex: 'name',
+      key: 'name',
+      ellipsis: true
+    },
+    {
+      title: '登记状态',
+      dataIndex: 'registrationStatus',
+      key: 'registrationStatus',
+      ellipsis: true
+    },
+    {
+      title: '法定代表人',
+      dataIndex: 'legalPerson',
+      key: 'legalPerson',
+      ellipsis: true
+    },
+    {
+      title: '注册资本',
+      dataIndex: 'registeredCapital',
+      key: 'registeredCapital',
+      ellipsis: true
+    },
+    {
+      title: '成立日期',
+      dataIndex: 'establishDate',
+      key: 'establishDate',
+      ellipsis: true
+    },
+    {
+      title: '统一社会信用代码',
+      dataIndex: 'code',
+      key: 'code',
+      ellipsis: true
+    },
+    {
+      title: '注册地址',
+      dataIndex: 'address',
+      key: 'address',
+      ellipsis: true
+    },
+    {
+      title: '注册地址邮编',
+      dataIndex: 'postalCode',
+      key: 'postalCode',
+      ellipsis: true
+    },
+    {
+      title: '有效手机号',
+      dataIndex: 'phone',
+      key: 'phone',
+      ellipsis: true
+    },
+    {
+      title: '更多电话',
+      dataIndex: 'moreTel',
+      key: 'moreTel',
+      ellipsis: true
+    },
+    {
+      title: '邮箱',
+      dataIndex: 'email',
+      key: 'email',
+      ellipsis: true
+    },
+    {
+      title: '邮箱',
+      dataIndex: 'moreEmail',
+      key: 'moreEmail',
+      ellipsis: true
+    },
+    {
+      title: '所在国家',
+      dataIndex: 'country',
+      key: 'country',
+      ellipsis: true
+    },
+    {
+      title: '所属省份',
+      dataIndex: 'province',
+      key: 'province',
+      ellipsis: true
+    },
+    {
+      title: '所属城市',
+      dataIndex: 'city',
+      key: 'city',
+      ellipsis: true
+    },
+    {
+      title: '所属区县',
+      dataIndex: 'region',
+      key: 'region',
+      ellipsis: true
+    },
+    {
+      title: '纳税人识别号',
+      dataIndex: 'taxpayerCode',
+      key: 'taxpayerCode',
+      ellipsis: true
+    },
+    {
+      title: '注册号',
+      dataIndex: 'registrationNumber',
+      key: 'registrationNumber',
+      ellipsis: true
+    },
+    {
+      title: '组织机构代码',
+      dataIndex: 'organizationalCode',
+      key: 'organizationalCode',
+      ellipsis: true
+    },
+    {
+      title: '参保人数',
+      dataIndex: 'numberOfInsuredPersons',
+      key: 'numberOfInsuredPersons',
+      ellipsis: true
+    },
+    {
+      title: '参保人数所属年报',
+      dataIndex: 'annualReport',
+      key: 'annualReport',
+      ellipsis: true
+    },
+    {
+      title: '企业（机构）类型',
+      dataIndex: 'institutionType',
+      key: 'institutionType',
+      ellipsis: true
+    },
+    {
+      title: '企业规模',
+      dataIndex: 'companySize',
+      key: 'companySize',
+      ellipsis: true
+    },
+    {
+      title: '营业期限',
+      dataIndex: 'businessTerm',
+      key: 'businessTerm',
+      ellipsis: true
+    },
+    {
+      title: '国标行业门类',
+      dataIndex: 'nationalStandardIndustryCategories',
+      key: 'nationalStandardIndustryCategories',
+      ellipsis: true
+    },
+    {
+      title: '国标行业大类',
+      dataIndex: 'nationalStandardIndustryCategories2',
+      key: 'nationalStandardIndustryCategories2',
+      ellipsis: true
+    },
+    {
+      title: '国标行业中类',
+      dataIndex: 'nationalStandardIndustryCategories3',
+      key: 'nationalStandardIndustryCategories3',
+      ellipsis: true
+    },
+    {
+      title: '国标行业小类',
+      dataIndex: 'nationalStandardIndustryCategories4',
+      key: 'nationalStandardIndustryCategories4',
+      ellipsis: true
+    },
+    {
+      title: '曾用名',
+      dataIndex: 'formerName',
+      key: 'formerName',
+      ellipsis: true
+    },
+    {
+      title: '英文名',
+      dataIndex: 'englishName',
+      key: 'englishName',
+      ellipsis: true
+    },
+    {
+      title: '官网网址',
+      dataIndex: 'domain',
+      key: 'domain',
+      ellipsis: true
+    },
+    {
+      title: '通信地址',
+      dataIndex: 'mailingAddress',
+      key: 'mailingAddress',
+      ellipsis: true
+    },
+    {
+      title: '通信地址邮箱',
+      dataIndex: 'mailingEmail',
+      key: 'mailingEmail',
+      ellipsis: true
+    },
+    {
+      title: '企业简介',
+      dataIndex: 'companyProfile',
+      key: 'companyProfile',
+      ellipsis: true
+    },
+    {
+      title: '经营范围',
+      dataIndex: 'natureOfBusiness',
+      key: 'natureOfBusiness',
+      ellipsis: true
+    },
+    {
+      title: '电话',
+      dataIndex: 'tel',
+      key: 'tel',
+      ellipsis: true
+    },
+    {
+      title: '企查查行业门类',
+      dataIndex: 'nationalStandardIndustryCategories5',
+      key: 'nationalStandardIndustryCategories5',
+      ellipsis: true
+    },
+    {
+      title: '企查查行业大类',
+      dataIndex: 'nationalStandardIndustryCategories6',
+      key: 'nationalStandardIndustryCategories6',
+      ellipsis: true
+    },
+    {
+      title: '企查查行业中类',
+      dataIndex: 'nationalStandardIndustryCategories7',
+      key: 'nationalStandardIndustryCategories7',
+      ellipsis: true
+    },
+    {
+      title: '企查查行业小类',
+      dataIndex: 'nationalStandardIndustryCategories8',
+      key: 'nationalStandardIndustryCategories8',
+      ellipsis: true
+    },
+    {
+      title: '链接',
+      dataIndex: 'url',
+      key: 'url',
+      ellipsis: true
+    },
+    {
+      title: '类型',
+      dataIndex: 'type',
+      key: 'type',
+      width: 120
+    },
+    {
+      title: '上级id, 0是顶级',
+      dataIndex: 'parentId',
+      key: 'parentId',
+      width: 120
+    },
+    {
+      title: '实缴资本',
+      dataIndex: 'paidinCapital',
+      key: 'paidinCapital',
+      ellipsis: true
+    },
+    {
+      title: '登记机关',
+      dataIndex: 'registrationAuthority',
+      key: 'registrationAuthority',
+      ellipsis: true
+    },
+    {
+      title: '纳税人资质',
+      dataIndex: 'taxpayerQualification',
+      key: 'taxpayerQualification',
+      ellipsis: true
+    },
+    {
+      title: '最新年报年份',
+      dataIndex: 'latestAnnualReportYear',
+      key: 'latestAnnualReportYear',
+      ellipsis: true
+    },
+    {
+      title: '最新年报营业收入',
+      dataIndex: 'latestAnnualReportOnOperatingRevenue',
+      key: 'latestAnnualReportOnOperatingRevenue',
+      ellipsis: true
+    },
+    {
+      title: '企查分',
+      dataIndex: 'enterpriseScoreCheck',
+      key: 'enterpriseScoreCheck',
+      ellipsis: true
+    },
+    {
+      title: '信用等级',
+      dataIndex: 'creditRating',
+      key: 'creditRating',
+      ellipsis: true
+    },
+    {
+      title: '科创分',
+      dataIndex: 'cechnologyScore',
+      key: 'cechnologyScore',
+      ellipsis: true
+    },
+    {
+      title: '科创等级',
+      dataIndex: 'cechnologyLevel',
+      key: 'cechnologyLevel',
+      ellipsis: true
+    },
+    {
+      title: '是否小微企业',
+      dataIndex: 'smallEnterprise',
+      key: 'smallEnterprise',
+      ellipsis: true
+    },
+    {
+      title: '备注',
+      dataIndex: 'comments',
+      key: 'comments',
+      ellipsis: true
+    },
+    {
+      title: '是否推荐',
+      dataIndex: 'recommend',
+      key: 'recommend',
+      width: 120
+    },
+    {
+      title: '排序(数字越小越靠前)',
+      dataIndex: 'sortNumber',
+      key: 'sortNumber',
+      width: 120
+    },
+    {
+      title: '状态, 0正常, 1冻结',
+      dataIndex: 'status',
+      key: 'status',
+      width: 120
+    },
+    {
+      title: '是否删除, 0否, 1是',
+      dataIndex: 'deleted',
+      key: 'deleted',
+      width: 120
+    },
+    {
+      title: '用户ID',
+      dataIndex: 'userId',
+      key: 'userId',
+      width: 120
+    },
+    {
+      title: '创建时间',
+      dataIndex: 'createTime',
+      key: 'createTime',
+      width: 200,
+      align: 'center',
+      sorter: true,
+      ellipsis: true,
+      customRender: ({ text }) => toDateString(text, 'yyyy-MM-dd HH:mm:ss')
+    },
+    {
+      title: '修改时间',
+      dataIndex: 'updateTime',
+      key: 'updateTime',
+      width: 200,
+      align: 'center',
+      sorter: true,
+      ellipsis: true,
+      customRender: ({ text }) => toDateString(text, 'yyyy-MM-dd HH:mm:ss')
+    },
+    {
+      title: '操作',
+      key: 'action',
+      width: 180,
+      fixed: 'right',
+      align: 'center',
+      hideInSetting: true
+    }
+  ]);
+
+  /* 搜索 */
+  const reload = (where?: CreditNearbyCompanyParam) => {
+    selection.value = [];
+    tableRef?.value?.reload({ where: where });
+  };
+
+  /* 打开编辑弹窗 */
+  const openEdit = (row?: CreditNearbyCompany) => {
+    current.value = row ?? null;
+    showEdit.value = true;
+  };
+
+  /* 打开批量移动弹窗 */
+  const openMove = () => {
+    showMove.value = true;
+  };
+
+  /* 删除单个 */
+  const remove = (row: CreditNearbyCompany) => {
+    const hide = message.loading('请求中..', 0);
+    removeCreditNearbyCompany(row.id)
+      .then((msg) => {
+        hide();
+        message.success(msg);
+        reload();
+      })
+      .catch((e) => {
+        hide();
+        message.error(e.message);
+      });
+  };
+
+  /* 批量删除 */
+  const removeBatch = () => {
+    if (!selection.value.length) {
+      message.error('请至少选择一条数据');
+      return;
+    }
+    Modal.confirm({
+      title: '提示',
+      content: '确定要删除选中的记录吗?',
+      icon: createVNode(ExclamationCircleOutlined),
+      maskClosable: true,
+      onOk: () => {
+        const hide = message.loading('请求中..', 0);
+        removeBatchCreditNearbyCompany(selection.value.map((d) => d.id))
+          .then((msg) => {
+            hide();
+            message.success(msg);
+            reload();
+          })
+          .catch((e) => {
+            hide();
+            message.error(e.message);
+          });
+      }
+    });
+  };
+
+  /* 查询 */
+  const query = () => {
+    loading.value = true;
+  };
+
+  /* 自定义行属性 */
+  const customRow = (record: CreditNearbyCompany) => {
+    return {
+      // 行点击事件
+      onClick: () => {
+        // console.log(record);
+      },
+      // 行双击事件
+      onDblclick: () => {
+        openEdit(record);
+      }
+    };
+  };
+  query();
+</script>
+
+<script lang="ts">
+  export default {
+    name: 'CreditNearbyCompany'
+  };
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/views/credit/creditPatent/components/creditPatentEdit.vue b/src/views/credit/creditPatent/components/creditPatentEdit.vue
new file mode 100644
index 0000000..0cb621e
--- /dev/null
+++ b/src/views/credit/creditPatent/components/creditPatentEdit.vue
@@ -0,0 +1,308 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑专利' : '添加专利'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="发明名称" name="name">
+        <a-input
+          allow-clear
+          placeholder="请输入发明名称"
+          v-model:value="form.name"
+        />
+      </a-form-item>
+      <a-form-item label="专利类型" name="type">
+        <a-input
+          allow-clear
+          placeholder="请输入专利类型"
+          v-model:value="form.type"
+        />
+      </a-form-item>
+      <a-form-item label="法律状态" name="statusText">
+        <a-input
+          allow-clear
+          placeholder="请输入法律状态"
+          v-model:value="form.statusText"
+        />
+      </a-form-item>
+      <a-form-item label="申请号" name="registerNo">
+        <a-input
+          allow-clear
+          placeholder="请输入申请号"
+          v-model:value="form.registerNo"
+        />
+      </a-form-item>
+      <a-form-item label="申请日" name="registerDate">
+        <a-input
+          allow-clear
+          placeholder="请输入申请日"
+          v-model:value="form.registerDate"
+        />
+      </a-form-item>
+      <a-form-item label="公开(公告)号" name="publicNo">
+        <a-input
+          allow-clear
+          placeholder="请输入公开(公告)号"
+          v-model:value="form.publicNo"
+        />
+      </a-form-item>
+      <a-form-item label="公开(公告)日期" name="publicDate">
+        <a-input
+          allow-clear
+          placeholder="请输入公开(公告)日期"
+          v-model:value="form.publicDate"
+        />
+      </a-form-item>
+      <a-form-item label="发明人" name="inventor">
+        <a-input
+          allow-clear
+          placeholder="请输入发明人"
+          v-model:value="form.inventor"
+        />
+      </a-form-item>
+      <a-form-item label="申请(专利权)人" name="patentApplicant">
+        <a-input
+          allow-clear
+          placeholder="请输入申请(专利权)人"
+          v-model:value="form.patentApplicant"
+        />
+      </a-form-item>
+      <a-form-item label="链接" name="url">
+        <a-input
+          allow-clear
+          placeholder="请输入链接"
+          v-model:value="form.url"
+        />
+      </a-form-item>
+      <a-form-item label="备注" name="comments">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="请输入描述"
+          v-model:value="form.comments"
+        />
+      </a-form-item>
+      <a-form-item label="企业ID" name="companyId">
+        <a-input
+          allow-clear
+          placeholder="请输入企业ID"
+          v-model:value="form.companyId"
+        />
+      </a-form-item>
+      <a-form-item label="是否推荐" name="recommend">
+        <a-input
+          allow-clear
+          placeholder="请输入是否推荐"
+          v-model:value="form.recommend"
+        />
+      </a-form-item>
+      <a-form-item label="排序(数字越小越靠前)" name="sortNumber">
+        <a-input-number
+          :min="0"
+          :max="9999"
+          class="ele-fluid"
+          placeholder="请输入排序号"
+          v-model:value="form.sortNumber"
+        />
+      </a-form-item>
+      <a-form-item label="状态, 0正常, 1冻结" name="status">
+        <a-radio-group v-model:value="form.status">
+          <a-radio :value="0">显示</a-radio>
+          <a-radio :value="1">隐藏</a-radio>
+        </a-radio-group>
+      </a-form-item>
+      <a-form-item label="是否删除, 0否, 1是" name="deleted">
+        <a-input
+          allow-clear
+          placeholder="请输入是否删除, 0否, 1是"
+          v-model:value="form.deleted"
+        />
+      </a-form-item>
+      <a-form-item label="用户ID" name="userId">
+        <a-input
+          allow-clear
+          placeholder="请输入用户ID"
+          v-model:value="form.userId"
+        />
+      </a-form-item>
+      <a-form-item label="修改时间" name="updateTime">
+        <a-input
+          allow-clear
+          placeholder="请输入修改时间"
+          v-model:value="form.updateTime"
+        />
+      </a-form-item>
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, watch } from 'vue';
+  import { Form, message } from 'ant-design-vue';
+  import { assignObject, uuid } from 'ele-admin-pro';
+  import { addCreditPatent, updateCreditPatent } from '@/api/credit/creditPatent';
+  import { CreditPatent } from '@/api/credit/creditPatent/model';
+  import { useThemeStore } from '@/store/modules/theme';
+  import { storeToRefs } from 'pinia';
+  import { ItemType } from 'ele-admin-pro/es/ele-image-upload/types';
+  import { FormInstance } from 'ant-design-vue/es/form';
+  import { FileRecord } from '@/api/system/file/model';
+
+  // 是否是修改
+  const isUpdate = ref(false);
+  const useForm = Form.useForm;
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: CreditPatent | null;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  // 提交状态
+  const loading = ref(false);
+  // 是否显示最大化切换按钮
+  const maxable = ref(true);
+  // 表格选中数据
+  const formRef = ref<FormInstance | null>(null);
+  const images = ref<ItemType[]>([]);
+
+  // 用户信息
+  const form = reactive<CreditPatent>({
+    id: undefined,
+    name: undefined,
+    type: undefined,
+    statusText: undefined,
+    registerNo: undefined,
+    registerDate: undefined,
+    publicNo: undefined,
+    publicDate: undefined,
+    inventor: undefined,
+    patentApplicant: undefined,
+    url: undefined,
+    comments: undefined,
+    companyId: undefined,
+    recommend: undefined,
+    sortNumber: undefined,
+    status: undefined,
+    deleted: undefined,
+    userId: undefined,
+    tenantId: undefined,
+    createTime: undefined,
+    updateTime: undefined,
+    creditPatentId: undefined,
+    creditPatentName: '',
+    status: 0,
+    comments: '',
+    sortNumber: 100
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    creditPatentName: [
+      {
+        required: true,
+        type: 'string',
+        message: '请填写专利名称',
+        trigger: 'blur'
+      }
+    ]
+  });
+
+  const chooseImage = (data: FileRecord) => {
+    images.value.push({
+      uid: data.id,
+      url: data.path,
+      status: 'done'
+    });
+    form.image = data.path;
+  };
+
+  const onDeleteItem = (index: number) => {
+    images.value.splice(index, 1);
+    form.image = '';
+  };
+
+  const { resetFields } = useForm(form, rules);
+
+  /* 保存编辑 */
+  const save = () => {
+    if (!formRef.value) {
+      return;
+    }
+    formRef.value
+      .validate()
+      .then(() => {
+        loading.value = true;
+        const formData = {
+          ...form
+        };
+        const saveOrUpdate = isUpdate.value ? updateCreditPatent : addCreditPatent;
+        saveOrUpdate(formData)
+          .then((msg) => {
+            loading.value = false;
+            message.success(msg);
+            updateVisible(false);
+            emit('done');
+          })
+          .catch((e) => {
+            loading.value = false;
+            message.error(e.message);
+          });
+      })
+      .catch(() => {});
+  };
+
+  watch(
+    () => props.visible,
+    (visible) => {
+      if (visible) {
+        images.value = [];
+        if (props.data) {
+          assignObject(form, props.data);
+          if(props.data.image){
+            images.value.push({
+              uid: uuid(),
+              url: props.data.image,
+              status: 'done'
+            })
+          }
+          isUpdate.value = true;
+        } else {
+          isUpdate.value = false;
+        }
+      } else {
+        resetFields();
+      }
+    },
+    { immediate: true }
+  );
+</script>
diff --git a/src/views/credit/creditPatent/components/search.vue b/src/views/credit/creditPatent/components/search.vue
new file mode 100644
index 0000000..82fea9d
--- /dev/null
+++ b/src/views/credit/creditPatent/components/search.vue
@@ -0,0 +1,42 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+    <a-button type="primary" class="ele-btn-icon" @click="add">
+      <template #icon>
+        <PlusOutlined />
+      </template>
+      <span>添加</span>
+    </a-button>
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+  import { PlusOutlined } from '@ant-design/icons-vue';
+  import type { GradeParam } from '@/api/user/grade/model';
+  import { watch } from 'vue';
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的角色
+      selection?: [];
+    }>(),
+    {}
+  );
+
+  const emit = defineEmits<{
+    (e: 'search', where?: GradeParam): void;
+    (e: 'add'): void;
+    (e: 'remove'): void;
+    (e: 'batchMove'): void;
+  }>();
+
+  // 新增
+  const add = () => {
+    emit('add');
+  };
+
+  watch(
+    () => props.selection,
+    () => {}
+  );
+</script>
diff --git a/src/views/credit/creditPatent/index.vue b/src/views/credit/creditPatent/index.vue
new file mode 100644
index 0000000..4c79d00
--- /dev/null
+++ b/src/views/credit/creditPatent/index.vue
@@ -0,0 +1,326 @@
+<template>
+  <a-page-header :title="getPageTitle()" @back="() => $router.go(-1)">
+      <a-card :bordered="false" :body-style="{ padding: '16px' }">
+        <ele-pro-table
+          ref="tableRef"
+          row-key="id"
+          :columns="columns"
+          :datasource="datasource"
+          :customRow="customRow"
+          tool-class="ele-toolbar-form"
+          class="sys-org-table"
+        >
+          <template #toolbar>
+            <search
+              @search="reload"
+              :selection="selection"
+              @add="openEdit"
+              @remove="removeBatch"
+              @batchMove="openMove"
+            />
+          </template>
+          <template #bodyCell="{ column, record }">
+            <template v-if="column.key === 'image'">
+              <a-image :src="record.image" :width="50" />
+            </template>
+            <template v-if="column.key === 'status'">
+              <a-tag v-if="record.status === 0" color="green">显示</a-tag>
+              <a-tag v-if="record.status === 1" color="red">隐藏</a-tag>
+            </template>
+            <template v-if="column.key === 'action'">
+              <a-space>
+                <a @click="openEdit(record)">修改</a>
+                <a-divider type="vertical" />
+                <a-popconfirm
+                  title="确定要删除此记录吗？"
+                  @confirm="remove(record)"
+                >
+                  <a class="ele-text-danger">删除</a>
+                </a-popconfirm>
+              </a-space>
+            </template>
+          </template>
+        </ele-pro-table>
+      </a-card>
+
+      <!-- 编辑弹窗 -->
+      <CreditPatentEdit v-model:visible="showEdit" :data="current" @done="reload" />
+  </a-page-header>
+</template>
+
+<script lang="ts" setup>
+  import { createVNode, ref, computed } from 'vue';
+  import { message, Modal } from 'ant-design-vue';
+  import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
+  import type { EleProTable } from 'ele-admin-pro';
+  import { toDateString } from 'ele-admin-pro';
+  import type {
+    DatasourceFunction,
+    ColumnItem
+  } from 'ele-admin-pro/es/ele-pro-table/types';
+  import Search from './components/search.vue';
+  import {getPageTitle} from '@/utils/common';
+  import CreditPatentEdit from './components/creditPatentEdit.vue';
+  import { pageCreditPatent, removeCreditPatent, removeBatchCreditPatent } from '@/api/credit/creditPatent';
+  import type { CreditPatent, CreditPatentParam } from '@/api/credit/creditPatent/model';
+
+  // 表格实例
+  const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+  // 表格选中数据
+  const selection = ref<CreditPatent[]>([]);
+  // 当前编辑数据
+  const current = ref<CreditPatent | null>(null);
+  // 是否显示编辑弹窗
+  const showEdit = ref(false);
+  // 是否显示批量移动弹窗
+  const showMove = ref(false);
+  // 加载状态
+  const loading = ref(true);
+
+  // 表格数据源
+  const datasource: DatasourceFunction = ({
+    page,
+    limit,
+    where,
+    orders,
+    filters
+  }) => {
+    if (filters) {
+      where.status = filters.status;
+    }
+    return pageCreditPatent({
+      ...where,
+      ...orders,
+      page,
+      limit
+    });
+  };
+
+  // 完整的列配置（包含所有字段）
+  const columns = ref<ColumnItem[]>([
+    {
+      title: 'ID',
+      dataIndex: 'id',
+      key: 'id',
+      width: 90,
+    },
+    {
+      title: '发明名称',
+      dataIndex: 'name',
+      key: 'name',
+      ellipsis: true
+    },
+    {
+      title: '专利类型',
+      dataIndex: 'type',
+      key: 'type',
+      ellipsis: true
+    },
+    {
+      title: '法律状态',
+      dataIndex: 'statusText',
+      key: 'statusText',
+      ellipsis: true
+    },
+    {
+      title: '申请号',
+      dataIndex: 'registerNo',
+      key: 'registerNo',
+      ellipsis: true
+    },
+    {
+      title: '申请日',
+      dataIndex: 'registerDate',
+      key: 'registerDate',
+      ellipsis: true
+    },
+    {
+      title: '公开(公告)号',
+      dataIndex: 'publicNo',
+      key: 'publicNo',
+      ellipsis: true
+    },
+    {
+      title: '公开(公告)日期',
+      dataIndex: 'publicDate',
+      key: 'publicDate',
+      ellipsis: true
+    },
+    {
+      title: '发明人',
+      dataIndex: 'inventor',
+      key: 'inventor',
+      ellipsis: true
+    },
+    {
+      title: '申请(专利权)人',
+      dataIndex: 'patentApplicant',
+      key: 'patentApplicant',
+      ellipsis: true
+    },
+    {
+      title: '链接',
+      dataIndex: 'url',
+      key: 'url',
+      ellipsis: true
+    },
+    {
+      title: '备注',
+      dataIndex: 'comments',
+      key: 'comments',
+      ellipsis: true
+    },
+    {
+      title: '企业ID',
+      dataIndex: 'companyId',
+      key: 'companyId',
+      width: 120
+    },
+    {
+      title: '是否推荐',
+      dataIndex: 'recommend',
+      key: 'recommend',
+      width: 120
+    },
+    {
+      title: '排序(数字越小越靠前)',
+      dataIndex: 'sortNumber',
+      key: 'sortNumber',
+      width: 120
+    },
+    {
+      title: '状态, 0正常, 1冻结',
+      dataIndex: 'status',
+      key: 'status',
+      width: 120
+    },
+    {
+      title: '是否删除, 0否, 1是',
+      dataIndex: 'deleted',
+      key: 'deleted',
+      width: 120
+    },
+    {
+      title: '用户ID',
+      dataIndex: 'userId',
+      key: 'userId',
+      width: 120
+    },
+    {
+      title: '创建时间',
+      dataIndex: 'createTime',
+      key: 'createTime',
+      width: 200,
+      align: 'center',
+      sorter: true,
+      ellipsis: true,
+      customRender: ({ text }) => toDateString(text, 'yyyy-MM-dd HH:mm:ss')
+    },
+    {
+      title: '修改时间',
+      dataIndex: 'updateTime',
+      key: 'updateTime',
+      width: 200,
+      align: 'center',
+      sorter: true,
+      ellipsis: true,
+      customRender: ({ text }) => toDateString(text, 'yyyy-MM-dd HH:mm:ss')
+    },
+    {
+      title: '操作',
+      key: 'action',
+      width: 180,
+      fixed: 'right',
+      align: 'center',
+      hideInSetting: true
+    }
+  ]);
+
+  /* 搜索 */
+  const reload = (where?: CreditPatentParam) => {
+    selection.value = [];
+    tableRef?.value?.reload({ where: where });
+  };
+
+  /* 打开编辑弹窗 */
+  const openEdit = (row?: CreditPatent) => {
+    current.value = row ?? null;
+    showEdit.value = true;
+  };
+
+  /* 打开批量移动弹窗 */
+  const openMove = () => {
+    showMove.value = true;
+  };
+
+  /* 删除单个 */
+  const remove = (row: CreditPatent) => {
+    const hide = message.loading('请求中..', 0);
+    removeCreditPatent(row.id)
+      .then((msg) => {
+        hide();
+        message.success(msg);
+        reload();
+      })
+      .catch((e) => {
+        hide();
+        message.error(e.message);
+      });
+  };
+
+  /* 批量删除 */
+  const removeBatch = () => {
+    if (!selection.value.length) {
+      message.error('请至少选择一条数据');
+      return;
+    }
+    Modal.confirm({
+      title: '提示',
+      content: '确定要删除选中的记录吗?',
+      icon: createVNode(ExclamationCircleOutlined),
+      maskClosable: true,
+      onOk: () => {
+        const hide = message.loading('请求中..', 0);
+        removeBatchCreditPatent(selection.value.map((d) => d.id))
+          .then((msg) => {
+            hide();
+            message.success(msg);
+            reload();
+          })
+          .catch((e) => {
+            hide();
+            message.error(e.message);
+          });
+      }
+    });
+  };
+
+  /* 查询 */
+  const query = () => {
+    loading.value = true;
+  };
+
+  /* 自定义行属性 */
+  const customRow = (record: CreditPatent) => {
+    return {
+      // 行点击事件
+      onClick: () => {
+        // console.log(record);
+      },
+      // 行双击事件
+      onDblclick: () => {
+        openEdit(record);
+      }
+    };
+  };
+  query();
+</script>
+
+<script lang="ts">
+  export default {
+    name: 'CreditPatent'
+  };
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/views/credit/creditProject/components/credit-project-import.vue b/src/views/credit/creditProject/components/credit-project-import.vue
new file mode 100644
index 0000000..8c0bc09
--- /dev/null
+++ b/src/views/credit/creditProject/components/credit-project-import.vue
@@ -0,0 +1,96 @@
+<!-- 招投标导入弹窗 -->
+<template>
+  <ele-modal
+    :width="520"
+    :footer="null"
+    title="招投标批量导入"
+    :visible="visible"
+    @update:visible="updateVisible"
+  >
+    <a-spin :spinning="loading">
+      <a-upload-dragger
+        accept=".xls,.xlsx"
+        :show-upload-list="false"
+        :customRequest="doUpload"
+        style="padding: 24px 0; margin-bottom: 16px"
+      >
+        <p class="ant-upload-drag-icon">
+          <cloud-upload-outlined />
+        </p>
+        <p class="ant-upload-hint">将文件拖到此处，或点击上传</p>
+      </a-upload-dragger>
+    </a-spin>
+    <div class="ele-text-center">
+      <span>只能上传xls、xlsx文件，</span>
+      <a :href="templateUrl" download="招投标导入模板.xlsx">
+        下载导入模板
+      </a>
+    </div>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { computed, ref } from 'vue';
+  import { message } from 'ant-design-vue/es';
+  import { CloudUploadOutlined } from '@ant-design/icons-vue';
+  import { importCreditProject } from '@/api/credit/creditProject';
+  import { API_BASE_URL } from '@/config/setting';
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  defineProps<{
+    // 是否打开弹窗
+    visible: boolean;
+  }>();
+
+  // 导入请求状态
+  const loading = ref(false);
+
+  // 模板下载地址，保持与当前接口域名一致
+  const templateUrl = computed(() => {
+    const base = (localStorage.getItem('ApiUrl') || API_BASE_URL || '').replace(
+      /\/$/,
+      ''
+    );
+    return `${base}/credit/credit-project/import/template`;
+  });
+
+  /* 上传 */
+  const doUpload = ({ file }) => {
+    if (
+      ![
+        'application/vnd.ms-excel',
+        'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
+      ].includes(file.type)
+    ) {
+      message.error('只能选择 excel 文件');
+      return false;
+    }
+    if (file.size / 1024 / 1024 > 10) {
+      message.error('大小不能超过 10MB');
+      return false;
+    }
+    loading.value = true;
+    importCreditProject(file)
+      .then((msg) => {
+        loading.value = false;
+        message.success(msg);
+        updateVisible(false);
+        emit('done');
+      })
+      .catch((e) => {
+        loading.value = false;
+        message.error(e.message);
+      });
+    return false;
+  };
+
+  /* 更新 visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+</script>
+
diff --git a/src/views/credit/creditProject/components/creditProjectEdit.vue b/src/views/credit/creditProject/components/creditProjectEdit.vue
new file mode 100644
index 0000000..51a587f
--- /dev/null
+++ b/src/views/credit/creditProject/components/creditProjectEdit.vue
@@ -0,0 +1,348 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑招投标' : '添加招投标'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="项目名称" name="name">
+        <a-input
+          allow-clear
+          placeholder="请输入项目名称"
+          v-model:value="form.name"
+        />
+      </a-form-item>
+      <a-form-item label="唯一标识" name="code">
+        <a-input
+          allow-clear
+          placeholder="请输入唯一标识"
+          v-model:value="form.code"
+        />
+      </a-form-item>
+      <a-form-item label="类型, 0普通用户, 1招投标" name="type">
+        <a-input
+          allow-clear
+          placeholder="请输入类型, 0普通用户, 1招投标"
+          v-model:value="form.type"
+        />
+      </a-form-item>
+      <a-form-item label="企业角色" name="role">
+        <a-input
+          allow-clear
+          placeholder="请输入企业角色"
+          v-model:value="form.role"
+        />
+      </a-form-item>
+      <a-form-item label="上级id, 0是顶级" name="parentId">
+        <a-input
+          allow-clear
+          placeholder="请输入上级id, 0是顶级"
+          v-model:value="form.parentId"
+        />
+      </a-form-item>
+      <a-form-item label="信息类型" name="infoType">
+        <a-input
+          allow-clear
+          placeholder="请输入信息类型"
+          v-model:value="form.infoType"
+        />
+      </a-form-item>
+      <a-form-item label="所在国家" name="country">
+        <a-input
+          allow-clear
+          placeholder="请输入所在国家"
+          v-model:value="form.country"
+        />
+      </a-form-item>
+      <a-form-item label="所在省份" name="province">
+        <a-input
+          allow-clear
+          placeholder="请输入所在省份"
+          v-model:value="form.province"
+        />
+      </a-form-item>
+      <a-form-item label="所在城市" name="city">
+        <a-input
+          allow-clear
+          placeholder="请输入所在城市"
+          v-model:value="form.city"
+        />
+      </a-form-item>
+      <a-form-item label="所在辖区" name="region">
+        <a-input
+          allow-clear
+          placeholder="请输入所在辖区"
+          v-model:value="form.region"
+        />
+      </a-form-item>
+      <a-form-item label="街道地址" name="address">
+        <a-input
+          allow-clear
+          placeholder="请输入街道地址"
+          v-model:value="form.address"
+        />
+      </a-form-item>
+      <a-form-item label="招采单位名称" name="procurementName">
+        <a-input
+          allow-clear
+          placeholder="请输入招采单位名称"
+          v-model:value="form.procurementName"
+        />
+      </a-form-item>
+      <a-form-item label="中标单位名称" name="winningName">
+        <a-input
+          allow-clear
+          placeholder="请输入中标单位名称"
+          v-model:value="form.winningName"
+        />
+      </a-form-item>
+      <a-form-item label="中标金额" name="winningPrice">
+        <a-input
+          allow-clear
+          placeholder="请输入中标金额"
+          v-model:value="form.winningPrice"
+        />
+      </a-form-item>
+      <a-form-item label="发布日期" name="releaseDate">
+        <a-input
+          allow-clear
+          placeholder="请输入发布日期"
+          v-model:value="form.releaseDate"
+        />
+      </a-form-item>
+      <a-form-item label="备注" name="comments">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="请输入描述"
+          v-model:value="form.comments"
+        />
+      </a-form-item>
+      <a-form-item label="是否推荐" name="recommend">
+        <a-input
+          allow-clear
+          placeholder="请输入是否推荐"
+          v-model:value="form.recommend"
+        />
+      </a-form-item>
+      <a-form-item label="到期时间" name="expirationTime">
+        <a-input
+          allow-clear
+          placeholder="请输入到期时间"
+          v-model:value="form.expirationTime"
+        />
+      </a-form-item>
+      <a-form-item label="排序(数字越小越靠前)" name="sortNumber">
+        <a-input-number
+          :min="0"
+          :max="9999"
+          class="ele-fluid"
+          placeholder="请输入排序号"
+          v-model:value="form.sortNumber"
+        />
+      </a-form-item>
+      <a-form-item label="状态, 0正常, 1冻结" name="status">
+        <a-radio-group v-model:value="form.status">
+          <a-radio :value="0">显示</a-radio>
+          <a-radio :value="1">隐藏</a-radio>
+        </a-radio-group>
+      </a-form-item>
+      <a-form-item label="是否删除, 0否, 1是" name="deleted">
+        <a-input
+          allow-clear
+          placeholder="请输入是否删除, 0否, 1是"
+          v-model:value="form.deleted"
+        />
+      </a-form-item>
+      <a-form-item label="用户ID" name="userId">
+        <a-input
+          allow-clear
+          placeholder="请输入用户ID"
+          v-model:value="form.userId"
+        />
+      </a-form-item>
+      <a-form-item label="修改时间" name="updateTime">
+        <a-input
+          allow-clear
+          placeholder="请输入修改时间"
+          v-model:value="form.updateTime"
+        />
+      </a-form-item>
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, watch } from 'vue';
+  import { Form, message } from 'ant-design-vue';
+  import { assignObject, uuid } from 'ele-admin-pro';
+  import { addCreditProject, updateCreditProject } from '@/api/credit/creditProject';
+  import { CreditProject } from '@/api/credit/creditProject/model';
+  import { useThemeStore } from '@/store/modules/theme';
+  import { storeToRefs } from 'pinia';
+  import { ItemType } from 'ele-admin-pro/es/ele-image-upload/types';
+  import { FormInstance } from 'ant-design-vue/es/form';
+  import { FileRecord } from '@/api/system/file/model';
+
+  // 是否是修改
+  const isUpdate = ref(false);
+  const useForm = Form.useForm;
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: CreditProject | null;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  // 提交状态
+  const loading = ref(false);
+  // 是否显示最大化切换按钮
+  const maxable = ref(true);
+  // 表格选中数据
+  const formRef = ref<FormInstance | null>(null);
+  const images = ref<ItemType[]>([]);
+
+  // 用户信息
+  const form = reactive<CreditProject>({
+    id: undefined,
+    name: undefined,
+    code: undefined,
+    type: undefined,
+    role: undefined,
+    parentId: undefined,
+    infoType: undefined,
+    country: undefined,
+    province: undefined,
+    city: undefined,
+    region: undefined,
+    address: undefined,
+    procurementName: undefined,
+    winningName: undefined,
+    winningPrice: undefined,
+    releaseDate: undefined,
+    comments: undefined,
+    recommend: undefined,
+    expirationTime: undefined,
+    sortNumber: undefined,
+    status: undefined,
+    deleted: undefined,
+    userId: undefined,
+    tenantId: undefined,
+    createTime: undefined,
+    updateTime: undefined,
+    creditProjectId: undefined,
+    creditProjectName: '',
+    status: 0,
+    comments: '',
+    sortNumber: 100
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    creditProjectName: [
+      {
+        required: true,
+        type: 'string',
+        message: '请填写招投标名称',
+        trigger: 'blur'
+      }
+    ]
+  });
+
+  const chooseImage = (data: FileRecord) => {
+    images.value.push({
+      uid: data.id,
+      url: data.path,
+      status: 'done'
+    });
+    form.image = data.path;
+  };
+
+  const onDeleteItem = (index: number) => {
+    images.value.splice(index, 1);
+    form.image = '';
+  };
+
+  const { resetFields } = useForm(form, rules);
+
+  /* 保存编辑 */
+  const save = () => {
+    if (!formRef.value) {
+      return;
+    }
+    formRef.value
+      .validate()
+      .then(() => {
+        loading.value = true;
+        const formData = {
+          ...form
+        };
+        const saveOrUpdate = isUpdate.value ? updateCreditProject : addCreditProject;
+        saveOrUpdate(formData)
+          .then((msg) => {
+            loading.value = false;
+            message.success(msg);
+            updateVisible(false);
+            emit('done');
+          })
+          .catch((e) => {
+            loading.value = false;
+            message.error(e.message);
+          });
+      })
+      .catch(() => {});
+  };
+
+  watch(
+    () => props.visible,
+    (visible) => {
+      if (visible) {
+        images.value = [];
+        if (props.data) {
+          assignObject(form, props.data);
+          if(props.data.image){
+            images.value.push({
+              uid: uuid(),
+              url: props.data.image,
+              status: 'done'
+            })
+          }
+          isUpdate.value = true;
+        } else {
+          isUpdate.value = false;
+        }
+      } else {
+        resetFields();
+      }
+    },
+    { immediate: true }
+  );
+</script>
diff --git a/src/views/credit/creditProject/components/search.vue b/src/views/credit/creditProject/components/search.vue
new file mode 100644
index 0000000..82fea9d
--- /dev/null
+++ b/src/views/credit/creditProject/components/search.vue
@@ -0,0 +1,42 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+    <a-button type="primary" class="ele-btn-icon" @click="add">
+      <template #icon>
+        <PlusOutlined />
+      </template>
+      <span>添加</span>
+    </a-button>
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+  import { PlusOutlined } from '@ant-design/icons-vue';
+  import type { GradeParam } from '@/api/user/grade/model';
+  import { watch } from 'vue';
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的角色
+      selection?: [];
+    }>(),
+    {}
+  );
+
+  const emit = defineEmits<{
+    (e: 'search', where?: GradeParam): void;
+    (e: 'add'): void;
+    (e: 'remove'): void;
+    (e: 'batchMove'): void;
+  }>();
+
+  // 新增
+  const add = () => {
+    emit('add');
+  };
+
+  watch(
+    () => props.selection,
+    () => {}
+  );
+</script>
diff --git a/src/views/credit/creditProject/index.vue b/src/views/credit/creditProject/index.vue
new file mode 100644
index 0000000..b9b43b3
--- /dev/null
+++ b/src/views/credit/creditProject/index.vue
@@ -0,0 +1,356 @@
+<template>
+  <a-page-header :title="getPageTitle()" @back="() => $router.go(-1)">
+    <a-card :bordered="false" :body-style="{ padding: '16px' }">
+      <ele-pro-table
+        ref="tableRef"
+        row-key="id"
+        :columns="columns"
+        :datasource="datasource"
+        :customRow="customRow"
+        tool-class="ele-toolbar-form"
+        class="sys-org-table"
+      >
+        <template #toolbar>
+          <search
+            @search="reload"
+            :selection="selection"
+            @add="openEdit"
+            @remove="removeBatch"
+            @batchMove="openMove"
+            @importData="openImport"
+            @exportData="exportData"
+          />
+        </template>
+        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'image'">
+            <a-image :src="record.image" :width="50" />
+          </template>
+          <template v-if="column.key === 'name'">
+            <template v-if="record.url">
+              <a :href="record.url" target="_blank">{{ record.name }}</a>
+            </template>
+            <template v-else>
+              {{ record.name }}
+            </template>
+          </template>
+          <template v-if="column.key === 'status'">
+            <a-tag v-if="record.status === 0" color="green">显示</a-tag>
+            <a-tag v-if="record.status === 1" color="red">隐藏</a-tag>
+          </template>
+          <template v-if="column.key === 'action'">
+            <a-space>
+              <a @click="openEdit(record)">修改</a>
+              <a-divider type="vertical" />
+              <a-popconfirm
+                title="确定要删除此记录吗？"
+                @confirm="remove(record)"
+              >
+                <a class="ele-text-danger">删除</a>
+              </a-popconfirm>
+            </a-space>
+          </template>
+        </template>
+      </ele-pro-table>
+    </a-card>
+
+    <!-- 编辑弹窗 -->
+    <CreditProjectEdit
+      v-model:visible="showEdit"
+      :data="current"
+      @done="reload"
+    />
+    <!-- 导入弹窗 -->
+    <CreditProjectImport v-model:visible="showImport" @done="reload" />
+  </a-page-header>
+</template>
+
+<script lang="ts" setup>
+  import { createVNode, ref } from 'vue';
+  import { message, Modal } from 'ant-design-vue';
+  import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
+  import type { EleProTable } from 'ele-admin-pro';
+  import { toDateString } from 'ele-admin-pro';
+  import type {
+    DatasourceFunction,
+    ColumnItem
+  } from 'ele-admin-pro/es/ele-pro-table/types';
+  import Search from '@/views/credit/components/CreditSearchToolbar.vue';
+  import { exportCreditData } from '../utils/export';
+  import { getPageTitle } from '@/utils/common';
+  import CreditProjectEdit from './components/creditProjectEdit.vue';
+  import CreditProjectImport from './components/credit-project-import.vue';
+  import {
+    pageCreditProject,
+    listCreditProject,
+    removeCreditProject,
+    removeBatchCreditProject
+  } from '@/api/credit/creditProject';
+  import type {
+    CreditProject,
+    CreditProjectParam
+  } from '@/api/credit/creditProject/model';
+
+  // 表格实例
+  const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+  // 表格选中数据
+  const selection = ref<CreditProject[]>([]);
+  // 当前编辑数据
+  const current = ref<CreditProject | null>(null);
+  // 是否显示编辑弹窗
+  const showEdit = ref(false);
+  // 是否显示导入弹窗
+  const showImport = ref(false);
+  // 是否显示批量移动弹窗
+  const showMove = ref(false);
+  // 加载状态
+  const loading = ref(true);
+  // 搜索关键词
+  const searchText = ref('');
+
+  // 表格数据源
+  const datasource: DatasourceFunction = ({
+    page,
+    limit,
+    where = {},
+    orders,
+    filters
+  }) => {
+    const params: CreditProjectParam = { ...where };
+    if (filters) {
+      (params as any).status = filters.status;
+    }
+    if (!params.keywords && searchText.value) {
+      params.keywords = searchText.value;
+    }
+    return pageCreditProject({
+      ...params,
+      ...orders,
+      page,
+      limit
+    });
+  };
+
+  // 关键信息列
+  const columns = ref<ColumnItem[]>([
+    {
+      title: 'ID',
+      dataIndex: 'id',
+      key: 'id',
+      width: 80
+    },
+    {
+      title: '项目名称',
+      dataIndex: 'name',
+      key: 'name',
+      ellipsis: true
+    },
+    {
+      title: '企业角色',
+      dataIndex: 'role',
+      key: 'role',
+      ellipsis: true
+    },
+    {
+      title: '上级id, 0是顶级',
+      dataIndex: 'parentId',
+      key: 'parentId',
+      width: 120
+    },
+    {
+      title: '信息类型',
+      dataIndex: 'infoType',
+      key: 'infoType',
+      ellipsis: true
+    },
+    {
+      title: '所在国家',
+      dataIndex: 'country',
+      key: 'country',
+      ellipsis: true
+    },
+    {
+      title: '所在省份',
+      dataIndex: 'province',
+      key: 'province',
+      ellipsis: true
+    },
+    {
+      title: '招采单位名称',
+      dataIndex: 'procurementName',
+      key: 'procurementName',
+      ellipsis: true
+    },
+    {
+      title: '中标单位名称',
+      dataIndex: 'winningName',
+      key: 'winningName',
+      ellipsis: true
+    },
+    {
+      title: '中标金额',
+      dataIndex: 'winningPrice',
+      key: 'winningPrice',
+      ellipsis: true
+    },
+    {
+      title: '发布日期',
+      dataIndex: 'releaseDate',
+      key: 'releaseDate',
+      ellipsis: true
+    },
+    {
+      title: '创建时间',
+      dataIndex: 'createTime',
+      key: 'createTime',
+      width: 180,
+      align: 'center',
+      ellipsis: true,
+      customRender: ({ text }) => toDateString(text, 'yyyy-MM-dd HH:mm:ss')
+    },
+    {
+      title: '修改时间',
+      dataIndex: 'updateTime',
+      key: 'updateTime',
+      width: 200,
+      align: 'center',
+      sorter: true,
+      ellipsis: true,
+      customRender: ({ text }) => toDateString(text, 'yyyy-MM-dd HH:mm:ss')
+    },
+    {
+      title: '操作',
+      key: 'action',
+      width: 160,
+      fixed: 'right',
+      align: 'center',
+      hideInSetting: true
+    }
+  ]);
+
+  /* 搜索 */
+  const reload = (where?: CreditProjectParam) => {
+    if (where && Object.prototype.hasOwnProperty.call(where, 'keywords')) {
+      searchText.value = where.keywords ?? '';
+    }
+    const targetWhere = where ?? { keywords: searchText.value || undefined };
+    selection.value = [];
+    tableRef?.value?.reload({ where: targetWhere });
+  };
+
+  /* 打开编辑弹窗 */
+  const openEdit = (row?: CreditProject) => {
+    current.value = row ?? null;
+    showEdit.value = true;
+  };
+
+  /* 打开批量移动弹窗 */
+  const openMove = () => {
+    showMove.value = true;
+  };
+
+  /* 打开导入弹窗 */
+  const openImport = () => {
+    showImport.value = true;
+  };
+
+  /* 导出 */
+  const exportData = () => {
+    exportCreditData<CreditProject>({
+      filename: '招投标',
+      columns: [
+        { title: 'ID', dataIndex: 'id' },
+        { title: '项目名称', dataIndex: 'name' },
+        { title: '企业角色', dataIndex: 'role' },
+        { title: '信息类型', dataIndex: 'infoType' },
+        { title: '省份地区', dataIndex: 'province' },
+        { title: '招采单位', dataIndex: 'procurementName' },
+        { title: '中标单位', dataIndex: 'winningName' },
+        { title: '中标金额', dataIndex: 'winningPrice' },
+        { title: '发布日期', dataIndex: 'releaseDate' },
+        {
+          title: '创建时间',
+          dataIndex: 'createTime',
+          formatter: (record: CreditProject) =>
+            record.createTime
+              ? toDateString(record.createTime, 'yyyy-MM-dd HH:mm:ss')
+              : ''
+        }
+      ],
+      fetchData: () =>
+        listCreditProject({
+          keywords: searchText.value || undefined
+        })
+    });
+  };
+
+  /* 删除单个 */
+  const remove = (row: CreditProject) => {
+    const hide = message.loading('请求中..', 0);
+    removeCreditProject(row.id)
+      .then((msg) => {
+        hide();
+        message.success(msg);
+        reload();
+      })
+      .catch((e) => {
+        hide();
+        message.error(e.message);
+      });
+  };
+
+  /* 批量删除 */
+  const removeBatch = () => {
+    if (!selection.value.length) {
+      message.error('请至少选择一条数据');
+      return;
+    }
+    Modal.confirm({
+      title: '提示',
+      content: '确定要删除选中的记录吗?',
+      icon: createVNode(ExclamationCircleOutlined),
+      maskClosable: true,
+      onOk: () => {
+        const hide = message.loading('请求中..', 0);
+        removeBatchCreditProject(selection.value.map((d) => d.id))
+          .then((msg) => {
+            hide();
+            message.success(msg);
+            reload();
+          })
+          .catch((e) => {
+            hide();
+            message.error(e.message);
+          });
+      }
+    });
+  };
+
+  /* 查询 */
+  const query = () => {
+    loading.value = true;
+  };
+
+  /* 自定义行属性 */
+  const customRow = (record: CreditProject) => {
+    return {
+      // 行点击事件
+      onClick: () => {
+        // console.log(record);
+      },
+      // 行双击事件
+      onDblclick: () => {
+        openEdit(record);
+      }
+    };
+  };
+  query();
+</script>
+
+<script lang="ts">
+  export default {
+    name: 'CreditProject'
+  };
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/views/credit/creditRiskRelation/components/credit-risk-relation-import.vue b/src/views/credit/creditRiskRelation/components/credit-risk-relation-import.vue
new file mode 100644
index 0000000..1362c1a
--- /dev/null
+++ b/src/views/credit/creditRiskRelation/components/credit-risk-relation-import.vue
@@ -0,0 +1,96 @@
+<!-- 风险关系导入弹窗 -->
+<template>
+  <ele-modal
+    :width="520"
+    :footer="null"
+    title="风险关系批量导入"
+    :visible="visible"
+    @update:visible="updateVisible"
+  >
+    <a-spin :spinning="loading">
+      <a-upload-dragger
+        accept=".xls,.xlsx"
+        :show-upload-list="false"
+        :customRequest="doUpload"
+        style="padding: 24px 0; margin-bottom: 16px"
+      >
+        <p class="ant-upload-drag-icon">
+          <cloud-upload-outlined />
+        </p>
+        <p class="ant-upload-hint">将文件拖到此处，或点击上传</p>
+      </a-upload-dragger>
+    </a-spin>
+    <div class="ele-text-center">
+      <span>只能上传xls、xlsx文件，</span>
+      <a :href="templateUrl" download="风险关系导入模板.xlsx">
+        下载导入模板
+      </a>
+    </div>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { computed, ref } from 'vue';
+  import { message } from 'ant-design-vue/es';
+  import { CloudUploadOutlined } from '@ant-design/icons-vue';
+  import { importCreditRiskRelation } from '@/api/credit/creditRiskRelation';
+  import { API_BASE_URL } from '@/config/setting';
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  defineProps<{
+    // 是否打开弹窗
+    visible: boolean;
+  }>();
+
+  // 导入请求状态
+  const loading = ref(false);
+
+  // 模板下载地址，保持与当前接口域名一致
+  const templateUrl = computed(() => {
+    const base = (localStorage.getItem('ApiUrl') || API_BASE_URL || '').replace(
+      /\/$/,
+      ''
+    );
+    return `${base}/credit/credit-risk-relation/import/template`;
+  });
+
+  /* 上传 */
+  const doUpload = ({ file }) => {
+    if (
+      ![
+        'application/vnd.ms-excel',
+        'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
+      ].includes(file.type)
+    ) {
+      message.error('只能选择 excel 文件');
+      return false;
+    }
+    if (file.size / 1024 / 1024 > 10) {
+      message.error('大小不能超过 10MB');
+      return false;
+    }
+    loading.value = true;
+    importCreditRiskRelation(file)
+      .then((msg) => {
+        loading.value = false;
+        message.success(msg);
+        updateVisible(false);
+        emit('done');
+      })
+      .catch((e) => {
+        loading.value = false;
+        message.error(e.message);
+      });
+    return false;
+  };
+
+  /* 更新 visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+</script>
+
diff --git a/src/views/credit/creditRiskRelation/components/creditRiskRelationEdit.vue b/src/views/credit/creditRiskRelation/components/creditRiskRelationEdit.vue
new file mode 100644
index 0000000..6b6ffc7
--- /dev/null
+++ b/src/views/credit/creditRiskRelation/components/creditRiskRelationEdit.vue
@@ -0,0 +1,268 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑风险关系表' : '添加风险关系表'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="主体名称" name="mainBodyName">
+        <a-input
+          allow-clear
+          placeholder="请输入主体名称"
+          v-model:value="form.mainBodyName"
+        />
+      </a-form-item>
+      <a-form-item label="登记状态" name="registrationStatus">
+        <a-input
+          allow-clear
+          placeholder="请输入登记状态"
+          v-model:value="form.registrationStatus"
+        />
+      </a-form-item>
+      <a-form-item label="注册资本" name="registeredCapital">
+        <a-input
+          allow-clear
+          placeholder="请输入注册资本"
+          v-model:value="form.registeredCapital"
+        />
+      </a-form-item>
+      <a-form-item label="省份地区" name="provinceRegion">
+        <a-input
+          allow-clear
+          placeholder="请输入省份地区"
+          v-model:value="form.provinceRegion"
+        />
+      </a-form-item>
+      <a-form-item label="关联关系" name="associatedRelation">
+        <a-input
+          allow-clear
+          placeholder="请输入关联关系"
+          v-model:value="form.associatedRelation"
+        />
+      </a-form-item>
+      <a-form-item label="风险关系" name="riskRelation">
+        <a-input
+          allow-clear
+          placeholder="请输入风险关系"
+          v-model:value="form.riskRelation"
+        />
+      </a-form-item>
+      <a-form-item label="备注" name="comments">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="请输入描述"
+          v-model:value="form.comments"
+        />
+      </a-form-item>
+      <a-form-item label="是否推荐" name="recommend">
+        <a-input
+          allow-clear
+          placeholder="请输入是否推荐"
+          v-model:value="form.recommend"
+        />
+      </a-form-item>
+      <a-form-item label="排序(数字越小越靠前)" name="sortNumber">
+        <a-input-number
+          :min="0"
+          :max="9999"
+          class="ele-fluid"
+          placeholder="请输入排序号"
+          v-model:value="form.sortNumber"
+        />
+      </a-form-item>
+      <a-form-item label="状态, 0正常, 1冻结" name="status">
+        <a-radio-group v-model:value="form.status">
+          <a-radio :value="0">显示</a-radio>
+          <a-radio :value="1">隐藏</a-radio>
+        </a-radio-group>
+      </a-form-item>
+      <a-form-item label="是否删除, 0否, 1是" name="deleted">
+        <a-input
+          allow-clear
+          placeholder="请输入是否删除, 0否, 1是"
+          v-model:value="form.deleted"
+        />
+      </a-form-item>
+      <a-form-item label="用户ID" name="userId">
+        <a-input
+          allow-clear
+          placeholder="请输入用户ID"
+          v-model:value="form.userId"
+        />
+      </a-form-item>
+      <a-form-item label="修改时间" name="updateTime">
+        <a-input
+          allow-clear
+          placeholder="请输入修改时间"
+          v-model:value="form.updateTime"
+        />
+      </a-form-item>
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, watch } from 'vue';
+  import { Form, message } from 'ant-design-vue';
+  import { assignObject, uuid } from 'ele-admin-pro';
+  import { addCreditRiskRelation, updateCreditRiskRelation } from '@/api/credit/creditRiskRelation';
+  import { CreditRiskRelation } from '@/api/credit/creditRiskRelation/model';
+  import { useThemeStore } from '@/store/modules/theme';
+  import { storeToRefs } from 'pinia';
+  import { ItemType } from 'ele-admin-pro/es/ele-image-upload/types';
+  import { FormInstance } from 'ant-design-vue/es/form';
+  import { FileRecord } from '@/api/system/file/model';
+
+  // 是否是修改
+  const isUpdate = ref(false);
+  const useForm = Form.useForm;
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: CreditRiskRelation | null;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  // 提交状态
+  const loading = ref(false);
+  // 是否显示最大化切换按钮
+  const maxable = ref(true);
+  // 表格选中数据
+  const formRef = ref<FormInstance | null>(null);
+  const images = ref<ItemType[]>([]);
+
+  // 用户信息
+  const form = reactive<CreditRiskRelation>({
+    id: undefined,
+    mainBodyName: undefined,
+    registrationStatus: undefined,
+    registeredCapital: undefined,
+    provinceRegion: undefined,
+    associatedRelation: undefined,
+    riskRelation: undefined,
+    comments: undefined,
+    recommend: undefined,
+    sortNumber: undefined,
+    status: undefined,
+    deleted: undefined,
+    userId: undefined,
+    tenantId: undefined,
+    createTime: undefined,
+    updateTime: undefined,
+    creditRiskRelationId: undefined,
+    creditRiskRelationName: '',
+    status: 0,
+    comments: '',
+    sortNumber: 100
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    creditRiskRelationName: [
+      {
+        required: true,
+        type: 'string',
+        message: '请填写风险关系表名称',
+        trigger: 'blur'
+      }
+    ]
+  });
+
+  const chooseImage = (data: FileRecord) => {
+    images.value.push({
+      uid: data.id,
+      url: data.path,
+      status: 'done'
+    });
+    form.image = data.path;
+  };
+
+  const onDeleteItem = (index: number) => {
+    images.value.splice(index, 1);
+    form.image = '';
+  };
+
+  const { resetFields } = useForm(form, rules);
+
+  /* 保存编辑 */
+  const save = () => {
+    if (!formRef.value) {
+      return;
+    }
+    formRef.value
+      .validate()
+      .then(() => {
+        loading.value = true;
+        const formData = {
+          ...form
+        };
+        const saveOrUpdate = isUpdate.value ? updateCreditRiskRelation : addCreditRiskRelation;
+        saveOrUpdate(formData)
+          .then((msg) => {
+            loading.value = false;
+            message.success(msg);
+            updateVisible(false);
+            emit('done');
+          })
+          .catch((e) => {
+            loading.value = false;
+            message.error(e.message);
+          });
+      })
+      .catch(() => {});
+  };
+
+  watch(
+    () => props.visible,
+    (visible) => {
+      if (visible) {
+        images.value = [];
+        if (props.data) {
+          assignObject(form, props.data);
+          if(props.data.image){
+            images.value.push({
+              uid: uuid(),
+              url: props.data.image,
+              status: 'done'
+            })
+          }
+          isUpdate.value = true;
+        } else {
+          isUpdate.value = false;
+        }
+      } else {
+        resetFields();
+      }
+    },
+    { immediate: true }
+  );
+</script>
diff --git a/src/views/credit/creditRiskRelation/components/search.vue b/src/views/credit/creditRiskRelation/components/search.vue
new file mode 100644
index 0000000..82fea9d
--- /dev/null
+++ b/src/views/credit/creditRiskRelation/components/search.vue
@@ -0,0 +1,42 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+    <a-button type="primary" class="ele-btn-icon" @click="add">
+      <template #icon>
+        <PlusOutlined />
+      </template>
+      <span>添加</span>
+    </a-button>
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+  import { PlusOutlined } from '@ant-design/icons-vue';
+  import type { GradeParam } from '@/api/user/grade/model';
+  import { watch } from 'vue';
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的角色
+      selection?: [];
+    }>(),
+    {}
+  );
+
+  const emit = defineEmits<{
+    (e: 'search', where?: GradeParam): void;
+    (e: 'add'): void;
+    (e: 'remove'): void;
+    (e: 'batchMove'): void;
+  }>();
+
+  // 新增
+  const add = () => {
+    emit('add');
+  };
+
+  watch(
+    () => props.selection,
+    () => {}
+  );
+</script>
diff --git a/src/views/credit/creditRiskRelation/index.vue b/src/views/credit/creditRiskRelation/index.vue
new file mode 100644
index 0000000..4d32cda
--- /dev/null
+++ b/src/views/credit/creditRiskRelation/index.vue
@@ -0,0 +1,321 @@
+<template>
+  <a-page-header :title="getPageTitle()" @back="() => $router.go(-1)">
+    <a-card :bordered="false" :body-style="{ padding: '16px' }">
+      <ele-pro-table
+        ref="tableRef"
+        row-key="id"
+        :columns="columns"
+        :datasource="datasource"
+        :customRow="customRow"
+        tool-class="ele-toolbar-form"
+        class="sys-org-table"
+      >
+        <template #toolbar>
+          <search
+            @search="reload"
+            :selection="selection"
+            @add="openEdit"
+            @remove="removeBatch"
+            @batchMove="openMove"
+            @importData="openImport"
+            @exportData="exportData"
+          />
+        </template>
+        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'image'">
+            <a-image :src="record.image" :width="50" />
+          </template>
+          <template v-if="column.key === 'status'">
+            <a-tag v-if="record.status === 0" color="green">显示</a-tag>
+            <a-tag v-if="record.status === 1" color="red">隐藏</a-tag>
+          </template>
+          <template v-if="column.key === 'action'">
+            <a-space>
+              <a @click="openEdit(record)">修改</a>
+              <a-divider type="vertical" />
+              <a-popconfirm
+                title="确定要删除此记录吗？"
+                @confirm="remove(record)"
+              >
+                <a class="ele-text-danger">删除</a>
+              </a-popconfirm>
+            </a-space>
+          </template>
+        </template>
+      </ele-pro-table>
+    </a-card>
+
+    <!-- 编辑弹窗 -->
+    <CreditRiskRelationEdit
+      v-model:visible="showEdit"
+      :data="current"
+      @done="reload"
+    />
+    <!-- 导入弹窗 -->
+    <CreditRiskRelationImport v-model:visible="showImport" @done="reload" />
+  </a-page-header>
+</template>
+
+<script lang="ts" setup>
+  import { createVNode, ref } from 'vue';
+  import { message, Modal } from 'ant-design-vue';
+  import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
+  import type { EleProTable } from 'ele-admin-pro';
+  import { toDateString } from 'ele-admin-pro';
+  import type {
+    DatasourceFunction,
+    ColumnItem
+  } from 'ele-admin-pro/es/ele-pro-table/types';
+  import Search from '@/views/credit/components/CreditSearchToolbar.vue';
+  import { exportCreditData } from '../utils/export';
+  import { getPageTitle } from '@/utils/common';
+  import CreditRiskRelationEdit from './components/creditRiskRelationEdit.vue';
+  import CreditRiskRelationImport from './components/credit-risk-relation-import.vue';
+  import {
+    pageCreditRiskRelation,
+    listCreditRiskRelation,
+    removeCreditRiskRelation,
+    removeBatchCreditRiskRelation
+  } from '@/api/credit/creditRiskRelation';
+  import type {
+    CreditRiskRelation,
+    CreditRiskRelationParam
+  } from '@/api/credit/creditRiskRelation/model';
+
+  // 表格实例
+  const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+  // 表格选中数据
+  const selection = ref<CreditRiskRelation[]>([]);
+  // 当前编辑数据
+  const current = ref<CreditRiskRelation | null>(null);
+  // 是否显示编辑弹窗
+  const showEdit = ref(false);
+  // 是否显示导入弹窗
+  const showImport = ref(false);
+  // 是否显示批量移动弹窗
+  const showMove = ref(false);
+  // 加载状态
+  const loading = ref(true);
+  // 搜索关键词
+  const searchText = ref('');
+
+  // 表格数据源
+  const datasource: DatasourceFunction = ({
+    page,
+    limit,
+    where = {},
+    orders,
+    filters
+  }) => {
+    const params: CreditRiskRelationParam = { ...where };
+    if (filters) {
+      (params as any).status = filters.status;
+    }
+    if (!params.keywords && searchText.value) {
+      params.keywords = searchText.value;
+    }
+    return pageCreditRiskRelation({
+      ...params,
+      ...orders,
+      page,
+      limit
+    });
+  };
+
+  // 关键信息列
+  const columns = ref<ColumnItem[]>([
+    {
+      title: '序号',
+      dataIndex: 'id',
+      key: 'id',
+      width: 80
+    },
+    {
+      title: '主体名称',
+      dataIndex: 'mainBodyName',
+      key: 'mainBodyName',
+      ellipsis: true
+    },
+    {
+      title: '登记状态',
+      dataIndex: 'registrationStatus',
+      key: 'registrationStatus',
+      ellipsis: true
+    },
+    {
+      title: '注册资本',
+      dataIndex: 'registeredCapital',
+      key: 'registeredCapital',
+      width: 120
+    },
+    {
+      title: '省份地区',
+      dataIndex: 'provinceRegion',
+      key: 'provinceRegion',
+      ellipsis: true
+    },
+    {
+      title: '关联关系',
+      dataIndex: 'associatedRelation',
+      key: 'associatedRelation',
+      ellipsis: true
+    },
+    {
+      title: '风险关系',
+      dataIndex: 'riskRelation',
+      key: 'riskRelation',
+      ellipsis: true
+    },
+    {
+      title: '创建时间',
+      dataIndex: 'createTime',
+      key: 'createTime',
+      width: 180,
+      align: 'center',
+      ellipsis: true,
+      customRender: ({ text }) => toDateString(text, 'yyyy-MM-dd HH:mm:ss')
+    },
+    {
+      title: '修改时间',
+      dataIndex: 'updateTime',
+      key: 'updateTime',
+      width: 180,
+      align: 'center',
+      ellipsis: true,
+      customRender: ({ text }) => toDateString(text, 'yyyy-MM-dd HH:mm:ss')
+    },
+    {
+      title: '操作',
+      key: 'action',
+      width: 160,
+      fixed: 'right',
+      align: 'center',
+      hideInSetting: true
+    }
+  ]);
+
+  /* 搜索 */
+  const reload = (where?: CreditRiskRelationParam) => {
+    if (where && Object.prototype.hasOwnProperty.call(where, 'keywords')) {
+      searchText.value = where.keywords ?? '';
+    }
+    const targetWhere = where ?? { keywords: searchText.value || undefined };
+    selection.value = [];
+    tableRef?.value?.reload({ where: targetWhere });
+  };
+
+  /* 打开编辑弹窗 */
+  const openEdit = (row?: CreditRiskRelation) => {
+    current.value = row ?? null;
+    showEdit.value = true;
+  };
+
+  /* 打开批量移动弹窗 */
+  const openMove = () => {
+    showMove.value = true;
+  };
+
+  /* 打开导入弹窗 */
+  const openImport = () => {
+    showImport.value = true;
+  };
+
+  /* 导出 */
+  const exportData = () => {
+    exportCreditData<CreditRiskRelation>({
+      filename: '风险关系',
+      columns: [
+        { title: '序号', dataIndex: 'id' },
+        { title: '主体名称', dataIndex: 'mainBodyName' },
+        { title: '登记状态', dataIndex: 'registrationStatus' },
+        { title: '注册资本', dataIndex: 'registeredCapital' },
+        { title: '省份地区', dataIndex: 'provinceRegion' },
+        { title: '关联关系', dataIndex: 'associatedRelation' },
+        { title: '风险关系', dataIndex: 'riskRelation' },
+        {
+          title: '创建时间',
+          dataIndex: 'createTime',
+          formatter: (record: CreditRiskRelation) =>
+            record.createTime
+              ? toDateString(record.createTime, 'yyyy-MM-dd HH:mm:ss')
+              : ''
+        }
+      ],
+      fetchData: () =>
+        listCreditRiskRelation({
+          keywords: searchText.value || undefined
+        })
+    });
+  };
+
+  /* 删除单个 */
+  const remove = (row: CreditRiskRelation) => {
+    const hide = message.loading('请求中..', 0);
+    removeCreditRiskRelation(row.id)
+      .then((msg) => {
+        hide();
+        message.success(msg);
+        reload();
+      })
+      .catch((e) => {
+        hide();
+        message.error(e.message);
+      });
+  };
+
+  /* 批量删除 */
+  const removeBatch = () => {
+    if (!selection.value.length) {
+      message.error('请至少选择一条数据');
+      return;
+    }
+    Modal.confirm({
+      title: '提示',
+      content: '确定要删除选中的记录吗?',
+      icon: createVNode(ExclamationCircleOutlined),
+      maskClosable: true,
+      onOk: () => {
+        const hide = message.loading('请求中..', 0);
+        removeBatchCreditRiskRelation(selection.value.map((d) => d.id))
+          .then((msg) => {
+            hide();
+            message.success(msg);
+            reload();
+          })
+          .catch((e) => {
+            hide();
+            message.error(e.message);
+          });
+      }
+    });
+  };
+
+  /* 查询 */
+  const query = () => {
+    loading.value = true;
+  };
+
+  /* 自定义行属性 */
+  const customRow = (record: CreditRiskRelation) => {
+    return {
+      // 行点击事件
+      onClick: () => {
+        // console.log(record);
+      },
+      // 行双击事件
+      onDblclick: () => {
+        openEdit(record);
+      }
+    };
+  };
+  query();
+</script>
+
+<script lang="ts">
+  export default {
+    name: 'CreditRiskRelation'
+  };
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/views/credit/creditSupplier/components/credit-supplier-import.vue b/src/views/credit/creditSupplier/components/credit-supplier-import.vue
new file mode 100644
index 0000000..e868db4
--- /dev/null
+++ b/src/views/credit/creditSupplier/components/credit-supplier-import.vue
@@ -0,0 +1,96 @@
+<!-- 供应商导入弹窗 -->
+<template>
+  <ele-modal
+    :width="520"
+    :footer="null"
+    title="供应商批量导入"
+    :visible="visible"
+    @update:visible="updateVisible"
+  >
+    <a-spin :spinning="loading">
+      <a-upload-dragger
+        accept=".xls,.xlsx"
+        :show-upload-list="false"
+        :customRequest="doUpload"
+        style="padding: 24px 0; margin-bottom: 16px"
+      >
+        <p class="ant-upload-drag-icon">
+          <cloud-upload-outlined />
+        </p>
+        <p class="ant-upload-hint">将文件拖到此处，或点击上传</p>
+      </a-upload-dragger>
+    </a-spin>
+    <div class="ele-text-center">
+      <span>只能上传xls、xlsx文件，</span>
+      <a :href="templateUrl" download="供应商导入模板.xlsx">
+        下载导入模板
+      </a>
+    </div>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { computed, ref } from 'vue';
+  import { message } from 'ant-design-vue/es';
+  import { CloudUploadOutlined } from '@ant-design/icons-vue';
+  import { importCreditSupplier } from '@/api/credit/creditSupplier';
+  import { API_BASE_URL } from '@/config/setting';
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  defineProps<{
+    // 是否打开弹窗
+    visible: boolean;
+  }>();
+
+  // 导入请求状态
+  const loading = ref(false);
+
+  // 模板下载地址，保持与当前接口域名一致
+  const templateUrl = computed(() => {
+    const base = (localStorage.getItem('ApiUrl') || API_BASE_URL || '').replace(
+      /\/$/,
+      ''
+    );
+    return `${base}/credit/credit-supplier/import/template`;
+  });
+
+  /* 上传 */
+  const doUpload = ({ file }) => {
+    if (
+      ![
+        'application/vnd.ms-excel',
+        'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
+      ].includes(file.type)
+    ) {
+      message.error('只能选择 excel 文件');
+      return false;
+    }
+    if (file.size / 1024 / 1024 > 10) {
+      message.error('大小不能超过 10MB');
+      return false;
+    }
+    loading.value = true;
+    importCreditSupplier(file)
+      .then((msg) => {
+        loading.value = false;
+        message.success(msg);
+        updateVisible(false);
+        emit('done');
+      })
+      .catch((e) => {
+        loading.value = false;
+        message.error(e.message);
+      });
+    return false;
+  };
+
+  /* 更新 visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+</script>
+
diff --git a/src/views/credit/creditSupplier/components/creditSupplierEdit.vue b/src/views/credit/creditSupplier/components/creditSupplierEdit.vue
new file mode 100644
index 0000000..8a74c0f
--- /dev/null
+++ b/src/views/credit/creditSupplier/components/creditSupplierEdit.vue
@@ -0,0 +1,260 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑供应商' : '添加供应商'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="供应商" name="supplier">
+        <a-input
+          allow-clear
+          placeholder="请输入供应商"
+          v-model:value="form.supplier"
+        />
+      </a-form-item>
+      <a-form-item label="状态" name="statusTxt">
+        <a-input
+          allow-clear
+          placeholder="请输入状态"
+          v-model:value="form.statusTxt"
+        />
+      </a-form-item>
+      <a-form-item label="采购金额(万元)" name="purchaseAmount">
+        <a-input
+          allow-clear
+          placeholder="请输入采购金额(万元)"
+          v-model:value="form.purchaseAmount"
+        />
+      </a-form-item>
+      <a-form-item label="公开日期" name="publicDate">
+        <a-input
+          allow-clear
+          placeholder="请输入公开日期"
+          v-model:value="form.publicDate"
+        />
+      </a-form-item>
+      <a-form-item label="数据来源" name="dataSource">
+        <a-input
+          allow-clear
+          placeholder="请输入数据来源"
+          v-model:value="form.dataSource"
+        />
+      </a-form-item>
+      <a-form-item label="备注" name="comments">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="请输入描述"
+          v-model:value="form.comments"
+        />
+      </a-form-item>
+      <a-form-item label="是否推荐" name="recommend">
+        <a-input
+          allow-clear
+          placeholder="请输入是否推荐"
+          v-model:value="form.recommend"
+        />
+      </a-form-item>
+      <a-form-item label="排序(数字越小越靠前)" name="sortNumber">
+        <a-input-number
+          :min="0"
+          :max="9999"
+          class="ele-fluid"
+          placeholder="请输入排序号"
+          v-model:value="form.sortNumber"
+        />
+      </a-form-item>
+      <a-form-item label="状态, 0正常, 1冻结" name="status">
+        <a-radio-group v-model:value="form.status">
+          <a-radio :value="0">显示</a-radio>
+          <a-radio :value="1">隐藏</a-radio>
+        </a-radio-group>
+      </a-form-item>
+      <a-form-item label="是否删除, 0否, 1是" name="deleted">
+        <a-input
+          allow-clear
+          placeholder="请输入是否删除, 0否, 1是"
+          v-model:value="form.deleted"
+        />
+      </a-form-item>
+      <a-form-item label="用户ID" name="userId">
+        <a-input
+          allow-clear
+          placeholder="请输入用户ID"
+          v-model:value="form.userId"
+        />
+      </a-form-item>
+      <a-form-item label="修改时间" name="updateTime">
+        <a-input
+          allow-clear
+          placeholder="请输入修改时间"
+          v-model:value="form.updateTime"
+        />
+      </a-form-item>
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, watch } from 'vue';
+  import { Form, message } from 'ant-design-vue';
+  import { assignObject, uuid } from 'ele-admin-pro';
+  import { addCreditSupplier, updateCreditSupplier } from '@/api/credit/creditSupplier';
+  import { CreditSupplier } from '@/api/credit/creditSupplier/model';
+  import { useThemeStore } from '@/store/modules/theme';
+  import { storeToRefs } from 'pinia';
+  import { ItemType } from 'ele-admin-pro/es/ele-image-upload/types';
+  import { FormInstance } from 'ant-design-vue/es/form';
+  import { FileRecord } from '@/api/system/file/model';
+
+  // 是否是修改
+  const isUpdate = ref(false);
+  const useForm = Form.useForm;
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: CreditSupplier | null;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  // 提交状态
+  const loading = ref(false);
+  // 是否显示最大化切换按钮
+  const maxable = ref(true);
+  // 表格选中数据
+  const formRef = ref<FormInstance | null>(null);
+  const images = ref<ItemType[]>([]);
+
+  // 用户信息
+  const form = reactive<CreditSupplier>({
+    id: undefined,
+    supplier: undefined,
+    statusTxt: undefined,
+    purchaseAmount: undefined,
+    publicDate: undefined,
+    dataSource: undefined,
+    comments: undefined,
+    recommend: undefined,
+    sortNumber: undefined,
+    status: undefined,
+    deleted: undefined,
+    userId: undefined,
+    tenantId: undefined,
+    createTime: undefined,
+    updateTime: undefined,
+    creditSupplierId: undefined,
+    creditSupplierName: '',
+    status: 0,
+    comments: '',
+    sortNumber: 100
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    creditSupplierName: [
+      {
+        required: true,
+        type: 'string',
+        message: '请填写供应商名称',
+        trigger: 'blur'
+      }
+    ]
+  });
+
+  const chooseImage = (data: FileRecord) => {
+    images.value.push({
+      uid: data.id,
+      url: data.path,
+      status: 'done'
+    });
+    form.image = data.path;
+  };
+
+  const onDeleteItem = (index: number) => {
+    images.value.splice(index, 1);
+    form.image = '';
+  };
+
+  const { resetFields } = useForm(form, rules);
+
+  /* 保存编辑 */
+  const save = () => {
+    if (!formRef.value) {
+      return;
+    }
+    formRef.value
+      .validate()
+      .then(() => {
+        loading.value = true;
+        const formData = {
+          ...form
+        };
+        const saveOrUpdate = isUpdate.value ? updateCreditSupplier : addCreditSupplier;
+        saveOrUpdate(formData)
+          .then((msg) => {
+            loading.value = false;
+            message.success(msg);
+            updateVisible(false);
+            emit('done');
+          })
+          .catch((e) => {
+            loading.value = false;
+            message.error(e.message);
+          });
+      })
+      .catch(() => {});
+  };
+
+  watch(
+    () => props.visible,
+    (visible) => {
+      if (visible) {
+        images.value = [];
+        if (props.data) {
+          assignObject(form, props.data);
+          if(props.data.image){
+            images.value.push({
+              uid: uuid(),
+              url: props.data.image,
+              status: 'done'
+            })
+          }
+          isUpdate.value = true;
+        } else {
+          isUpdate.value = false;
+        }
+      } else {
+        resetFields();
+      }
+    },
+    { immediate: true }
+  );
+</script>
diff --git a/src/views/credit/creditSupplier/components/search.vue b/src/views/credit/creditSupplier/components/search.vue
new file mode 100644
index 0000000..82fea9d
--- /dev/null
+++ b/src/views/credit/creditSupplier/components/search.vue
@@ -0,0 +1,42 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+    <a-button type="primary" class="ele-btn-icon" @click="add">
+      <template #icon>
+        <PlusOutlined />
+      </template>
+      <span>添加</span>
+    </a-button>
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+  import { PlusOutlined } from '@ant-design/icons-vue';
+  import type { GradeParam } from '@/api/user/grade/model';
+  import { watch } from 'vue';
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的角色
+      selection?: [];
+    }>(),
+    {}
+  );
+
+  const emit = defineEmits<{
+    (e: 'search', where?: GradeParam): void;
+    (e: 'add'): void;
+    (e: 'remove'): void;
+    (e: 'batchMove'): void;
+  }>();
+
+  // 新增
+  const add = () => {
+    emit('add');
+  };
+
+  watch(
+    () => props.selection,
+    () => {}
+  );
+</script>
diff --git a/src/views/credit/creditSupplier/index.vue b/src/views/credit/creditSupplier/index.vue
new file mode 100644
index 0000000..a174edc
--- /dev/null
+++ b/src/views/credit/creditSupplier/index.vue
@@ -0,0 +1,305 @@
+<template>
+  <a-page-header :title="getPageTitle()" @back="() => $router.go(-1)">
+    <a-card :bordered="false" :body-style="{ padding: '16px' }">
+      <ele-pro-table
+        ref="tableRef"
+        row-key="id"
+        :columns="columns"
+        :datasource="datasource"
+        :customRow="customRow"
+        tool-class="ele-toolbar-form"
+        class="sys-org-table"
+      >
+        <template #toolbar>
+          <search
+            @search="reload"
+            :selection="selection"
+            @add="openEdit"
+            @remove="removeBatch"
+            @batchMove="openMove"
+            @importData="openImport"
+            @exportData="exportData"
+          />
+        </template>
+        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'image'">
+            <a-image :src="record.image" :width="50" />
+          </template>
+          <template v-if="column.key === 'status'">
+            <a-tag v-if="record.status === 0" color="green">显示</a-tag>
+            <a-tag v-if="record.status === 1" color="red">隐藏</a-tag>
+          </template>
+          <template v-if="column.key === 'action'">
+            <a-space>
+              <a @click="openEdit(record)">修改</a>
+              <a-divider type="vertical" />
+              <a-popconfirm
+                title="确定要删除此记录吗？"
+                @confirm="remove(record)"
+              >
+                <a class="ele-text-danger">删除</a>
+              </a-popconfirm>
+            </a-space>
+          </template>
+        </template>
+      </ele-pro-table>
+    </a-card>
+
+    <!-- 编辑弹窗 -->
+    <CreditSupplierEdit
+      v-model:visible="showEdit"
+      :data="current"
+      @done="reload"
+    />
+    <!-- 导入弹窗 -->
+    <CreditSupplierImport v-model:visible="showImport" @done="reload" />
+  </a-page-header>
+</template>
+
+<script lang="ts" setup>
+  import { createVNode, ref } from 'vue';
+  import { message, Modal } from 'ant-design-vue';
+  import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
+  import type { EleProTable } from 'ele-admin-pro';
+  import { toDateString } from 'ele-admin-pro';
+  import type {
+    DatasourceFunction,
+    ColumnItem
+  } from 'ele-admin-pro/es/ele-pro-table/types';
+  import Search from '@/views/credit/components/CreditSearchToolbar.vue';
+  import { exportCreditData } from '../utils/export';
+  import { getPageTitle } from '@/utils/common';
+  import CreditSupplierEdit from './components/creditSupplierEdit.vue';
+  import CreditSupplierImport from './components/credit-supplier-import.vue';
+  import {
+    pageCreditSupplier,
+    listCreditSupplier,
+    removeCreditSupplier,
+    removeBatchCreditSupplier
+  } from '@/api/credit/creditSupplier';
+  import type {
+    CreditSupplier,
+    CreditSupplierParam
+  } from '@/api/credit/creditSupplier/model';
+
+  // 表格实例
+  const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+  // 表格选中数据
+  const selection = ref<CreditSupplier[]>([]);
+  // 当前编辑数据
+  const current = ref<CreditSupplier | null>(null);
+  // 是否显示编辑弹窗
+  const showEdit = ref(false);
+  // 是否显示导入弹窗
+  const showImport = ref(false);
+  // 是否显示批量移动弹窗
+  const showMove = ref(false);
+  // 加载状态
+  const loading = ref(true);
+  // 搜索关键词
+  const searchText = ref('');
+
+  // 表格数据源
+  const datasource: DatasourceFunction = ({
+    page,
+    limit,
+    where = {},
+    orders,
+    filters
+  }) => {
+    const params: CreditSupplierParam = { ...where };
+    if (filters) {
+      (params as any).status = filters.status;
+    }
+    if (!params.keywords && searchText.value) {
+      params.keywords = searchText.value;
+    }
+    return pageCreditSupplier({
+      ...params,
+      ...orders,
+      page,
+      limit
+    });
+  };
+
+  // 关键信息列
+  const columns = ref<ColumnItem[]>([
+    {
+      title: 'ID',
+      dataIndex: 'id',
+      key: 'id',
+      width: 80
+    },
+    {
+      title: '供应商',
+      dataIndex: 'supplier',
+      key: 'supplier',
+      ellipsis: true
+    },
+    {
+      title: '状态',
+      dataIndex: 'statusTxt',
+      key: 'statusTxt',
+      ellipsis: true
+    },
+    {
+      title: '采购金额(万元)',
+      dataIndex: 'purchaseAmount',
+      key: 'purchaseAmount',
+      width: 120
+    },
+    {
+      title: '公开日期',
+      dataIndex: 'publicDate',
+      key: 'publicDate',
+      width: 120
+    },
+    {
+      title: '数据来源',
+      dataIndex: 'dataSource',
+      key: 'dataSource',
+      ellipsis: true
+    },
+    {
+      title: '创建时间',
+      dataIndex: 'createTime',
+      key: 'createTime',
+      width: 180,
+      align: 'center',
+      ellipsis: true,
+      customRender: ({ text }) => toDateString(text, 'yyyy-MM-dd HH:mm:ss')
+    },
+    {
+      title: '操作',
+      key: 'action',
+      width: 160,
+      fixed: 'right',
+      align: 'center',
+      hideInSetting: true
+    }
+  ]);
+
+  /* 搜索 */
+  const reload = (where?: CreditSupplierParam) => {
+    if (where && Object.prototype.hasOwnProperty.call(where, 'keywords')) {
+      searchText.value = where.keywords ?? '';
+    }
+    const targetWhere = where ?? { keywords: searchText.value || undefined };
+    selection.value = [];
+    tableRef?.value?.reload({ where: targetWhere });
+  };
+
+  /* 打开编辑弹窗 */
+  const openEdit = (row?: CreditSupplier) => {
+    current.value = row ?? null;
+    showEdit.value = true;
+  };
+
+  /* 打开批量移动弹窗 */
+  const openMove = () => {
+    showMove.value = true;
+  };
+
+  /* 打开导入弹窗 */
+  const openImport = () => {
+    showImport.value = true;
+  };
+
+  /* 导出 */
+  const exportData = () => {
+    exportCreditData<CreditSupplier>({
+      filename: '供应商',
+      columns: [
+        { title: 'ID', dataIndex: 'id' },
+        { title: '供应商', dataIndex: 'supplier' },
+        { title: '状态', dataIndex: 'statusTxt' },
+        { title: '采购金额(万元)', dataIndex: 'purchaseAmount' },
+        { title: '公开日期', dataIndex: 'publicDate' },
+        { title: '数据来源', dataIndex: 'dataSource' },
+        {
+          title: '创建时间',
+          dataIndex: 'createTime',
+          formatter: (record: CreditSupplier) =>
+            record.createTime
+              ? toDateString(record.createTime, 'yyyy-MM-dd HH:mm:ss')
+              : ''
+        }
+      ],
+      fetchData: () =>
+        listCreditSupplier({
+          keywords: searchText.value || undefined
+        })
+    });
+  };
+
+  /* 删除单个 */
+  const remove = (row: CreditSupplier) => {
+    const hide = message.loading('请求中..', 0);
+    removeCreditSupplier(row.id)
+      .then((msg) => {
+        hide();
+        message.success(msg);
+        reload();
+      })
+      .catch((e) => {
+        hide();
+        message.error(e.message);
+      });
+  };
+
+  /* 批量删除 */
+  const removeBatch = () => {
+    if (!selection.value.length) {
+      message.error('请至少选择一条数据');
+      return;
+    }
+    Modal.confirm({
+      title: '提示',
+      content: '确定要删除选中的记录吗?',
+      icon: createVNode(ExclamationCircleOutlined),
+      maskClosable: true,
+      onOk: () => {
+        const hide = message.loading('请求中..', 0);
+        removeBatchCreditSupplier(selection.value.map((d) => d.id))
+          .then((msg) => {
+            hide();
+            message.success(msg);
+            reload();
+          })
+          .catch((e) => {
+            hide();
+            message.error(e.message);
+          });
+      }
+    });
+  };
+
+  /* 查询 */
+  const query = () => {
+    loading.value = true;
+  };
+
+  /* 自定义行属性 */
+  const customRow = (record: CreditSupplier) => {
+    return {
+      // 行点击事件
+      onClick: () => {
+        // console.log(record);
+      },
+      // 行双击事件
+      onDblclick: () => {
+        openEdit(record);
+      }
+    };
+  };
+  query();
+</script>
+
+<script lang="ts">
+  export default {
+    name: 'CreditSupplier'
+  };
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/views/credit/creditSuspectedRelationship/components/creditSuspectedRelationshipEdit.vue b/src/views/credit/creditSuspectedRelationship/components/creditSuspectedRelationshipEdit.vue
new file mode 100644
index 0000000..062e3fe
--- /dev/null
+++ b/src/views/credit/creditSuspectedRelationship/components/creditSuspectedRelationshipEdit.vue
@@ -0,0 +1,300 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑疑似关系' : '添加疑似关系'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="企业名称" name="name">
+        <a-input
+          allow-clear
+          placeholder="请输入企业名称"
+          v-model:value="form.name"
+        />
+      </a-form-item>
+      <a-form-item label="状态" name="statusText">
+        <a-input
+          allow-clear
+          placeholder="请输入状态"
+          v-model:value="form.statusText"
+        />
+      </a-form-item>
+      <a-form-item label="法定代表人" name="legalPerson">
+        <a-input
+          allow-clear
+          placeholder="请输入法定代表人"
+          v-model:value="form.legalPerson"
+        />
+      </a-form-item>
+      <a-form-item label="注册资本" name="registeredCapital">
+        <a-input
+          allow-clear
+          placeholder="请输入注册资本"
+          v-model:value="form.registeredCapital"
+        />
+      </a-form-item>
+      <a-form-item label="成立日期" name="createDate">
+        <a-input
+          allow-clear
+          placeholder="请输入成立日期"
+          v-model:value="form.createDate"
+        />
+      </a-form-item>
+      <a-form-item label="关联方" name="relatedParty">
+        <a-input
+          allow-clear
+          placeholder="请输入关联方"
+          v-model:value="form.relatedParty"
+        />
+      </a-form-item>
+      <a-form-item label="疑似关系类型" name="type">
+        <a-input
+          allow-clear
+          placeholder="请输入疑似关系类型"
+          v-model:value="form.type"
+        />
+      </a-form-item>
+      <a-form-item label="疑似关系详情" name="detail">
+        <a-input
+          allow-clear
+          placeholder="请输入疑似关系详情"
+          v-model:value="form.detail"
+        />
+      </a-form-item>
+      <a-form-item label="链接" name="url">
+        <a-input
+          allow-clear
+          placeholder="请输入链接"
+          v-model:value="form.url"
+        />
+      </a-form-item>
+      <a-form-item label="备注" name="comments">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="请输入描述"
+          v-model:value="form.comments"
+        />
+      </a-form-item>
+      <a-form-item label="企业ID" name="companyId">
+        <a-input
+          allow-clear
+          placeholder="请输入企业ID"
+          v-model:value="form.companyId"
+        />
+      </a-form-item>
+      <a-form-item label="是否推荐" name="recommend">
+        <a-input
+          allow-clear
+          placeholder="请输入是否推荐"
+          v-model:value="form.recommend"
+        />
+      </a-form-item>
+      <a-form-item label="排序(数字越小越靠前)" name="sortNumber">
+        <a-input-number
+          :min="0"
+          :max="9999"
+          class="ele-fluid"
+          placeholder="请输入排序号"
+          v-model:value="form.sortNumber"
+        />
+      </a-form-item>
+      <a-form-item label="状态, 0正常, 1冻结" name="status">
+        <a-radio-group v-model:value="form.status">
+          <a-radio :value="0">显示</a-radio>
+          <a-radio :value="1">隐藏</a-radio>
+        </a-radio-group>
+      </a-form-item>
+      <a-form-item label="是否删除, 0否, 1是" name="deleted">
+        <a-input
+          allow-clear
+          placeholder="请输入是否删除, 0否, 1是"
+          v-model:value="form.deleted"
+        />
+      </a-form-item>
+      <a-form-item label="用户ID" name="userId">
+        <a-input
+          allow-clear
+          placeholder="请输入用户ID"
+          v-model:value="form.userId"
+        />
+      </a-form-item>
+      <a-form-item label="修改时间" name="updateTime">
+        <a-input
+          allow-clear
+          placeholder="请输入修改时间"
+          v-model:value="form.updateTime"
+        />
+      </a-form-item>
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, watch } from 'vue';
+  import { Form, message } from 'ant-design-vue';
+  import { assignObject, uuid } from 'ele-admin-pro';
+  import { addCreditSuspectedRelationship, updateCreditSuspectedRelationship } from '@/api/credit/creditSuspectedRelationship';
+  import { CreditSuspectedRelationship } from '@/api/credit/creditSuspectedRelationship/model';
+  import { useThemeStore } from '@/store/modules/theme';
+  import { storeToRefs } from 'pinia';
+  import { ItemType } from 'ele-admin-pro/es/ele-image-upload/types';
+  import { FormInstance } from 'ant-design-vue/es/form';
+  import { FileRecord } from '@/api/system/file/model';
+
+  // 是否是修改
+  const isUpdate = ref(false);
+  const useForm = Form.useForm;
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: CreditSuspectedRelationship | null;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  // 提交状态
+  const loading = ref(false);
+  // 是否显示最大化切换按钮
+  const maxable = ref(true);
+  // 表格选中数据
+  const formRef = ref<FormInstance | null>(null);
+  const images = ref<ItemType[]>([]);
+
+  // 用户信息
+  const form = reactive<CreditSuspectedRelationship>({
+    id: undefined,
+    name: undefined,
+    statusText: undefined,
+    legalPerson: undefined,
+    registeredCapital: undefined,
+    createDate: undefined,
+    relatedParty: undefined,
+    type: undefined,
+    detail: undefined,
+    url: undefined,
+    comments: undefined,
+    companyId: undefined,
+    recommend: undefined,
+    sortNumber: undefined,
+    status: undefined,
+    deleted: undefined,
+    userId: undefined,
+    tenantId: undefined,
+    createTime: undefined,
+    updateTime: undefined,
+    creditSuspectedRelationshipId: undefined,
+    creditSuspectedRelationshipName: '',
+    status: 0,
+    comments: '',
+    sortNumber: 100
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    creditSuspectedRelationshipName: [
+      {
+        required: true,
+        type: 'string',
+        message: '请填写疑似关系名称',
+        trigger: 'blur'
+      }
+    ]
+  });
+
+  const chooseImage = (data: FileRecord) => {
+    images.value.push({
+      uid: data.id,
+      url: data.path,
+      status: 'done'
+    });
+    form.image = data.path;
+  };
+
+  const onDeleteItem = (index: number) => {
+    images.value.splice(index, 1);
+    form.image = '';
+  };
+
+  const { resetFields } = useForm(form, rules);
+
+  /* 保存编辑 */
+  const save = () => {
+    if (!formRef.value) {
+      return;
+    }
+    formRef.value
+      .validate()
+      .then(() => {
+        loading.value = true;
+        const formData = {
+          ...form
+        };
+        const saveOrUpdate = isUpdate.value ? updateCreditSuspectedRelationship : addCreditSuspectedRelationship;
+        saveOrUpdate(formData)
+          .then((msg) => {
+            loading.value = false;
+            message.success(msg);
+            updateVisible(false);
+            emit('done');
+          })
+          .catch((e) => {
+            loading.value = false;
+            message.error(e.message);
+          });
+      })
+      .catch(() => {});
+  };
+
+  watch(
+    () => props.visible,
+    (visible) => {
+      if (visible) {
+        images.value = [];
+        if (props.data) {
+          assignObject(form, props.data);
+          if(props.data.image){
+            images.value.push({
+              uid: uuid(),
+              url: props.data.image,
+              status: 'done'
+            })
+          }
+          isUpdate.value = true;
+        } else {
+          isUpdate.value = false;
+        }
+      } else {
+        resetFields();
+      }
+    },
+    { immediate: true }
+  );
+</script>
diff --git a/src/views/credit/creditSuspectedRelationship/components/search.vue b/src/views/credit/creditSuspectedRelationship/components/search.vue
new file mode 100644
index 0000000..82fea9d
--- /dev/null
+++ b/src/views/credit/creditSuspectedRelationship/components/search.vue
@@ -0,0 +1,42 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+    <a-button type="primary" class="ele-btn-icon" @click="add">
+      <template #icon>
+        <PlusOutlined />
+      </template>
+      <span>添加</span>
+    </a-button>
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+  import { PlusOutlined } from '@ant-design/icons-vue';
+  import type { GradeParam } from '@/api/user/grade/model';
+  import { watch } from 'vue';
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的角色
+      selection?: [];
+    }>(),
+    {}
+  );
+
+  const emit = defineEmits<{
+    (e: 'search', where?: GradeParam): void;
+    (e: 'add'): void;
+    (e: 'remove'): void;
+    (e: 'batchMove'): void;
+  }>();
+
+  // 新增
+  const add = () => {
+    emit('add');
+  };
+
+  watch(
+    () => props.selection,
+    () => {}
+  );
+</script>
diff --git a/src/views/credit/creditSuspectedRelationship/index.vue b/src/views/credit/creditSuspectedRelationship/index.vue
new file mode 100644
index 0000000..049c4dc
--- /dev/null
+++ b/src/views/credit/creditSuspectedRelationship/index.vue
@@ -0,0 +1,320 @@
+<template>
+  <a-page-header :title="getPageTitle()" @back="() => $router.go(-1)">
+      <a-card :bordered="false" :body-style="{ padding: '16px' }">
+        <ele-pro-table
+          ref="tableRef"
+          row-key="id"
+          :columns="columns"
+          :datasource="datasource"
+          :customRow="customRow"
+          tool-class="ele-toolbar-form"
+          class="sys-org-table"
+        >
+          <template #toolbar>
+            <search
+              @search="reload"
+              :selection="selection"
+              @add="openEdit"
+              @remove="removeBatch"
+              @batchMove="openMove"
+            />
+          </template>
+          <template #bodyCell="{ column, record }">
+            <template v-if="column.key === 'image'">
+              <a-image :src="record.image" :width="50" />
+            </template>
+            <template v-if="column.key === 'status'">
+              <a-tag v-if="record.status === 0" color="green">显示</a-tag>
+              <a-tag v-if="record.status === 1" color="red">隐藏</a-tag>
+            </template>
+            <template v-if="column.key === 'action'">
+              <a-space>
+                <a @click="openEdit(record)">修改</a>
+                <a-divider type="vertical" />
+                <a-popconfirm
+                  title="确定要删除此记录吗？"
+                  @confirm="remove(record)"
+                >
+                  <a class="ele-text-danger">删除</a>
+                </a-popconfirm>
+              </a-space>
+            </template>
+          </template>
+        </ele-pro-table>
+      </a-card>
+
+      <!-- 编辑弹窗 -->
+      <CreditSuspectedRelationshipEdit v-model:visible="showEdit" :data="current" @done="reload" />
+  </a-page-header>
+</template>
+
+<script lang="ts" setup>
+  import { createVNode, ref, computed } from 'vue';
+  import { message, Modal } from 'ant-design-vue';
+  import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
+  import type { EleProTable } from 'ele-admin-pro';
+  import { toDateString } from 'ele-admin-pro';
+  import type {
+    DatasourceFunction,
+    ColumnItem
+  } from 'ele-admin-pro/es/ele-pro-table/types';
+  import Search from './components/search.vue';
+  import {getPageTitle} from '@/utils/common';
+  import CreditSuspectedRelationshipEdit from './components/creditSuspectedRelationshipEdit.vue';
+  import { pageCreditSuspectedRelationship, removeCreditSuspectedRelationship, removeBatchCreditSuspectedRelationship } from '@/api/credit/creditSuspectedRelationship';
+  import type { CreditSuspectedRelationship, CreditSuspectedRelationshipParam } from '@/api/credit/creditSuspectedRelationship/model';
+
+  // 表格实例
+  const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+  // 表格选中数据
+  const selection = ref<CreditSuspectedRelationship[]>([]);
+  // 当前编辑数据
+  const current = ref<CreditSuspectedRelationship | null>(null);
+  // 是否显示编辑弹窗
+  const showEdit = ref(false);
+  // 是否显示批量移动弹窗
+  const showMove = ref(false);
+  // 加载状态
+  const loading = ref(true);
+
+  // 表格数据源
+  const datasource: DatasourceFunction = ({
+    page,
+    limit,
+    where,
+    orders,
+    filters
+  }) => {
+    if (filters) {
+      where.status = filters.status;
+    }
+    return pageCreditSuspectedRelationship({
+      ...where,
+      ...orders,
+      page,
+      limit
+    });
+  };
+
+  // 完整的列配置（包含所有字段）
+  const columns = ref<ColumnItem[]>([
+    {
+      title: 'ID',
+      dataIndex: 'id',
+      key: 'id',
+      width: 90,
+    },
+    {
+      title: '企业名称',
+      dataIndex: 'name',
+      key: 'name',
+      ellipsis: true
+    },
+    {
+      title: '状态',
+      dataIndex: 'statusText',
+      key: 'statusText',
+      ellipsis: true
+    },
+    {
+      title: '法定代表人',
+      dataIndex: 'legalPerson',
+      key: 'legalPerson',
+      ellipsis: true
+    },
+    {
+      title: '注册资本',
+      dataIndex: 'registeredCapital',
+      key: 'registeredCapital',
+      ellipsis: true
+    },
+    {
+      title: '成立日期',
+      dataIndex: 'createDate',
+      key: 'createDate',
+      ellipsis: true
+    },
+    {
+      title: '关联方',
+      dataIndex: 'relatedParty',
+      key: 'relatedParty',
+      ellipsis: true
+    },
+    {
+      title: '疑似关系类型',
+      dataIndex: 'type',
+      key: 'type',
+      ellipsis: true
+    },
+    {
+      title: '疑似关系详情',
+      dataIndex: 'detail',
+      key: 'detail',
+      ellipsis: true
+    },
+    {
+      title: '链接',
+      dataIndex: 'url',
+      key: 'url',
+      ellipsis: true
+    },
+    {
+      title: '备注',
+      dataIndex: 'comments',
+      key: 'comments',
+      ellipsis: true
+    },
+    {
+      title: '企业ID',
+      dataIndex: 'companyId',
+      key: 'companyId',
+      width: 120
+    },
+    {
+      title: '是否推荐',
+      dataIndex: 'recommend',
+      key: 'recommend',
+      width: 120
+    },
+    {
+      title: '排序(数字越小越靠前)',
+      dataIndex: 'sortNumber',
+      key: 'sortNumber',
+      width: 120
+    },
+    {
+      title: '状态, 0正常, 1冻结',
+      dataIndex: 'status',
+      key: 'status',
+      width: 120
+    },
+    {
+      title: '是否删除, 0否, 1是',
+      dataIndex: 'deleted',
+      key: 'deleted',
+      width: 120
+    },
+    {
+      title: '用户ID',
+      dataIndex: 'userId',
+      key: 'userId',
+      width: 120
+    },
+    {
+      title: '创建时间',
+      dataIndex: 'createTime',
+      key: 'createTime',
+      width: 200,
+      align: 'center',
+      sorter: true,
+      ellipsis: true,
+      customRender: ({ text }) => toDateString(text, 'yyyy-MM-dd HH:mm:ss')
+    },
+    {
+      title: '修改时间',
+      dataIndex: 'updateTime',
+      key: 'updateTime',
+      width: 200,
+      align: 'center',
+      sorter: true,
+      ellipsis: true,
+      customRender: ({ text }) => toDateString(text, 'yyyy-MM-dd HH:mm:ss')
+    },
+    {
+      title: '操作',
+      key: 'action',
+      width: 180,
+      fixed: 'right',
+      align: 'center',
+      hideInSetting: true
+    }
+  ]);
+
+  /* 搜索 */
+  const reload = (where?: CreditSuspectedRelationshipParam) => {
+    selection.value = [];
+    tableRef?.value?.reload({ where: where });
+  };
+
+  /* 打开编辑弹窗 */
+  const openEdit = (row?: CreditSuspectedRelationship) => {
+    current.value = row ?? null;
+    showEdit.value = true;
+  };
+
+  /* 打开批量移动弹窗 */
+  const openMove = () => {
+    showMove.value = true;
+  };
+
+  /* 删除单个 */
+  const remove = (row: CreditSuspectedRelationship) => {
+    const hide = message.loading('请求中..', 0);
+    removeCreditSuspectedRelationship(row.id)
+      .then((msg) => {
+        hide();
+        message.success(msg);
+        reload();
+      })
+      .catch((e) => {
+        hide();
+        message.error(e.message);
+      });
+  };
+
+  /* 批量删除 */
+  const removeBatch = () => {
+    if (!selection.value.length) {
+      message.error('请至少选择一条数据');
+      return;
+    }
+    Modal.confirm({
+      title: '提示',
+      content: '确定要删除选中的记录吗?',
+      icon: createVNode(ExclamationCircleOutlined),
+      maskClosable: true,
+      onOk: () => {
+        const hide = message.loading('请求中..', 0);
+        removeBatchCreditSuspectedRelationship(selection.value.map((d) => d.id))
+          .then((msg) => {
+            hide();
+            message.success(msg);
+            reload();
+          })
+          .catch((e) => {
+            hide();
+            message.error(e.message);
+          });
+      }
+    });
+  };
+
+  /* 查询 */
+  const query = () => {
+    loading.value = true;
+  };
+
+  /* 自定义行属性 */
+  const customRow = (record: CreditSuspectedRelationship) => {
+    return {
+      // 行点击事件
+      onClick: () => {
+        // console.log(record);
+      },
+      // 行双击事件
+      onDblclick: () => {
+        openEdit(record);
+      }
+    };
+  };
+  query();
+</script>
+
+<script lang="ts">
+  export default {
+    name: 'CreditSuspectedRelationship'
+  };
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/views/credit/creditUser/components/credit-user-import.vue b/src/views/credit/creditUser/components/credit-user-import.vue
index 4744e68..8b1b4ad 100644
--- a/src/views/credit/creditUser/components/credit-user-import.vue
+++ b/src/views/credit/creditUser/components/credit-user-import.vue
@@ -22,9 +22,7 @@
     </a-spin>
     <div class="ele-text-center">
       <span>只能上传xls、xlsx文件，</span>
-      <a :href="templateUrl" download="招投标导入模板.xlsx">
-        下载导入模板
-      </a>
+      <a :href="templateUrl" download="招投标导入模板.xlsx"> 下载导入模板 </a>
     </div>
   </ele-modal>
 </template>
@@ -51,8 +49,10 @@
 
   // 模板下载地址，保持与当前接口域名一致
   const templateUrl = computed(() => {
-    const base =
-      (localStorage.getItem('ApiUrl') || API_BASE_URL || '').replace(/\/$/, '');
+    const base = (localStorage.getItem('ApiUrl') || API_BASE_URL || '').replace(
+      /\/$/,
+      ''
+    );
     return `${base}/credit/credit-user/import/template`;
   });
 
diff --git a/src/views/credit/creditUser/components/creditUserEdit.vue b/src/views/credit/creditUser/components/creditUserEdit.vue
index 4777e00..aca5886 100644
--- a/src/views/credit/creditUser/components/creditUserEdit.vue
+++ b/src/views/credit/creditUser/components/creditUserEdit.vue
@@ -19,10 +19,10 @@
         styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
       "
     >
-      <a-form-item label="客户名称" name="name">
+      <a-form-item label="项目名称" name="name">
         <a-input
           allow-clear
-          placeholder="请输入客户名称"
+          placeholder="请输入项目名称"
           v-model:value="form.name"
         />
       </a-form-item>
diff --git a/src/views/credit/creditUser/components/search.vue b/src/views/credit/creditUser/components/search.vue
index cb1c8fc..407b383 100644
--- a/src/views/credit/creditUser/components/search.vue
+++ b/src/views/credit/creditUser/components/search.vue
@@ -13,6 +13,12 @@
       </template>
       <span>导入</span>
     </a-button>
+    <a-button class="ele-btn-icon" @click="exportData">
+      <template #icon>
+        <CloudDownloadOutlined />
+      </template>
+      <span>导出</span>
+    </a-button>
     <a-button
       danger
       class="ele-btn-icon"
@@ -40,6 +46,7 @@
   import {
     PlusOutlined,
     CloudUploadOutlined,
+    CloudDownloadOutlined,
     DeleteOutlined
   } from '@ant-design/icons-vue';
   import type { CreditUser, CreditUserParam } from '@/api/credit/creditUser/model';
@@ -60,6 +67,7 @@
     (e: 'remove'): void;
     (e: 'batchMove'): void;
     (e: 'importData'): void;
+    (e: 'exportData'): void;
   }>();
 
   const keywords = ref('');
@@ -80,6 +88,11 @@
     emit('importData');
   };
 
+  // 导出
+  const exportData = () => {
+    emit('exportData');
+  };
+
   // 批量删除
   const remove = () => {
     emit('remove');
diff --git a/src/views/credit/creditUser/index.vue b/src/views/credit/creditUser/index.vue
index 3dd22f7..b390017 100644
--- a/src/views/credit/creditUser/index.vue
+++ b/src/views/credit/creditUser/index.vue
@@ -19,12 +19,21 @@
             @remove="removeBatch"
             @batchMove="openMove"
             @importData="openImport"
+            @exportData="exportData"
           />
         </template>
         <template #bodyCell="{ column, record }">
           <template v-if="column.key === 'image'">
             <a-image :src="record.image" :width="50" />
           </template>
+          <template v-if="column.key === 'name'">
+            <template v-if="record.url">
+              <a :href="record.url" target="_blank">{{ record.name }}</a>
+            </template>
+            <template v-else>
+              {{ record.name }}
+            </template>
+          </template>
           <template v-if="column.key === 'status'">
             <a-tag v-if="record.status === 0" color="green">显示</a-tag>
             <a-tag v-if="record.status === 1" color="red">隐藏</a-tag>
@@ -57,17 +66,25 @@
   import { message, Modal } from 'ant-design-vue';
   import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
   import type { EleProTable } from 'ele-admin-pro';
-  import { toDateString } from 'ele-admin-pro';
   import type {
     DatasourceFunction,
     ColumnItem
   } from 'ele-admin-pro/es/ele-pro-table/types';
   import Search from './components/search.vue';
-  import {getPageTitle} from '@/utils/common';
+  import { getPageTitle } from '@/utils/common';
   import CreditUserEdit from './components/creditUserEdit.vue';
   import CreditUserImport from './components/credit-user-import.vue';
-  import { pageCreditUser, removeCreditUser, removeBatchCreditUser } from '@/api/credit/creditUser';
-  import type { CreditUser, CreditUserParam } from '@/api/credit/creditUser/model';
+  import {
+    pageCreditUser,
+    listCreditUser,
+    removeCreditUser,
+    removeBatchCreditUser
+  } from '@/api/credit/creditUser';
+  import type {
+    CreditUser,
+    CreditUserParam
+  } from '@/api/credit/creditUser/model';
+  import { exportCreditData } from '../utils/export';
 
   // 表格实例
   const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
@@ -114,7 +131,7 @@
       title: 'ID',
       dataIndex: 'id',
       key: 'id',
-      width: 90,
+      width: 90
     },
     {
       title: '项目名称',
@@ -124,7 +141,7 @@
     {
       title: '发布日期',
       dataIndex: 'releaseDate',
-      key: 'releaseDate',
+      key: 'releaseDate'
     },
     // {
     //   title: '唯一标识',
@@ -191,7 +208,7 @@
       dataIndex: 'winningPrice',
       key: 'winningPrice',
       ellipsis: true
-    },
+    }
     // {
     //   title: '排序',
     //   dataIndex: 'sortNumber',
@@ -252,6 +269,28 @@
     showMove.value = true;
   };
 
+  /* 导出 */
+  const exportData = () => {
+    exportCreditData<CreditUser>({
+      filename: '招投标结果',
+      columns: [
+        { title: 'ID', dataIndex: 'id' },
+        { title: '项目名称', dataIndex: 'name' },
+        { title: '发布日期', dataIndex: 'releaseDate' },
+        { title: '企业角色', dataIndex: 'role' },
+        { title: '信息类型', dataIndex: 'infoType' },
+        { title: '省份地区', dataIndex: 'province' },
+        { title: '招采单位', dataIndex: 'procurementName' },
+        { title: '中标单位', dataIndex: 'winningName' },
+        { title: '中标金额', dataIndex: 'winningPrice' }
+      ],
+      fetchData: () =>
+        listCreditUser({
+          keywords: searchText.value || undefined
+        })
+    });
+  };
+
   /* 删除单个 */
   const remove = (row: CreditUser) => {
     const hide = message.loading('请求中..', 0);
diff --git a/src/views/credit/creditXgxf/components/credit-xgxf-import.vue b/src/views/credit/creditXgxf/components/credit-xgxf-import.vue
new file mode 100644
index 0000000..50764d0
--- /dev/null
+++ b/src/views/credit/creditXgxf/components/credit-xgxf-import.vue
@@ -0,0 +1,96 @@
+<!-- 限制高消费导入弹窗 -->
+<template>
+  <ele-modal
+    :width="520"
+    :footer="null"
+    title="限制高消费批量导入"
+    :visible="visible"
+    @update:visible="updateVisible"
+  >
+    <a-spin :spinning="loading">
+      <a-upload-dragger
+        accept=".xls,.xlsx"
+        :show-upload-list="false"
+        :customRequest="doUpload"
+        style="padding: 24px 0; margin-bottom: 16px"
+      >
+        <p class="ant-upload-drag-icon">
+          <cloud-upload-outlined />
+        </p>
+        <p class="ant-upload-hint">将文件拖到此处，或点击上传</p>
+      </a-upload-dragger>
+    </a-spin>
+    <div class="ele-text-center">
+      <span>只能上传xls、xlsx文件，</span>
+      <a :href="templateUrl" download="限制高消费导入模板.xlsx">
+        下载导入模板
+      </a>
+    </div>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { computed, ref } from 'vue';
+  import { message } from 'ant-design-vue/es';
+  import { CloudUploadOutlined } from '@ant-design/icons-vue';
+  import { importCreditXgxf } from '@/api/credit/creditXgxf';
+  import { API_BASE_URL } from '@/config/setting';
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  defineProps<{
+    // 是否打开弹窗
+    visible: boolean;
+  }>();
+
+  // 导入请求状态
+  const loading = ref(false);
+
+  // 模板下载地址，保持与当前接口域名一致
+  const templateUrl = computed(() => {
+    const base = (localStorage.getItem('ApiUrl') || API_BASE_URL || '').replace(
+      /\/$/,
+      ''
+    );
+    return `${base}/credit/credit-xgxf/import/template`;
+  });
+
+  /* 上传 */
+  const doUpload = ({ file }) => {
+    if (
+      ![
+        'application/vnd.ms-excel',
+        'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
+      ].includes(file.type)
+    ) {
+      message.error('只能选择 excel 文件');
+      return false;
+    }
+    if (file.size / 1024 / 1024 > 10) {
+      message.error('大小不能超过 10MB');
+      return false;
+    }
+    loading.value = true;
+    importCreditXgxf(file)
+      .then((msg) => {
+        loading.value = false;
+        message.success(msg);
+        updateVisible(false);
+        emit('done');
+      })
+      .catch((e) => {
+        loading.value = false;
+        message.error(e.message);
+      });
+    return false;
+  };
+
+  /* 更新 visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+</script>
+
diff --git a/src/views/credit/creditXgxf/components/creditXgxfEdit.vue b/src/views/credit/creditXgxf/components/creditXgxfEdit.vue
new file mode 100644
index 0000000..88a64bd
--- /dev/null
+++ b/src/views/credit/creditXgxf/components/creditXgxfEdit.vue
@@ -0,0 +1,300 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑限制高消费' : '添加限制高消费'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="数据类型" name="dataType">
+        <a-input
+          allow-clear
+          placeholder="请输入数据类型"
+          v-model:value="form.dataType"
+        />
+      </a-form-item>
+      <a-form-item label="原告/上诉人" name="plaintiffAppellant">
+        <a-input
+          allow-clear
+          placeholder="请输入原告/上诉人"
+          v-model:value="form.plaintiffAppellant"
+        />
+      </a-form-item>
+      <a-form-item label="被告/被上诉人" name="defendant appellee">
+        <a-input
+          allow-clear
+          placeholder="请输入被告/被上诉人"
+          v-model:value="form.appellee"
+        />
+      </a-form-item>
+      <a-form-item label="其他当事人/第三人" name="otherPartiesThirdParty">
+        <a-input
+          allow-clear
+          placeholder="请输入其他当事人/第三人"
+          v-model:value="form.otherPartiesThirdParty"
+        />
+      </a-form-item>
+      <a-form-item label="发生时间" name="occurrenceTime">
+        <a-input
+          allow-clear
+          placeholder="请输入发生时间"
+          v-model:value="form.occurrenceTime"
+        />
+      </a-form-item>
+      <a-form-item label="案号" name="caseNumber">
+        <a-input
+          allow-clear
+          placeholder="请输入案号"
+          v-model:value="form.caseNumber"
+        />
+      </a-form-item>
+      <a-form-item label="案由" name="causeOfAction">
+        <a-input
+          allow-clear
+          placeholder="请输入案由"
+          v-model:value="form.causeOfAction"
+        />
+      </a-form-item>
+      <a-form-item label="涉案金额" name="involvedAmount">
+        <a-input
+          allow-clear
+          placeholder="请输入涉案金额"
+          v-model:value="form.involvedAmount"
+        />
+      </a-form-item>
+      <a-form-item label="法院" name="courtName">
+        <a-input
+          allow-clear
+          placeholder="请输入法院"
+          v-model:value="form.courtName"
+        />
+      </a-form-item>
+      <a-form-item label="数据状态" name="dataStatus">
+        <a-input
+          allow-clear
+          placeholder="请输入数据状态"
+          v-model:value="form.dataStatus"
+        />
+      </a-form-item>
+      <a-form-item label="备注" name="comments">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="请输入描述"
+          v-model:value="form.comments"
+        />
+      </a-form-item>
+      <a-form-item label="是否推荐" name="recommend">
+        <a-input
+          allow-clear
+          placeholder="请输入是否推荐"
+          v-model:value="form.recommend"
+        />
+      </a-form-item>
+      <a-form-item label="排序(数字越小越靠前)" name="sortNumber">
+        <a-input-number
+          :min="0"
+          :max="9999"
+          class="ele-fluid"
+          placeholder="请输入排序号"
+          v-model:value="form.sortNumber"
+        />
+      </a-form-item>
+      <a-form-item label="状态, 0正常, 1冻结" name="status">
+        <a-radio-group v-model:value="form.status">
+          <a-radio :value="0">显示</a-radio>
+          <a-radio :value="1">隐藏</a-radio>
+        </a-radio-group>
+      </a-form-item>
+      <a-form-item label="是否删除, 0否, 1是" name="deleted">
+        <a-input
+          allow-clear
+          placeholder="请输入是否删除, 0否, 1是"
+          v-model:value="form.deleted"
+        />
+      </a-form-item>
+      <a-form-item label="用户ID" name="userId">
+        <a-input
+          allow-clear
+          placeholder="请输入用户ID"
+          v-model:value="form.userId"
+        />
+      </a-form-item>
+      <a-form-item label="修改时间" name="updateTime">
+        <a-input
+          allow-clear
+          placeholder="请输入修改时间"
+          v-model:value="form.updateTime"
+        />
+      </a-form-item>
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, watch } from 'vue';
+  import { Form, message } from 'ant-design-vue';
+  import { assignObject, uuid } from 'ele-admin-pro';
+  import { addCreditXgxf, updateCreditXgxf } from '@/api/credit/creditXgxf';
+  import { CreditXgxf } from '@/api/credit/creditXgxf/model';
+  import { useThemeStore } from '@/store/modules/theme';
+  import { storeToRefs } from 'pinia';
+  import { ItemType } from 'ele-admin-pro/es/ele-image-upload/types';
+  import { FormInstance } from 'ant-design-vue/es/form';
+  import { FileRecord } from '@/api/system/file/model';
+
+  // 是否是修改
+  const isUpdate = ref(false);
+  const useForm = Form.useForm;
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: CreditXgxf | null;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  // 提交状态
+  const loading = ref(false);
+  // 是否显示最大化切换按钮
+  const maxable = ref(true);
+  // 表格选中数据
+  const formRef = ref<FormInstance | null>(null);
+  const images = ref<ItemType[]>([]);
+
+  // 用户信息
+  const form = reactive<CreditXgxf>({
+    id: undefined,
+    dataType: undefined,
+    plaintiffAppellant: undefined,
+    appellee: undefined,
+    otherPartiesThirdParty: undefined,
+    occurrenceTime: undefined,
+    caseNumber: undefined,
+    causeOfAction: undefined,
+    involvedAmount: undefined,
+    courtName: undefined,
+    dataStatus: undefined,
+    comments: undefined,
+    recommend: undefined,
+    sortNumber: undefined,
+    status: undefined,
+    deleted: undefined,
+    userId: undefined,
+    tenantId: undefined,
+    createTime: undefined,
+    updateTime: undefined,
+    creditXgxfId: undefined,
+    creditXgxfName: '',
+    status: 0,
+    comments: '',
+    sortNumber: 100
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    creditXgxfName: [
+      {
+        required: true,
+        type: 'string',
+        message: '请填写限制高消费名称',
+        trigger: 'blur'
+      }
+    ]
+  });
+
+  const chooseImage = (data: FileRecord) => {
+    images.value.push({
+      uid: data.id,
+      url: data.path,
+      status: 'done'
+    });
+    form.image = data.path;
+  };
+
+  const onDeleteItem = (index: number) => {
+    images.value.splice(index, 1);
+    form.image = '';
+  };
+
+  const { resetFields } = useForm(form, rules);
+
+  /* 保存编辑 */
+  const save = () => {
+    if (!formRef.value) {
+      return;
+    }
+    formRef.value
+      .validate()
+      .then(() => {
+        loading.value = true;
+        const formData = {
+          ...form
+        };
+        const saveOrUpdate = isUpdate.value ? updateCreditXgxf : addCreditXgxf;
+        saveOrUpdate(formData)
+          .then((msg) => {
+            loading.value = false;
+            message.success(msg);
+            updateVisible(false);
+            emit('done');
+          })
+          .catch((e) => {
+            loading.value = false;
+            message.error(e.message);
+          });
+      })
+      .catch(() => {});
+  };
+
+  watch(
+    () => props.visible,
+    (visible) => {
+      if (visible) {
+        images.value = [];
+        if (props.data) {
+          assignObject(form, props.data);
+          if(props.data.image){
+            images.value.push({
+              uid: uuid(),
+              url: props.data.image,
+              status: 'done'
+            })
+          }
+          isUpdate.value = true;
+        } else {
+          isUpdate.value = false;
+        }
+      } else {
+        resetFields();
+      }
+    },
+    { immediate: true }
+  );
+</script>
diff --git a/src/views/credit/creditXgxf/components/search.vue b/src/views/credit/creditXgxf/components/search.vue
new file mode 100644
index 0000000..82fea9d
--- /dev/null
+++ b/src/views/credit/creditXgxf/components/search.vue
@@ -0,0 +1,42 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+    <a-button type="primary" class="ele-btn-icon" @click="add">
+      <template #icon>
+        <PlusOutlined />
+      </template>
+      <span>添加</span>
+    </a-button>
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+  import { PlusOutlined } from '@ant-design/icons-vue';
+  import type { GradeParam } from '@/api/user/grade/model';
+  import { watch } from 'vue';
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的角色
+      selection?: [];
+    }>(),
+    {}
+  );
+
+  const emit = defineEmits<{
+    (e: 'search', where?: GradeParam): void;
+    (e: 'add'): void;
+    (e: 'remove'): void;
+    (e: 'batchMove'): void;
+  }>();
+
+  // 新增
+  const add = () => {
+    emit('add');
+  };
+
+  watch(
+    () => props.selection,
+    () => {}
+  );
+</script>
diff --git a/src/views/credit/creditXgxf/index.vue b/src/views/credit/creditXgxf/index.vue
new file mode 100644
index 0000000..79a5264
--- /dev/null
+++ b/src/views/credit/creditXgxf/index.vue
@@ -0,0 +1,322 @@
+<template>
+  <a-page-header :title="getPageTitle()" @back="() => $router.go(-1)">
+    <a-card :bordered="false" :body-style="{ padding: '16px' }">
+      <ele-pro-table
+        ref="tableRef"
+        row-key="id"
+        :columns="columns"
+        :datasource="datasource"
+        :customRow="customRow"
+        tool-class="ele-toolbar-form"
+        class="sys-org-table"
+      >
+        <template #toolbar>
+          <search
+            @search="reload"
+            :selection="selection"
+            @add="openEdit"
+            @remove="removeBatch"
+            @batchMove="openMove"
+            @importData="openImport"
+            @exportData="exportData"
+          />
+        </template>
+        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'image'">
+            <a-image :src="record.image" :width="50" />
+          </template>
+          <template v-if="column.key === 'status'">
+            <a-tag v-if="record.status === 0" color="green">显示</a-tag>
+            <a-tag v-if="record.status === 1" color="red">隐藏</a-tag>
+          </template>
+          <template v-if="column.key === 'action'">
+            <a-space>
+              <a @click="openEdit(record)">修改</a>
+              <a-divider type="vertical" />
+              <a-popconfirm
+                title="确定要删除此记录吗？"
+                @confirm="remove(record)"
+              >
+                <a class="ele-text-danger">删除</a>
+              </a-popconfirm>
+            </a-space>
+          </template>
+        </template>
+      </ele-pro-table>
+    </a-card>
+
+    <!-- 编辑弹窗 -->
+    <CreditXgxfEdit v-model:visible="showEdit" :data="current" @done="reload" />
+    <!-- 导入弹窗 -->
+    <CreditXgxfImport v-model:visible="showImport" @done="reload" />
+  </a-page-header>
+</template>
+
+<script lang="ts" setup>
+  import { createVNode, ref } from 'vue';
+  import { message, Modal } from 'ant-design-vue';
+  import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
+  import type { EleProTable } from 'ele-admin-pro';
+  import { toDateString } from 'ele-admin-pro';
+  import type {
+    DatasourceFunction,
+    ColumnItem
+  } from 'ele-admin-pro/es/ele-pro-table/types';
+  import Search from '@/views/credit/components/CreditSearchToolbar.vue';
+  import { exportCreditData } from '../utils/export';
+  import { getPageTitle } from '@/utils/common';
+  import CreditXgxfEdit from './components/creditXgxfEdit.vue';
+  import CreditXgxfImport from './components/credit-xgxf-import.vue';
+  import {
+    pageCreditXgxf,
+    listCreditXgxf,
+    removeCreditXgxf,
+    removeBatchCreditXgxf
+  } from '@/api/credit/creditXgxf';
+  import type {
+    CreditXgxf,
+    CreditXgxfParam
+  } from '@/api/credit/creditXgxf/model';
+
+  // 表格实例
+  const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+  // 表格选中数据
+  const selection = ref<CreditXgxf[]>([]);
+  // 当前编辑数据
+  const current = ref<CreditXgxf | null>(null);
+  // 是否显示编辑弹窗
+  const showEdit = ref(false);
+  // 是否显示导入弹窗
+  const showImport = ref(false);
+  // 是否显示批量移动弹窗
+  const showMove = ref(false);
+  // 加载状态
+  const loading = ref(true);
+  // 搜索关键词
+  const searchText = ref('');
+
+  // 表格数据源
+  const datasource: DatasourceFunction = ({
+    page,
+    limit,
+    where = {},
+    orders,
+    filters
+  }) => {
+    const params: CreditXgxfParam = { ...where };
+    if (filters) {
+      (params as any).status = filters.status;
+    }
+    if (!params.keywords && searchText.value) {
+      params.keywords = searchText.value;
+    }
+    return pageCreditXgxf({
+      ...params,
+      ...orders,
+      page,
+      limit
+    });
+  };
+
+  // 关键信息列
+  const columns = ref<ColumnItem[]>([
+    {
+      title: 'ID',
+      dataIndex: 'id',
+      key: 'id',
+      width: 80
+    },
+    {
+      title: '数据类型',
+      dataIndex: 'dataType',
+      key: 'dataType',
+      ellipsis: true
+    },
+    {
+      title: '原告/上诉人',
+      dataIndex: 'plaintiffAppellant',
+      key: 'plaintiffAppellant',
+      ellipsis: true
+    },
+    {
+      title: '发生时间',
+      dataIndex: 'occurrenceTime',
+      key: 'occurrenceTime',
+      width: 120
+    },
+    {
+      title: '案号',
+      dataIndex: 'caseNumber',
+      key: 'caseNumber',
+      ellipsis: true
+    },
+    {
+      title: '案由',
+      dataIndex: 'causeOfAction',
+      key: 'causeOfAction',
+      ellipsis: true
+    },
+    {
+      title: '涉案金额',
+      dataIndex: 'involvedAmount',
+      key: 'involvedAmount',
+      width: 120
+    },
+    {
+      title: '法院',
+      dataIndex: 'courtName',
+      key: 'courtName',
+      ellipsis: true
+    },
+    {
+      title: '数据状态',
+      dataIndex: 'dataStatus',
+      key: 'dataStatus',
+      ellipsis: true
+    },
+    {
+      title: '创建时间',
+      dataIndex: 'createTime',
+      key: 'createTime',
+      width: 180,
+      align: 'center',
+      ellipsis: true,
+      customRender: ({ text }) => toDateString(text, 'yyyy-MM-dd HH:mm:ss')
+    },
+    {
+      title: '操作',
+      key: 'action',
+      width: 160,
+      fixed: 'right',
+      align: 'center',
+      hideInSetting: true
+    }
+  ]);
+
+  /* 搜索 */
+  const reload = (where?: CreditXgxfParam) => {
+    if (where && Object.prototype.hasOwnProperty.call(where, 'keywords')) {
+      searchText.value = where.keywords ?? '';
+    }
+    const targetWhere = where ?? { keywords: searchText.value || undefined };
+    selection.value = [];
+    tableRef?.value?.reload({ where: targetWhere });
+  };
+
+  /* 打开编辑弹窗 */
+  const openEdit = (row?: CreditXgxf) => {
+    current.value = row ?? null;
+    showEdit.value = true;
+  };
+
+  /* 打开批量移动弹窗 */
+  const openMove = () => {
+    showMove.value = true;
+  };
+
+  /* 打开导入弹窗 */
+  const openImport = () => {
+    showImport.value = true;
+  };
+
+  /* 导出 */
+  const exportData = () => {
+    exportCreditData<CreditXgxf>({
+      filename: '限制高消费',
+      columns: [
+        { title: 'ID', dataIndex: 'id' },
+        { title: '数据类型', dataIndex: 'dataType' },
+        { title: '原告/上诉人', dataIndex: 'plaintiffAppellant' },
+        { title: '发生时间', dataIndex: 'occurrenceTime' },
+        { title: '案号', dataIndex: 'caseNumber' },
+        { title: '案由', dataIndex: 'causeOfAction' },
+        { title: '涉案金额', dataIndex: 'involvedAmount' },
+        { title: '法院', dataIndex: 'courtName' },
+        { title: '数据状态', dataIndex: 'dataStatus' },
+        {
+          title: '创建时间',
+          dataIndex: 'createTime',
+          formatter: (record: CreditXgxf) =>
+            record.createTime
+              ? toDateString(record.createTime, 'yyyy-MM-dd HH:mm:ss')
+              : ''
+        }
+      ],
+      fetchData: () =>
+        listCreditXgxf({
+          keywords: searchText.value || undefined
+        })
+    });
+  };
+
+  /* 删除单个 */
+  const remove = (row: CreditXgxf) => {
+    const hide = message.loading('请求中..', 0);
+    removeCreditXgxf(row.id)
+      .then((msg) => {
+        hide();
+        message.success(msg);
+        reload();
+      })
+      .catch((e) => {
+        hide();
+        message.error(e.message);
+      });
+  };
+
+  /* 批量删除 */
+  const removeBatch = () => {
+    if (!selection.value.length) {
+      message.error('请至少选择一条数据');
+      return;
+    }
+    Modal.confirm({
+      title: '提示',
+      content: '确定要删除选中的记录吗?',
+      icon: createVNode(ExclamationCircleOutlined),
+      maskClosable: true,
+      onOk: () => {
+        const hide = message.loading('请求中..', 0);
+        removeBatchCreditXgxf(selection.value.map((d) => d.id))
+          .then((msg) => {
+            hide();
+            message.success(msg);
+            reload();
+          })
+          .catch((e) => {
+            hide();
+            message.error(e.message);
+          });
+      }
+    });
+  };
+
+  /* 查询 */
+  const query = () => {
+    loading.value = true;
+  };
+
+  /* 自定义行属性 */
+  const customRow = (record: CreditXgxf) => {
+    return {
+      // 行点击事件
+      onClick: () => {
+        // console.log(record);
+      },
+      // 行双击事件
+      onDblclick: () => {
+        openEdit(record);
+      }
+    };
+  };
+  query();
+</script>
+
+<script lang="ts">
+  export default {
+    name: 'CreditXgxf'
+  };
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/views/credit/utils/export.ts b/src/views/credit/utils/export.ts
new file mode 100644
index 0000000..2adeae8
--- /dev/null
+++ b/src/views/credit/utils/export.ts
@@ -0,0 +1,84 @@
+import { message } from 'ant-design-vue';
+import { utils, writeFile } from 'xlsx';
+
+export interface ExportColumn<T> {
+  title: string;
+  dataIndex: keyof T | string;
+  formatter?: (record: T) => unknown;
+}
+
+interface ExportOptions<T> {
+  filename: string;
+  columns: ExportColumn<T>[];
+  fetchData: () => Promise<T[]>;
+  beforeMessage?: string;
+  successMessage?: string;
+  /**
+   * 是否自动插入“企业名称(companyName)”列（默认：true）
+   * 用于 credit 模块子表导出统一补齐企业名称
+   */
+  includeCompanyName?: boolean;
+}
+
+export async function exportCreditData<T>({
+  filename,
+  columns,
+  fetchData,
+  beforeMessage,
+  successMessage,
+  includeCompanyName = true
+}: ExportOptions<T>) {
+  const hide = message.loading(beforeMessage || '正在导出数据...', 0);
+  try {
+    const list = await fetchData();
+    const normalizedColumns = [...columns];
+    if (
+      includeCompanyName &&
+      !normalizedColumns.some((c) => c.dataIndex === 'companyName')
+    ) {
+      const companyNameCol: ExportColumn<T> = {
+        title: '企业名称',
+        dataIndex: 'companyName'
+      };
+      if (
+        normalizedColumns.length > 0 &&
+        normalizedColumns[0].dataIndex === 'id'
+      ) {
+        normalizedColumns.splice(1, 0, companyNameCol);
+      } else {
+        normalizedColumns.unshift(companyNameCol);
+      }
+    }
+
+    const headerRow = normalizedColumns.map((col) => col.title);
+    const dataRows = (list || []).map((item) =>
+      normalizedColumns.map((col) => {
+        if (col.formatter) {
+          return col.formatter(item) ?? '';
+        }
+        const key = col.dataIndex as string;
+        return (item as any)?.[key] ?? '';
+      })
+    );
+
+    const sheetName = filename.replace(/\s+/g, '_');
+    const sheet = utils.aoa_to_sheet([headerRow, ...dataRows]);
+    sheet['!cols'] = normalizedColumns.map(() => ({ wch: 20 }));
+
+    const workbook = {
+      SheetNames: [sheetName],
+      Sheets: {
+        [sheetName]: sheet
+      }
+    };
+
+    writeFile(workbook, `${sheetName}.xlsx`);
+    hide();
+    message.success(
+      successMessage || `成功导出 ${list?.length ?? 0} 条记录`
+    );
+  } catch (e: any) {
+    hide();
+    message.error(e?.message || '导出失败，请重试');
+  }
+}
diff --git a/src/views/dormitory/Extra.vue b/src/views/dormitory/Extra.vue
new file mode 100644
index 0000000..ca57e69
--- /dev/null
+++ b/src/views/dormitory/Extra.vue
@@ -0,0 +1,52 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space style="flex-wrap: wrap; display: none;" v-if="hasRole('superAdmin') || hasRole('admin') || hasRole('foundation')">
+    <a-button
+      type="text"
+      @click="openUrl('/dormitory/building')"
+    >楼栋管理
+    </a-button
+    >
+    <a-button
+      type="text"
+      @click="openUrl('/dormitory/floor')"
+    >楼层管理
+    </a-button
+    >
+    <a-button
+      type="text"
+      @click="openUrl('/dormitory/record')"
+    >宿舍管理
+    </a-button
+    >
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+import {watch, nextTick} from 'vue';
+import {CmsWebsite} from '@/api/cms/cmsWebsite/model';
+import {openUrl} from "@/utils/common";
+import {hasAnyRole, hasPermission, hasRole} from "@/utils/permission";
+
+const props = withDefaults(
+  defineProps<{
+    // 选中的角色
+    selection?: [];
+    website?: CmsWebsite;
+    count?: 0;
+  }>(),
+  {}
+);
+
+nextTick(() => {
+  if (localStorage.getItem('NotActive')) {
+    // IsActive.value = false
+  }
+})
+
+watch(
+  () => props.selection,
+  () => {
+  }
+);
+</script>
diff --git a/src/views/dormitory/dashboard/components/search.vue b/src/views/dormitory/dashboard/components/search.vue
new file mode 100644
index 0000000..c893ea6
--- /dev/null
+++ b/src/views/dormitory/dashboard/components/search.vue
@@ -0,0 +1,100 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space style="flex-wrap: wrap">
+    <a-button
+      type="text"
+      @click="openUrl(`/website/field`)"
+    >字段扩展
+    </a-button>
+    <a-button
+      type="text"
+      @click="openUrl('/website/dict')"
+    >字典管理
+    </a-button>
+    <a-button
+      type="text"
+      @click="openUrl('/website/domain')"
+    >域名管理
+    </a-button
+    >
+    <a-button
+      type="text"
+      @click="openUrl('/website/model')"
+    >模型管理
+    </a-button
+    >
+    <a-button
+      type="text"
+      @click="openUrl('/website/form')"
+    >表单管理
+    </a-button
+    >
+    <a-button
+      type="text"
+      @click="openUrl('/website/lang')"
+    >国际化
+    </a-button
+    >
+    <a-button
+      type="text"
+      @click="openUrl('/website/setting')"
+    >网站设置
+    </a-button
+    >
+    <a-button
+      type="text"
+      class="ele-btn-icon"
+      @click="clearSiteInfoCache">
+      清除缓存
+    </a-button>
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+import {watch,nextTick} from 'vue';
+import {CmsWebsite} from '@/api/cms/cmsWebsite/model';
+import {openUrl} from "@/utils/common";
+import {message} from 'ant-design-vue';
+import {removeSiteInfoCache} from "@/api/cms/cmsWebsite";
+
+const props = withDefaults(
+  defineProps<{
+    // 选中的角色
+    selection?: [];
+    website?: CmsWebsite;
+    count?: 0;
+  }>(),
+  {}
+);
+
+const emit = defineEmits<{
+  (e: 'add'): void;
+}>();
+
+const add = () => {
+  emit('add');
+};
+
+// 清除缓存
+const clearSiteInfoCache = () => {
+  removeSiteInfoCache('SiteInfo:' + localStorage.getItem('TenantId') + "*").then(
+    (msg) => {
+      if (msg) {
+        message.success(msg);
+      }
+    }
+  );
+};
+
+nextTick(() => {
+  if(localStorage.getItem('NotActive')){
+    // IsActive.value = false
+  }
+})
+
+watch(
+  () => props.selection,
+  () => {
+  }
+);
+</script>
diff --git a/src/views/dormitory/dashboard/components/websiteEdit.vue b/src/views/dormitory/dashboard/components/websiteEdit.vue
new file mode 100644
index 0000000..d68758f
--- /dev/null
+++ b/src/views/dormitory/dashboard/components/websiteEdit.vue
@@ -0,0 +1,413 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑小程序' : '创建小程序'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    :confirm-loading="loading"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="Logo" name="avatar">
+        <SelectFile
+          :placeholder="`请选择图片`"
+          :limit="1"
+          :data="images"
+          @done="chooseImage"
+          @del="onDeleteItem"
+        />
+      </a-form-item>
+      <a-form-item label="账号类型" name="type">
+        {{ form.type }}
+      </a-form-item>
+      <a-form-item label="小程序名称" name="websiteName">
+        <a-input
+          allow-clear
+          placeholder="请输入小程序名称"
+          v-model:value="form.websiteName"
+        />
+      </a-form-item>
+      <a-form-item label="网站域名" name="domain" v-if="form.type  == 10">
+        <a-input
+          v-model:value="form.domain"
+          placeholder="huawei.com"
+        >
+          <template #addonBefore>
+            <a-select v-model:value="form.prefix" style="width: 90px">
+              <a-select-option value="http://">http://</a-select-option>
+              <a-select-option value="https://">https://</a-select-option>
+            </a-select>
+          </template>
+        </a-input>
+      </a-form-item>
+      <a-form-item label="AppId" name="websiteCode" v-if="form.type  == 20">
+        <a-input
+          allow-clear
+          placeholder="请输入AppId"
+          v-model:value="form.websiteCode"
+        />
+      </a-form-item>
+      <a-form-item label="小程序描述" name="comments">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="请输入小程序描述"
+          v-model:value="form.comments"
+        />
+      </a-form-item>
+      <a-form-item label="SEO关键词" name="keywords">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="请输入SEO关键词"
+          v-model:value="form.keywords"
+        />
+      </a-form-item>
+      <!--      <a-form-item label="全局样式" name="style">-->
+      <!--        <a-textarea-->
+      <!--          :rows="4"-->
+      <!--          :maxlength="200"-->
+      <!--          placeholder="全局样式"-->
+      <!--          v-model:value="form.style"-->
+      <!--        />-->
+      <!--      </a-form-item>-->
+      <!--      <a-form-item label="小程序类型" name="websiteType">-->
+      <!--        <a-select-->
+      <!--          :options="websiteType"-->
+      <!--          :value="form.websiteType"-->
+      <!--          placeholder="请选择主体类型"-->
+      <!--          @change="onCmsWebsiteType"-->
+      <!--        />-->
+      <!--      </a-form-item>-->
+      <!--      <a-form-item label="当前版本" name="version">-->
+      <!--        <a-tag color="red" v-if="form.version === 10">标准版</a-tag>-->
+      <!--        <a-tag color="green" v-if="form.version === 20">专业版</a-tag>-->
+      <!--        <a-tag color="cyan" v-if="form.version === 30">永久授权</a-tag>-->
+      <!--      </a-form-item>-->
+      <a-form-item label="状态" name="running">
+        <a-radio-group
+          v-model:value="form.running"
+          :disabled="form.running == 4 || form.running == 5"
+        >
+          <a-radio :value="1">运行中</a-radio>
+          <a-radio :value="2">维护中</a-radio>
+          <a-radio :value="3">已关闭</a-radio>
+        </a-radio-group>
+      </a-form-item>
+      <a-form-item v-if="form.running == 2" label="维护说明" name="statusText">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="状态说明"
+          v-model:value="form.statusText"
+        />
+      </a-form-item>
+      <!--      <a-divider style="margin-bottom: 24px" />-->
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+import {ref, reactive, watch} from 'vue';
+import {Form, message} from 'ant-design-vue';
+import {assignObject, uuid} from 'ele-admin-pro';
+import {addCmsWebsite, updateCmsWebsite} from '@/api/cms/cmsWebsite';
+import {CmsWebsite} from '@/api/cms/cmsWebsite/model';
+import {useThemeStore} from '@/store/modules/theme';
+import {storeToRefs} from 'pinia';
+import {FormInstance, type Rule} from 'ant-design-vue/es/form';
+import {ItemType} from 'ele-admin-pro/es/ele-image-upload/types';
+import {FileRecord} from '@/api/system/file/model';
+import {checkExistence} from '@/api/cms/cmsDomain';
+import {updateCmsDomain} from '@/api/cms/cmsDomain';
+import {updateTenant} from "@/api/system/tenant";
+
+// 是否是修改
+const isUpdate = ref(false);
+const useForm = Form.useForm;
+// 是否开启响应式布局
+const themeStore = useThemeStore();
+const {styleResponsive} = storeToRefs(themeStore);
+
+const props = defineProps<{
+  // 弹窗是否打开
+  visible: boolean;
+  // 修改回显的数据
+  data?: CmsWebsite | null;
+}>();
+
+const emit = defineEmits<{
+  (e: 'done'): void;
+  (e: 'update:visible', visible: boolean): void;
+}>();
+
+// 提交状态
+const loading = ref(false);
+// 是否显示最大化切换按钮
+const maxable = ref(true);
+// 表格选中数据
+const formRef = ref<FormInstance | null>(null);
+const images = ref<ItemType[]>([]);
+const websiteQrcode = ref<ItemType[]>([]);
+const oldDomain = ref();
+const files = ref<ItemType[]>([]);
+
+// 用户信息
+const form = reactive<CmsWebsite>({
+  websiteId: undefined,
+  websiteLogo: undefined,
+  websiteName: undefined,
+  websiteCode: undefined,
+  type: 20,
+  files: undefined,
+  keywords: '',
+  prefix: '',
+  domain: '',
+  adminUrl: '',
+  style: '',
+  icpNo: undefined,
+  email: undefined,
+  version: undefined,
+  websiteType: '',
+  running: 1,
+  expirationTime: undefined,
+  sortNumber: undefined,
+  comments: undefined,
+  status: undefined,
+  statusText: undefined
+});
+
+/* 更新visible */
+const updateVisible = (value: boolean) => {
+  emit('update:visible', value);
+};
+
+// 表单验证规则
+const rules = reactive({
+  // comments: [
+  //   {
+  //     required: true,
+  //     type: 'string',
+  //     message: '请填写小程序描述',
+  //     trigger: 'blur'
+  //   }
+  // ],
+  keywords: [
+    {
+      required: true,
+      type: 'string',
+      message: '请填写SEO关键词',
+      trigger: 'blur'
+    }
+  ],
+  running: [
+    {
+      required: true,
+      type: 'number',
+      message: '请选择小程序状态',
+      trigger: 'change'
+    }
+  ],
+  domain: [
+    {
+      required: true,
+      type: 'string',
+      message: '请填写小程序域名',
+      trigger: 'blur'
+    }
+  ],
+  websiteCode: [
+    {
+      required: true,
+      type: 'string',
+      message: '请填写小程序码',
+      trigger: 'blur'
+    }
+  ],
+  // websiteCode: [
+  //   {
+  //     required: true,
+  //     type: 'string',
+  //     message: '该域名已被使用',
+  //     validator: (_rule: Rule, value: string) => {
+  //       return new Promise<void>((resolve, reject) => {
+  //         if (!value) {
+  //           return reject('请输入二级域名');
+  //         }
+  //         checkExistence('domain', `${value}.wsdns.cn`)
+  //           .then(() => {
+  //             if (value === oldDomain.value) {
+  //               return resolve();
+  //             }
+  //             reject('已存在');
+  //           })
+  //           .catch(() => {
+  //             resolve();
+  //           });
+  //       });
+  //     },
+  //     trigger: 'blur'
+  //   }
+  // ],
+  adminUrl: [
+    {
+      required: true,
+      type: 'string',
+      message: '请填写小程序后台管理地址',
+      trigger: 'blur'
+    }
+  ],
+  icpNo: [
+    {
+      required: true,
+      type: 'string',
+      message: '请填写ICP备案号',
+      trigger: 'blur'
+    }
+  ],
+  appSecret: [
+    {
+      required: true,
+      type: 'string',
+      message: '请填写小程序秘钥',
+      trigger: 'blur'
+    }
+  ],
+  websiteName: [
+    {
+      required: true,
+      type: 'string',
+      message: '请填写小程序信息名称',
+      trigger: 'blur'
+    }
+  ]
+});
+
+const chooseImage = (data: FileRecord) => {
+  images.value.push({
+    uid: data.id,
+    url: data.path,
+    status: 'done'
+  });
+  form.websiteLogo = data.downloadUrl;
+};
+
+const onDeleteItem = (index: number) => {
+  images.value.splice(index, 1);
+  form.websiteLogo = '';
+};
+
+const chooseFile = (data: FileRecord) => {
+  form.websiteCode = data.url;
+  files.value.push({
+    uid: data.id,
+    url: data.url,
+    status: 'done'
+  });
+};
+
+const onDeleteFile = (index: number) => {
+  files.value.splice(index, 1);
+};
+
+// const onWebsiteType = (text: string) => {
+//   form.websiteType = text;
+// };
+
+const {resetFields} = useForm(form, rules);
+
+/* 保存编辑 */
+const save = () => {
+  if (!formRef.value) {
+    return;
+  }
+  formRef.value
+    .validate()
+    .then(() => {
+      loading.value = true;
+      const saveOrUpdate = isUpdate.value ? updateCmsWebsite : addCmsWebsite;
+      if (!isUpdate.value) {
+        updateVisible(false);
+        message.loading('创建过程中请勿刷新页面！', 0)
+      }
+      const formData = {
+        ...form,
+        type: 20,
+        adminUrl: `mp.websoft.top`,
+        files: JSON.stringify(files.value),
+      };
+      saveOrUpdate(formData)
+        .then((msg) => {
+          loading.value = false;
+          updateVisible(false);
+          updateCmsDomain({
+            websiteId: form.websiteId,
+            domain: `${localStorage.getItem('TenantId')}.shoplnk.cn`
+          });
+          updateTenant({
+            tenantName: `${form.websiteName}`
+          }).then(() => {
+          })
+          localStorage.setItem('Domain', `${form.websiteCode}.shoplnk.cn`);
+          localStorage.setItem('WebsiteId', `${form.websiteId}`);
+          localStorage.setItem('WebsiteName', `${form.websiteName}`);
+          message.destroy();
+          message.success(msg);
+          // window.location.reload();
+          emit('done');
+        })
+        .catch((e) => {
+          loading.value = false;
+          message.destroy();
+          message.error(e.message);
+        });
+    })
+    .catch(() => {
+    });
+};
+
+watch(
+  () => props.visible,
+  (visible) => {
+    if (visible) {
+      images.value = [];
+      files.value = [];
+      websiteQrcode.value = [];
+      if (props.data?.websiteId) {
+        assignObject(form, props.data);
+        if (props.data.websiteLogo) {
+          images.value.push({
+            uid: uuid(),
+            url: props.data.websiteLogo,
+            status: 'done'
+          });
+        }
+        if (props.data.files) {
+          files.value = JSON.parse(props.data.files);
+        }
+        if (props.data.websiteCode) {
+          oldDomain.value = props.data.websiteCode;
+        }
+        isUpdate.value = true;
+      } else {
+        isUpdate.value = false;
+      }
+    } else {
+      resetFields();
+    }
+  },
+  {immediate: true}
+);
+</script>
diff --git a/src/views/dormitory/dashboard/index.vue b/src/views/dormitory/dashboard/index.vue
new file mode 100644
index 0000000..ee301c0
--- /dev/null
+++ b/src/views/dormitory/dashboard/index.vue
@@ -0,0 +1,295 @@
+<template>
+  <a-page-header :show-back="false">
+    <a-row :gutter="16">
+      <!-- 应用基本信息卡片 -->
+      <a-col :span="24" style="margin-bottom: 16px">
+        <a-card title="概况" :bordered="false">
+          <a-row :gutter="16">
+            <a-col :span="6">
+              <a-image
+                :width="80"
+                :height="80"
+                :preview="false"
+                style="border-radius: 8px"
+                :src="siteStore.logo"
+                fallback="/logo.png"
+              />
+            </a-col>
+            <a-col :span="14">
+              <div class="system-info">
+                <h2 class="ele-text-heading cursor-pointer" @click="$router.push('/website/index')">{{ siteStore.appName }}</h2>
+                <p class="ele-text-secondary">{{ siteStore.description }}</p>
+                <a-space>
+                  <a-tag color="green">{{ siteStore.statusText }}</a-tag>
+                  <a-tag color="blue" v-if="siteStore.version">{{ siteStore.version }}</a-tag>
+                  <a-popover title="小程序码" v-if="siteStore.mpQrCode">
+                    <template #content>
+                      <p><img :src="siteStore.mpQrCode" alt="小程序码" width="300" height="300"></p>
+                    </template>
+                    <a-tag>
+                      <QrcodeOutlined/>
+                    </a-tag>
+                  </a-popover>
+                </a-space>
+              </div>
+            </a-col>
+            <a-col :span="3">
+              <div class="flex justify-center items-center h-full w-full">
+
+              </div>
+            </a-col>
+          </a-row>
+        </a-card>
+      </a-col>
+
+      <!-- 统计数据卡片 -->
+      <a-col :span="6">
+        <a-card :bordered="false" class="stat-card">
+          <a-statistic
+            title="楼栋"
+            :value="userCount"
+            :value-style="{ color: '#3f8600' }"
+            :loading="loading"
+          >
+            <template #prefix>
+              <UserOutlined/>
+            </template>
+          </a-statistic>
+        </a-card>
+      </a-col>
+
+      <a-col :span="6">
+        <a-card :bordered="false" class="stat-card">
+          <a-statistic
+            title="宿舍"
+            :value="orderCount"
+            :value-style="{ color: '#1890ff' }"
+            :loading="loading"
+          >
+            <template #prefix>
+              <AccountBookOutlined/>
+            </template>
+          </a-statistic>
+        </a-card>
+      </a-col>
+
+      <a-col :span="6">
+        <a-card :bordered="false" class="stat-card">
+          <a-statistic
+            title="学生"
+            :value="totalSales"
+            :value-style="{ color: '#cf1322' }"
+            :loading="loading"
+          >
+            <template #prefix>
+              <MoneyCollectOutlined/>
+            </template>
+          </a-statistic>
+        </a-card>
+      </a-col>
+
+      <a-col :span="6">
+        <a-card :bordered="false" class="stat-card">
+          <a-statistic
+            title="待审批"
+            :value="runDays"
+            suffix="天"
+            :value-style="{ color: '#722ed1' }"
+            :loading="loading"
+          >
+            <template #prefix>
+              <ClockCircleOutlined/>
+            </template>
+          </a-statistic>
+        </a-card>
+      </a-col>
+
+      <!-- 系统基本信息 -->
+      <a-col :span="12">
+        <a-card title="基本信息" :bordered="false">
+          <a-descriptions :column="1" size="small">
+            <a-descriptions-item label="系统名称">
+              {{ systemInfo.name }}
+            </a-descriptions-item>
+            <a-descriptions-item label="版本号">
+              {{ systemInfo.version }}
+            </a-descriptions-item>
+            <a-descriptions-item label="部署环境">
+              {{ systemInfo.environment }}
+            </a-descriptions-item>
+            <a-descriptions-item label="数据库">
+              {{ systemInfo.database }}
+            </a-descriptions-item>
+            <a-descriptions-item label="服务器">
+              {{ systemInfo.server }}
+            </a-descriptions-item>
+            <a-descriptions-item label="创建时间">
+              {{ siteInfo?.createTime }}
+            </a-descriptions-item>
+            <a-descriptions-item label="到期时间">
+              {{ siteInfo?.expirationTime }}
+            </a-descriptions-item>
+            <a-descriptions-item label="技术支持">
+              <span class="cursor-pointer" @click="openNew(`https://websoft.top`)">网宿软件</span>
+            </a-descriptions-item>
+          </a-descriptions>
+        </a-card>
+      </a-col>
+
+      <!-- 快捷操作 -->
+      <a-col :span="12">
+        <a-card title="快捷操作" :bordered="false" style="min-height: 353px">
+          <a-space direction="vertical" style="width: 100%">
+            <a-button type="primary" block @click="$router.push('/website/field')" :loading="loading">
+              <UngroupOutlined/>
+              参数配置
+            </a-button>
+            <a-button block @click="$router.push('/shopOrder')">
+              <CalendarOutlined/>
+              订单管理
+            </a-button>
+            <a-button block @click="$router.push('/system/user')">
+              <UserOutlined/>
+              用户管理
+            </a-button>
+            <a-button block @click="$router.push('/website/index')">
+              <ShopOutlined/>
+              站点管理
+            </a-button>
+<!--            <a-button block @click="refreshStatistics" :loading="loading">-->
+<!--              <ReloadOutlined/>-->
+<!--              刷新统计-->
+<!--            </a-button>-->
+            <a-button block @click="$router.push('/system/login-record')">
+              <FileTextOutlined/>
+              登录日志
+            </a-button>
+            <a-button block @click="clearSiteInfoCache">
+              <ClearOutlined/>
+              清除缓存
+            </a-button>
+<!--            <a-button block @click="$router.push('/system/setting')">-->
+<!--              <SettingOutlined/>-->
+<!--              系统设置-->
+<!--            </a-button>-->
+          </a-space>
+        </a-card>
+      </a-col>
+    </a-row>
+  </a-page-header>
+</template>
+
+<script lang="ts" setup>
+import {ref, onMounted, onUnmounted, computed} from 'vue';
+import {
+  UserOutlined,
+  CalendarOutlined,
+  QrcodeOutlined,
+  ShopOutlined,
+  ClockCircleOutlined,
+  AccountBookOutlined,
+  FileTextOutlined,
+  ClearOutlined,
+  UngroupOutlined,
+  MoneyCollectOutlined
+} from '@ant-design/icons-vue';
+import {message} from 'ant-design-vue/es';
+import {openNew} from "@/utils/common";
+import {useSiteStore} from '@/store/modules/site';
+import {useStatisticsStore} from '@/store/modules/statistics';
+import {storeToRefs} from 'pinia';
+import {removeSiteInfoCache} from "@/api/cms/cmsWebsite";
+
+// 使用状态管理
+const siteStore = useSiteStore();
+const statisticsStore = useStatisticsStore();
+
+// 从 store 中获取响应式数据
+const {siteInfo, loading: siteLoading} = storeToRefs(siteStore);
+const {loading: statisticsLoading} = storeToRefs(statisticsStore);
+
+// 系统信息
+const systemInfo = ref({
+  name: '小程序开发',
+  description: '基于Spring、SpringBoot、SpringMVC等技术栈构建的前后端分离开发平台',
+  version: '2.0.0',
+  status: '运行中',
+  logo: '/logo.png',
+  environment: '生产环境',
+  database: 'MySQL 8.0',
+  server: 'Linux CentOS 7.9',
+  expirationTime: '2024-01-01 09:00:00'
+});
+
+// 计算属性
+const runDays = computed(() => siteStore.runDays);
+const userCount = computed(() => statisticsStore.userCount);
+const orderCount = computed(() => statisticsStore.orderCount);
+const totalSales = computed(() => statisticsStore.totalSales);
+
+// 加载状态
+const loading = computed(() => siteLoading.value || statisticsLoading.value);
+
+// 清除缓存
+const clearSiteInfoCache = () => {
+  removeSiteInfoCache('SiteInfo:' + localStorage.getItem('TenantId')).then(
+    (msg) => {
+      if (msg) {
+        message.success(msg);
+      }
+    }
+  );
+};
+
+// 刷新统计数据
+const refreshStatistics = async () => {
+  try {
+    await statisticsStore.forceRefresh();
+    message.success('统计数据刷新成功');
+  } catch (error) {
+    console.error('刷新统计数据失败:', error);
+    message.error('刷新统计数据失败');
+  }
+};
+
+onMounted(async () => {
+  // 加载网站信息和统计数据
+  try {
+    await Promise.all([
+      siteStore.fetchSiteInfo(),
+      statisticsStore.fetchStatistics()
+    ]);
+
+    // 开始自动刷新统计数据（每5分钟）
+    statisticsStore.startAutoRefresh();
+  } catch (error) {
+    console.error('加载数据失败:', error);
+  }
+});
+
+onUnmounted(() => {
+  // 组件卸载时停止自动刷新
+  statisticsStore.stopAutoRefresh();
+});
+</script>
+
+<style scoped>
+.system-info h2 {
+  margin-bottom: 8px;
+}
+
+.stat-card {
+  text-align: center;
+  margin-bottom: 16px;
+}
+
+.stat-card :deep(.ant-statistic-title) {
+  font-size: 14px;
+  color: #666;
+}
+
+.stat-card :deep(.ant-statistic-content) {
+  font-size: 24px;
+  font-weight: 600;
+}
+</style>
diff --git a/src/views/dormitory/dormitoryApply/components/dormitoryApplyEdit.vue b/src/views/dormitory/dormitoryApply/components/dormitoryApplyEdit.vue
new file mode 100644
index 0000000..6ed64aa
--- /dev/null
+++ b/src/views/dormitory/dormitoryApply/components/dormitoryApplyEdit.vue
@@ -0,0 +1,307 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '审批管理' : '办理入住'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="类型" name="type">
+        <a-input
+          allow-clear
+          placeholder="请输入类型"
+          v-model:value="form.type"
+        />
+      </a-form-item>
+      <a-form-item label="用户ID" name="userId">
+        <a-input
+          allow-clear
+          placeholder="请输入用户ID"
+          v-model:value="form.userId"
+        />
+      </a-form-item>
+      <a-form-item label="姓名" name="realName">
+        <a-input
+          allow-clear
+          placeholder="请输入姓名"
+          v-model:value="form.realName"
+        />
+      </a-form-item>
+      <a-form-item label="手机号" name="mobile">
+        <a-input
+          allow-clear
+          placeholder="请输入手机号"
+          v-model:value="form.mobile"
+        />
+      </a-form-item>
+      <a-form-item label="客户名称" name="dealerName">
+        <a-input
+          allow-clear
+          placeholder="请输入客户名称"
+          v-model:value="form.dealerName"
+        />
+      </a-form-item>
+      <a-form-item label="客户编号" name="dealerCode">
+        <a-input
+          allow-clear
+          placeholder="请输入客户编号"
+          v-model:value="form.dealerCode"
+        />
+      </a-form-item>
+      <a-form-item label="详细地址" name="address">
+        <a-input
+          allow-clear
+          placeholder="请输入详细地址"
+          v-model:value="form.address"
+        />
+      </a-form-item>
+      <a-form-item label="签约价格" name="money">
+        <a-input
+          allow-clear
+          placeholder="请输入签约价格"
+          v-model:value="form.money"
+        />
+      </a-form-item>
+      <a-form-item label="推荐人用户" name="refereeId">
+        <a-input
+          allow-clear
+          placeholder="请输入推荐人用户ID"
+          v-model:value="form.refereeId"
+        />
+      </a-form-item>
+      <a-form-item label="申请方式" name="applyType">
+        <a-input
+          allow-clear
+          placeholder="请输入申请方式"
+          v-model:value="form.applyType"
+        />
+      </a-form-item>
+      <a-form-item label="审核状态" name="applyStatus">
+        <a-input
+          allow-clear
+          placeholder="请输入审核状态"
+          v-model:value="form.applyStatus"
+        />
+      </a-form-item>
+      <a-form-item label="申请时间" name="applyTime">
+        <a-input
+          allow-clear
+          placeholder="请输入申请时间"
+          v-model:value="form.applyTime"
+        />
+      </a-form-item>
+      <a-form-item label="审核时间" name="auditTime">
+        <a-input
+          allow-clear
+          placeholder="请输入审核时间"
+          v-model:value="form.auditTime"
+        />
+      </a-form-item>
+      <a-form-item label="合同时间" name="contractTime">
+        <a-input
+          allow-clear
+          placeholder="请输入合同时间"
+          v-model:value="form.contractTime"
+        />
+      </a-form-item>
+      <a-form-item label="过期时间" name="expirationTime">
+        <a-input
+          allow-clear
+          placeholder="请输入过期时间"
+          v-model:value="form.expirationTime"
+        />
+      </a-form-item>
+      <a-form-item label="驳回原因" name="rejectReason">
+        <a-input
+          allow-clear
+          placeholder="请输入驳回原因"
+          v-model:value="form.rejectReason"
+        />
+      </a-form-item>
+      <a-form-item label="备注" name="comments">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="请输入描述"
+          v-model:value="form.comments"
+        />
+      </a-form-item>
+      <a-form-item label="修改时间" name="updateTime">
+        <a-input
+          allow-clear
+          placeholder="请输入修改时间"
+          v-model:value="form.updateTime"
+        />
+      </a-form-item>
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, watch } from 'vue';
+  import { Form, message } from 'ant-design-vue';
+  import { assignObject, uuid } from 'ele-admin-pro';
+  import { addDormitoryApply, updateDormitoryApply } from '@/api/dormitory/dormitoryApply';
+  import { DormitoryApply } from '@/api/dormitory/dormitoryApply/model';
+  import { useThemeStore } from '@/store/modules/theme';
+  import { storeToRefs } from 'pinia';
+  import { ItemType } from 'ele-admin-pro/es/ele-image-upload/types';
+  import { FormInstance } from 'ant-design-vue/es/form';
+  import { FileRecord } from '@/api/system/file/model';
+
+  // 是否是修改
+  const isUpdate = ref(false);
+  const useForm = Form.useForm;
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: DormitoryApply | null;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  // 提交状态
+  const loading = ref(false);
+  // 是否显示最大化切换按钮
+  const maxable = ref(true);
+  // 表格选中数据
+  const formRef = ref<FormInstance | null>(null);
+  const images = ref<ItemType[]>([]);
+
+  // 用户信息
+  const form = reactive<DormitoryApply>({
+    id: undefined,
+    type: undefined,
+    userId: undefined,
+    realName: undefined,
+    mobile: undefined,
+    dealerName: undefined,
+    dealerCode: undefined,
+    address: undefined,
+    money: undefined,
+    refereeId: undefined,
+    applyType: undefined,
+    applyStatus: undefined,
+    applyTime: undefined,
+    auditTime: undefined,
+    contractTime: undefined,
+    expirationTime: undefined,
+    rejectReason: undefined,
+    comments: undefined,
+    tenantId: undefined,
+    createTime: undefined,
+    updateTime: undefined,
+    dormitoryApplyId: undefined,
+    dormitoryApplyName: '',
+    status: 0,
+    comments: '',
+    sortNumber: 100
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    dormitoryApplyName: [
+      {
+        required: true,
+        type: 'string',
+        message: '请填写审批管理名称',
+        trigger: 'blur'
+      }
+    ]
+  });
+
+  const chooseImage = (data: FileRecord) => {
+    images.value.push({
+      uid: data.id,
+      url: data.path,
+      status: 'done'
+    });
+    form.image = data.path;
+  };
+
+  const onDeleteItem = (index: number) => {
+    images.value.splice(index, 1);
+    form.image = '';
+  };
+
+  const { resetFields } = useForm(form, rules);
+
+  /* 保存编辑 */
+  const save = () => {
+    if (!formRef.value) {
+      return;
+    }
+    formRef.value
+      .validate()
+      .then(() => {
+        loading.value = true;
+        const formData = {
+          ...form
+        };
+        const saveOrUpdate = isUpdate.value ? updateDormitoryApply : addDormitoryApply;
+        saveOrUpdate(formData)
+          .then((msg) => {
+            loading.value = false;
+            message.success(msg);
+            updateVisible(false);
+            emit('done');
+          })
+          .catch((e) => {
+            loading.value = false;
+            message.error(e.message);
+          });
+      })
+      .catch(() => {});
+  };
+
+  watch(
+    () => props.visible,
+    (visible) => {
+      if (visible) {
+        images.value = [];
+        if (props.data) {
+          assignObject(form, props.data);
+          if(props.data.image){
+            images.value.push({
+              uid: uuid(),
+              url: props.data.image,
+              status: 'done'
+            })
+          }
+          isUpdate.value = true;
+        } else {
+          isUpdate.value = false;
+        }
+      } else {
+        resetFields();
+      }
+    },
+    { immediate: true }
+  );
+</script>
diff --git a/src/views/dormitory/dormitoryApply/components/search.vue b/src/views/dormitory/dormitoryApply/components/search.vue
new file mode 100644
index 0000000..82fea9d
--- /dev/null
+++ b/src/views/dormitory/dormitoryApply/components/search.vue
@@ -0,0 +1,42 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+    <a-button type="primary" class="ele-btn-icon" @click="add">
+      <template #icon>
+        <PlusOutlined />
+      </template>
+      <span>添加</span>
+    </a-button>
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+  import { PlusOutlined } from '@ant-design/icons-vue';
+  import type { GradeParam } from '@/api/user/grade/model';
+  import { watch } from 'vue';
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的角色
+      selection?: [];
+    }>(),
+    {}
+  );
+
+  const emit = defineEmits<{
+    (e: 'search', where?: GradeParam): void;
+    (e: 'add'): void;
+    (e: 'remove'): void;
+    (e: 'batchMove'): void;
+  }>();
+
+  // 新增
+  const add = () => {
+    emit('add');
+  };
+
+  watch(
+    () => props.selection,
+    () => {}
+  );
+</script>
diff --git a/src/views/dormitory/dormitoryApply/index.vue b/src/views/dormitory/dormitoryApply/index.vue
new file mode 100644
index 0000000..8fc9368
--- /dev/null
+++ b/src/views/dormitory/dormitoryApply/index.vue
@@ -0,0 +1,292 @@
+<template>
+  <a-page-header :title="getPageTitle()" @back="() => $router.go(-1)">
+    <a-card :bordered="false" :body-style="{ padding: '16px' }">
+      <ele-pro-table
+        ref="tableRef"
+        row-key="id"
+        :columns="columns"
+        :datasource="datasource"
+        :customRow="customRow"
+        tool-class="ele-toolbar-form"
+        class="sys-org-table"
+      >
+        <template #toolbar>
+          <search
+            @search="reload"
+            :selection="selection"
+            @add="openEdit"
+            @remove="removeBatch"
+            @batchMove="openMove"
+          />
+        </template>
+        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'image'">
+            <a-image :src="record.image" :width="50"/>
+          </template>
+          <template v-if="column.key === 'status'">
+            <a-tag v-if="record.status === 0" color="green">显示</a-tag>
+            <a-tag v-if="record.status === 1" color="red">隐藏</a-tag>
+          </template>
+          <template v-if="column.key === 'action'">
+            <a-space>
+              <a @click="openEdit(record)">修改</a>
+              <a-divider type="vertical"/>
+              <a-popconfirm
+                title="确定要删除此记录吗？"
+                @confirm="remove(record)"
+              >
+                <a class="ele-text-danger">删除</a>
+              </a-popconfirm>
+            </a-space>
+          </template>
+        </template>
+      </ele-pro-table>
+    </a-card>
+
+    <!-- 编辑弹窗 -->
+    <DormitoryApplyEdit v-model:visible="showEdit" :data="current" @done="reload"/>
+  </a-page-header>
+</template>
+
+<script lang="ts" setup>
+import {createVNode, ref} from 'vue';
+import {message, Modal} from 'ant-design-vue';
+import {ExclamationCircleOutlined} from '@ant-design/icons-vue';
+import type {EleProTable} from 'ele-admin-pro';
+import {toDateString} from 'ele-admin-pro';
+import type {
+  DatasourceFunction,
+  ColumnItem
+} from 'ele-admin-pro/es/ele-pro-table/types';
+import Search from './components/search.vue';
+import DormitoryApplyEdit from './components/dormitoryApplyEdit.vue';
+import {pageDormitoryApply, removeDormitoryApply, removeBatchDormitoryApply} from '@/api/dormitory/dormitoryApply';
+import type {DormitoryApply, DormitoryApplyParam} from '@/api/dormitory/dormitoryApply/model';
+import {getPageTitle} from "@/utils/common";
+
+// 表格实例
+const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+// 表格选中数据
+const selection = ref<DormitoryApply[]>([]);
+// 当前编辑数据
+const current = ref<DormitoryApply | null>(null);
+// 是否显示编辑弹窗
+const showEdit = ref(false);
+// 是否显示批量移动弹窗
+const showMove = ref(false);
+// 加载状态
+const loading = ref(true);
+
+// 表格数据源
+const datasource: DatasourceFunction = ({
+                                          page,
+                                          limit,
+                                          where,
+                                          orders,
+                                          filters
+                                        }) => {
+  if (filters) {
+    where.status = filters.status;
+  }
+  return pageDormitoryApply({
+    ...where,
+    ...orders,
+    page,
+    limit
+  });
+};
+
+// 表格列配置
+const columns = ref<ColumnItem[]>([
+  {
+    title: '学号',
+    dataIndex: 'userId',
+    key: 'userId',
+    align: 'center',
+    width: 90,
+  },
+  {
+    title: '姓名',
+    dataIndex: 'realName',
+    key: 'realName',
+    align: 'center',
+  },
+  {
+    title: '手机号',
+    dataIndex: 'mobile',
+    key: 'mobile',
+    align: 'center',
+  },
+  {
+    title: '宿舍号',
+    dataIndex: 'recordName',
+    key: 'recordName',
+    align: 'center',
+  },
+  {
+    title: '床铺号',
+    dataIndex: 'bedName',
+    key: 'bedName',
+    align: 'center',
+  },
+  // {
+  //   title: '操作人员',
+  //   dataIndex: 'refereeName',
+  //   key: 'refereeName',
+  //   align: 'center',
+  // },
+  // {
+  //   title: '申请方式(10需后台审核 20无需审核)',
+  //   dataIndex: 'applyType',
+  //   key: 'applyType',
+  //   align: 'center',
+  // },
+  {
+    title: '审核状态',
+    dataIndex: 'applyStatus',
+    key: 'applyStatus',
+    align: 'center',
+  },
+  // {
+  //   title: '申请时间',
+  //   dataIndex: 'applyTime',
+  //   key: 'applyTime',
+  //   align: 'center',
+  // },
+  // {
+  //   title: '审核时间',
+  //   dataIndex: 'auditTime',
+  //   key: 'auditTime',
+  //   align: 'center',
+  // },
+  // {
+  //   title: '合同时间',
+  //   dataIndex: 'contractTime',
+  //   key: 'contractTime',
+  //   align: 'center',
+  // },
+  // {
+  //   title: '过期时间',
+  //   dataIndex: 'expirationTime',
+  //   key: 'expirationTime',
+  //   align: 'center',
+  // },
+  {
+    title: '驳回原因',
+    dataIndex: 'rejectReason',
+    key: 'rejectReason',
+    align: 'center',
+  },
+  // {
+  //   title: '备注',
+  //   dataIndex: 'comments',
+  //   key: 'comments',
+  //   align: 'center',
+  // },
+  {
+    title: '创建时间',
+    dataIndex: 'createTime',
+    key: 'createTime',
+    align: 'center',
+    sorter: true,
+    ellipsis: true,
+    customRender: ({text}) => toDateString(text, 'yyyy-MM-dd HH:mm:ss')
+  },
+  {
+    title: '操作',
+    key: 'action',
+    width: 180,
+    fixed: 'right',
+    align: 'center',
+    hideInSetting: true
+  }
+]);
+
+/* 搜索 */
+const reload = (where?: DormitoryApplyParam) => {
+  selection.value = [];
+  tableRef?.value?.reload({where: where});
+};
+
+/* 打开编辑弹窗 */
+const openEdit = (row?: DormitoryApply) => {
+  current.value = row ?? null;
+  showEdit.value = true;
+};
+
+/* 打开批量移动弹窗 */
+const openMove = () => {
+  showMove.value = true;
+};
+
+/* 删除单个 */
+const remove = (row: DormitoryApply) => {
+  const hide = message.loading('请求中..', 0);
+  removeDormitoryApply(row.id)
+    .then((msg) => {
+      hide();
+      message.success(msg);
+      reload();
+    })
+    .catch((e) => {
+      hide();
+      message.error(e.message);
+    });
+};
+
+/* 批量删除 */
+const removeBatch = () => {
+  if (!selection.value.length) {
+    message.error('请至少选择一条数据');
+    return;
+  }
+  Modal.confirm({
+    title: '提示',
+    content: '确定要删除选中的记录吗?',
+    icon: createVNode(ExclamationCircleOutlined),
+    maskClosable: true,
+    onOk: () => {
+      const hide = message.loading('请求中..', 0);
+      removeBatchDormitoryApply(selection.value.map((d) => d.id))
+        .then((msg) => {
+          hide();
+          message.success(msg);
+          reload();
+        })
+        .catch((e) => {
+          hide();
+          message.error(e.message);
+        });
+    }
+  });
+};
+
+/* 查询 */
+const query = () => {
+  loading.value = true;
+};
+
+/* 自定义行属性 */
+const customRow = (record: DormitoryApply) => {
+  return {
+    // 行点击事件
+    onClick: () => {
+      // console.log(record);
+    },
+    // 行双击事件
+    onDblclick: () => {
+      openEdit(record);
+    }
+  };
+};
+query();
+</script>
+
+<script lang="ts">
+export default {
+  name: 'DormitoryApply'
+};
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/views/dormitory/dormitoryBed/components/dormitoryBedEdit.vue b/src/views/dormitory/dormitoryBed/components/dormitoryBedEdit.vue
new file mode 100644
index 0000000..ba27d02
--- /dev/null
+++ b/src/views/dormitory/dormitoryBed/components/dormitoryBedEdit.vue
@@ -0,0 +1,244 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑床铺' : '添加床铺'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="床铺编号" name="name">
+        <a-input
+          allow-clear
+          placeholder="请输入宿舍名称"
+          v-model:value="form.name"
+        />
+      </a-form-item>
+<!--      <a-form-item label="编号" name="code">-->
+<!--        <a-input-->
+<!--          allow-clear-->
+<!--          placeholder="请输入编号"-->
+<!--          v-model:value="form.code"-->
+<!--        />-->
+<!--      </a-form-item>-->
+      <a-form-item label="上下铺" name="bunk">
+        <a-radio-group v-model:value="form.bunk">
+          <a-radio :value="0">下铺</a-radio>
+          <a-radio :value="1">上铺</a-radio>
+        </a-radio-group>
+      </a-form-item>
+      <a-form-item label="学生姓名" name="realName">
+        <div class="flex w-full justify-between gap-2">
+          <a-input
+            allow-clear
+            placeholder="请选择学生"
+            disabled
+            v-model:value="form.realName"
+          />
+<!--          <a-tooltip :title="`选择学生`">-->
+<!--            <SelectStudent-->
+<!--              :placeholder="`选择学生`"-->
+<!--              class="form-item"-->
+<!--              v-model:value="form.realName"-->
+<!--              @done="chooseStudent"-->
+<!--            />-->
+<!--          </a-tooltip>-->
+        </div>
+      </a-form-item>
+      <a-form-item label="联系电话" name="phone">
+        <a-input
+          allow-clear
+          disabled
+          placeholder="请输入学生联系电话"
+          v-model:value="form.phone"
+        />
+      </a-form-item>
+      <a-form-item label="照片" name="avatar">
+        <a-image :src="form.avatar || 'https://oss.wsdns.cn/20251003/bf67047afe244ab0b159d836704baf1e.png'" :preview="false" :width="120" :height="160" />
+      </a-form-item>
+<!--      <a-form-item label="充电口" name="chargingPort">-->
+<!--        <a-input-->
+<!--          allow-clear-->
+<!--          placeholder="请输入充电口"-->
+<!--          v-model:value="form.chargingPort"-->
+<!--        />-->
+<!--      </a-form-item>-->
+      <a-form-item label="排序" name="sortNumber">
+        <a-input-number
+          :min="0"
+          :max="9999"
+          class="ele-fluid"
+          placeholder="请输入排序号"
+          v-model:value="form.sortNumber"
+        />
+      </a-form-item>
+      <a-form-item label="备注" name="comments">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="请输入描述"
+          v-model:value="form.comments"
+        />
+      </a-form-item>
+      <a-form-item label="状态" name="status">
+        <a-radio-group v-model:value="form.status">
+          <a-radio :value="0">正常</a-radio>
+          <a-radio :value="1">损坏</a-radio>
+        </a-radio-group>
+      </a-form-item>
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, watch } from 'vue';
+  import { Form, message } from 'ant-design-vue';
+  import { assignObject } from 'ele-admin-pro';
+  import { addDormitoryBed, updateDormitoryBed } from '@/api/dormitory/dormitoryBed';
+  import { DormitoryBed } from '@/api/dormitory/dormitoryBed/model';
+  import { useThemeStore } from '@/store/modules/theme';
+  import { storeToRefs } from 'pinia';
+  import { ItemType } from 'ele-admin-pro/es/ele-image-upload/types';
+  import { FormInstance } from 'ant-design-vue/es/form';
+  import {User} from "@/api/system/user/model";
+
+  // 是否是修改
+  const isUpdate = ref(false);
+  const useForm = Form.useForm;
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: DormitoryBed | null;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  // 提交状态
+  const loading = ref(false);
+  // 是否显示最大化切换按钮
+  const maxable = ref(true);
+  // 表格选中数据
+  const formRef = ref<FormInstance | null>(null);
+  const images = ref<ItemType[]>([]);
+
+  // 用户信息
+  const form = reactive<DormitoryBed>({
+    id: undefined,
+    name: undefined,
+    code: undefined,
+    buildingId: undefined,
+    buildingName: undefined,
+    floorId: undefined,
+    floorName: undefined,
+    bunk: undefined,
+    userId: undefined,
+    realName: undefined,
+    phone: undefined,
+    avatar: undefined,
+    chargingPort: undefined,
+    tenantId: undefined,
+    createTime: undefined,
+    status: 0,
+    comments: '',
+    sortNumber: 100
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    name: [
+      {
+        required: true,
+        type: 'string',
+        message: '请填写宿舍床铺编号',
+        trigger: 'blur'
+      }
+    ],
+    bunk: [
+      {
+        required: true,
+        type: 'string',
+        message: '选择上铺下铺',
+        trigger: 'blur'
+      }
+    ]
+  });
+
+  const chooseStudent = (item: User) => {
+    form.userId = item.userId;
+    form.realName = item.realName;
+    form.phone = item.phone;
+  }
+
+  const { resetFields } = useForm(form, rules);
+
+  /* 保存编辑 */
+  const save = () => {
+    if (!formRef.value) {
+      return;
+    }
+    formRef.value
+      .validate()
+      .then(() => {
+        loading.value = true;
+        const formData = {
+          ...form
+        };
+        const saveOrUpdate = isUpdate.value ? updateDormitoryBed : addDormitoryBed;
+        saveOrUpdate(formData)
+          .then((msg) => {
+            loading.value = false;
+            message.success(msg);
+            updateVisible(false);
+            emit('done');
+          })
+          .catch((e) => {
+            loading.value = false;
+            message.error(e.message);
+          });
+      })
+      .catch(() => {});
+  };
+
+  watch(
+    () => props.visible,
+    (visible) => {
+      if (visible) {
+        images.value = [];
+        if (props.data) {
+          assignObject(form, props.data);
+          isUpdate.value = true;
+        } else {
+          isUpdate.value = false;
+        }
+      } else {
+        resetFields();
+      }
+    },
+    { immediate: true }
+  );
+</script>
diff --git a/src/views/dormitory/dormitoryBed/components/search.vue b/src/views/dormitory/dormitoryBed/components/search.vue
new file mode 100644
index 0000000..82fea9d
--- /dev/null
+++ b/src/views/dormitory/dormitoryBed/components/search.vue
@@ -0,0 +1,42 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+    <a-button type="primary" class="ele-btn-icon" @click="add">
+      <template #icon>
+        <PlusOutlined />
+      </template>
+      <span>添加</span>
+    </a-button>
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+  import { PlusOutlined } from '@ant-design/icons-vue';
+  import type { GradeParam } from '@/api/user/grade/model';
+  import { watch } from 'vue';
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的角色
+      selection?: [];
+    }>(),
+    {}
+  );
+
+  const emit = defineEmits<{
+    (e: 'search', where?: GradeParam): void;
+    (e: 'add'): void;
+    (e: 'remove'): void;
+    (e: 'batchMove'): void;
+  }>();
+
+  // 新增
+  const add = () => {
+    emit('add');
+  };
+
+  watch(
+    () => props.selection,
+    () => {}
+  );
+</script>
diff --git a/src/views/dormitory/dormitoryBed/index.vue b/src/views/dormitory/dormitoryBed/index.vue
new file mode 100644
index 0000000..a9f4164
--- /dev/null
+++ b/src/views/dormitory/dormitoryBed/index.vue
@@ -0,0 +1,288 @@
+<template>
+  <a-page-header :title="getPageTitle()" @back="() => $router.go(-1)">
+    <template #extra>
+      <Extra/>
+    </template>
+      <a-card :bordered="false" :body-style="{ padding: '16px' }">
+        <ele-pro-table
+          ref="tableRef"
+          row-key="dormitoryBedId"
+          :columns="columns"
+          :datasource="datasource"
+          :customRow="customRow"
+          tool-class="ele-toolbar-form"
+          class="sys-org-table"
+        >
+          <template #toolbar>
+            <search
+              @search="reload"
+              :selection="selection"
+              @add="openEdit"
+              @remove="removeBatch"
+              @batchMove="openMove"
+            />
+          </template>
+          <template #bodyCell="{ column, record }">
+            <template v-if="column.key === 'image'">
+              <a-image :src="record.image" :width="50" />
+            </template>
+            <template v-if="column.key === 'status'">
+              <a-tag v-if="record.status === 0" color="green">显示</a-tag>
+              <a-tag v-if="record.status === 1" color="red">隐藏</a-tag>
+            </template>
+            <template v-if="column.key === 'action'">
+              <a-space>
+                <a @click="openEdit(record)">修改</a>
+                <a-divider type="vertical" />
+                <a-popconfirm
+                  title="确定要删除此记录吗？"
+                  @confirm="remove(record)"
+                >
+                  <a class="ele-text-danger">删除</a>
+                </a-popconfirm>
+              </a-space>
+            </template>
+          </template>
+        </ele-pro-table>
+      </a-card>
+
+      <!-- 编辑弹窗 -->
+      <DormitoryBedEdit v-model:visible="showEdit" :data="current" @done="reload" />
+  </a-page-header>
+</template>
+
+<script lang="ts" setup>
+  import { createVNode, ref } from 'vue';
+  import { message, Modal } from 'ant-design-vue';
+  import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
+  import type { EleProTable } from 'ele-admin-pro';
+  import type {
+    DatasourceFunction,
+    ColumnItem
+  } from 'ele-admin-pro/es/ele-pro-table/types';
+  import Search from './components/search.vue';
+  import DormitoryBedEdit from './components/dormitoryBedEdit.vue';
+  import { pageDormitoryBed, removeDormitoryBed, removeBatchDormitoryBed } from '@/api/dormitory/dormitoryBed';
+  import type { DormitoryBed, DormitoryBedParam } from '@/api/dormitory/dormitoryBed/model';
+  import {getPageTitle} from "@/utils/common";
+  import Extra from "@/views/dormitory/Extra.vue";
+
+  // 表格实例
+  const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+  // 表格选中数据
+  const selection = ref<DormitoryBed[]>([]);
+  // 当前编辑数据
+  const current = ref<DormitoryBed | null>(null);
+  // 是否显示编辑弹窗
+  const showEdit = ref(false);
+  // 是否显示批量移动弹窗
+  const showMove = ref(false);
+  // 加载状态
+  const loading = ref(true);
+
+  // 表格数据源
+  const datasource: DatasourceFunction = ({
+    page,
+    limit,
+    where,
+    orders,
+    filters
+  }) => {
+    if (filters) {
+      where.status = filters.status;
+    }
+    return pageDormitoryBed({
+      ...where,
+      ...orders,
+      page,
+      limit
+    });
+  };
+
+  // 表格列配置
+  const columns = ref<ColumnItem[]>([
+    {
+      title: '床铺ID',
+      dataIndex: 'id',
+      key: 'userId',
+      align: 'center',
+      width: 120
+    },
+    {
+      title: '床铺编号',
+      dataIndex: 'name',
+      key: 'name',
+      align: 'center',
+    },
+    {
+      title: '学生姓名',
+      dataIndex: 'realName',
+      key: 'realName',
+      align: 'center',
+      width: 300,
+    },
+    // {
+    //   title: '手机号码',
+    //   dataIndex: 'phone',
+    //   key: 'phone',
+    //   align: 'center'
+    // },
+    // {
+    //   title: '学号',
+    //   dataIndex: 'userId',
+    //   key: 'userId',
+    //   align: 'center'
+    // },
+    // {
+    //   title: '床铺号',
+    //   dataIndex: 'name',
+    //   key: 'name',
+    //   align: 'center',
+    // },
+    {
+      title: '宿舍号',
+      dataIndex: 'recordName',
+      key: 'recordName',
+      align: 'center',
+      width: 300,
+    },
+    {
+      title: '上下铺',
+      dataIndex: 'bunk',
+      key: 'bunk',
+      align: 'center',
+      customRender: ({ record }) => {
+        return record.bunk === 0 ? '下铺' : '上铺';
+      }
+    },
+    // {
+    //   title: '充电口',
+    //   dataIndex: 'chargingPort',
+    //   key: 'chargingPort',
+    //   align: 'center',
+    // },
+    {
+      title: '排序',
+      dataIndex: 'sortNumber',
+      key: 'sortNumber',
+      align: 'center',
+    },
+    // {
+    //   title: '备注',
+    //   dataIndex: 'comments',
+    //   key: 'comments',
+    //   align: 'center',
+    // },
+    // {
+    //   title: '状态',
+    //   dataIndex: 'status',
+    //   key: 'status',
+    //   align: 'center',
+    // },
+    // {
+    //   title: '创建时间',
+    //   dataIndex: 'createTime',
+    //   key: 'createTime',
+    //   align: 'center',
+    //   sorter: true,
+    //   ellipsis: true,
+    //   customRender: ({ text }) => toDateString(text, 'yyyy-MM-dd')
+    // },
+    {
+      title: '操作',
+      key: 'action',
+      width: 180,
+      fixed: 'right',
+      align: 'center',
+      hideInSetting: true
+    }
+  ]);
+
+  /* 搜索 */
+  const reload = (where?: DormitoryBedParam) => {
+    selection.value = [];
+    tableRef?.value?.reload({ where: where });
+  };
+
+  /* 打开编辑弹窗 */
+  const openEdit = (row?: DormitoryBed) => {
+    current.value = row ?? null;
+    showEdit.value = true;
+  };
+
+  /* 打开批量移动弹窗 */
+  const openMove = () => {
+    showMove.value = true;
+  };
+
+  /* 删除单个 */
+  const remove = (row: DormitoryBed) => {
+    const hide = message.loading('请求中..', 0);
+    removeDormitoryBed(row.id)
+      .then((msg) => {
+        hide();
+        message.success(msg);
+        reload();
+      })
+      .catch((e) => {
+        hide();
+        message.error(e.message);
+      });
+  };
+
+  /* 批量删除 */
+  const removeBatch = () => {
+    if (!selection.value.length) {
+      message.error('请至少选择一条数据');
+      return;
+    }
+    Modal.confirm({
+      title: '提示',
+      content: '确定要删除选中的记录吗?',
+      icon: createVNode(ExclamationCircleOutlined),
+      maskClosable: true,
+      onOk: () => {
+        const hide = message.loading('请求中..', 0);
+        removeBatchDormitoryBed(selection.value.map((d) => d.id))
+          .then((msg) => {
+            hide();
+            message.success(msg);
+            reload();
+          })
+          .catch((e) => {
+            hide();
+            message.error(e.message);
+          });
+      }
+    });
+  };
+
+  /* 查询 */
+  const query = () => {
+    loading.value = true;
+  };
+
+  /* 自定义行属性 */
+  const customRow = (record: DormitoryBed) => {
+    return {
+      // 行点击事件
+      onClick: () => {
+        // console.log(record);
+      },
+      // 行双击事件
+      onDblclick: () => {
+        openEdit(record);
+      }
+    };
+  };
+  query();
+</script>
+
+<script lang="ts">
+  export default {
+    name: 'DormitoryBed'
+  };
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/views/dormitory/dormitoryBuilding/components/dormitoryBuildingEdit.vue b/src/views/dormitory/dormitoryBuilding/components/dormitoryBuildingEdit.vue
new file mode 100644
index 0000000..40840fe
--- /dev/null
+++ b/src/views/dormitory/dormitoryBuilding/components/dormitoryBuildingEdit.vue
@@ -0,0 +1,177 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑楼栋' : '添加楼栋'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="楼栋名称" name="name">
+        <a-input
+          allow-clear
+          placeholder="请输入楼栋名称"
+          v-model:value="form.name"
+        />
+      </a-form-item>
+      <a-form-item label="楼栋编号" name="code">
+        <a-input
+          allow-clear
+          placeholder="请输入楼栋编号"
+          v-model:value="form.code"
+        />
+      </a-form-item>
+      <a-form-item label="排序" name="sortNumber">
+        <a-input-number
+          :min="0"
+          :max="9999"
+          class="ele-fluid"
+          placeholder="请输入排序号"
+          v-model:value="form.sortNumber"
+        />
+      </a-form-item>
+      <a-form-item label="备注" name="comments">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="请输入描述"
+          v-model:value="form.comments"
+        />
+      </a-form-item>
+<!--      <a-form-item label="状态" name="status">-->
+<!--        <a-radio-group v-model:value="form.status">-->
+<!--          <a-radio :value="0">启用</a-radio>-->
+<!--          <a-radio :value="1">禁用</a-radio>-->
+<!--        </a-radio-group>-->
+<!--      </a-form-item>-->
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, watch } from 'vue';
+  import { Form, message } from 'ant-design-vue';
+  import { assignObject, uuid } from 'ele-admin-pro';
+  import { addDormitoryBuilding, updateDormitoryBuilding } from '@/api/dormitory/dormitoryBuilding';
+  import { DormitoryBuilding } from '@/api/dormitory/dormitoryBuilding/model';
+  import { useThemeStore } from '@/store/modules/theme';
+  import { storeToRefs } from 'pinia';
+  import { ItemType } from 'ele-admin-pro/es/ele-image-upload/types';
+  import { FormInstance } from 'ant-design-vue/es/form';
+
+  // 是否是修改
+  const isUpdate = ref(false);
+  const useForm = Form.useForm;
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: DormitoryBuilding | null;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  // 提交状态
+  const loading = ref(false);
+  // 是否显示最大化切换按钮
+  const maxable = ref(true);
+  // 表格选中数据
+  const formRef = ref<FormInstance | null>(null);
+  const images = ref<ItemType[]>([]);
+
+  // 用户信息
+  const form = reactive<DormitoryBuilding>({
+    id: undefined,
+    name: undefined,
+    code: undefined,
+    tenantId: undefined,
+    createTime: undefined,
+    status: 0,
+    comments: '',
+    sortNumber: 100
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    name: [
+      {
+        required: true,
+        type: 'string',
+        message: '请填写宿舍楼栋名称',
+        trigger: 'blur'
+      }
+    ]
+  });
+
+  const { resetFields } = useForm(form, rules);
+
+  /* 保存编辑 */
+  const save = () => {
+    if (!formRef.value) {
+      return;
+    }
+    formRef.value
+      .validate()
+      .then(() => {
+        loading.value = true;
+        const formData = {
+          ...form
+        };
+        const saveOrUpdate = isUpdate.value ? updateDormitoryBuilding : addDormitoryBuilding;
+        saveOrUpdate(formData)
+          .then((msg) => {
+            loading.value = false;
+            message.success(msg);
+            updateVisible(false);
+            emit('done');
+          })
+          .catch((e) => {
+            loading.value = false;
+            message.error(e.message);
+          });
+      })
+      .catch(() => {});
+  };
+
+  watch(
+    () => props.visible,
+    (visible) => {
+      if (visible) {
+        images.value = [];
+        if (props.data) {
+          assignObject(form, props.data);
+          isUpdate.value = true;
+        } else {
+          isUpdate.value = false;
+        }
+      } else {
+        resetFields();
+      }
+    },
+    { immediate: true }
+  );
+</script>
diff --git a/src/views/dormitory/dormitoryBuilding/components/search.vue b/src/views/dormitory/dormitoryBuilding/components/search.vue
new file mode 100644
index 0000000..82fea9d
--- /dev/null
+++ b/src/views/dormitory/dormitoryBuilding/components/search.vue
@@ -0,0 +1,42 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+    <a-button type="primary" class="ele-btn-icon" @click="add">
+      <template #icon>
+        <PlusOutlined />
+      </template>
+      <span>添加</span>
+    </a-button>
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+  import { PlusOutlined } from '@ant-design/icons-vue';
+  import type { GradeParam } from '@/api/user/grade/model';
+  import { watch } from 'vue';
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的角色
+      selection?: [];
+    }>(),
+    {}
+  );
+
+  const emit = defineEmits<{
+    (e: 'search', where?: GradeParam): void;
+    (e: 'add'): void;
+    (e: 'remove'): void;
+    (e: 'batchMove'): void;
+  }>();
+
+  // 新增
+  const add = () => {
+    emit('add');
+  };
+
+  watch(
+    () => props.selection,
+    () => {}
+  );
+</script>
diff --git a/src/views/dormitory/dormitoryBuilding/index.vue b/src/views/dormitory/dormitoryBuilding/index.vue
new file mode 100644
index 0000000..20d7ed1
--- /dev/null
+++ b/src/views/dormitory/dormitoryBuilding/index.vue
@@ -0,0 +1,242 @@
+<template>
+  <a-page-header :title="getPageTitle()" @back="() => $router.go(-1)">
+    <template #extra>
+      <Extra/>
+    </template>
+      <a-card :bordered="false" :body-style="{ padding: '16px' }">
+        <ele-pro-table
+          ref="tableRef"
+          row-key="id"
+          :columns="columns"
+          :datasource="datasource"
+          :customRow="customRow"
+          tool-class="ele-toolbar-form"
+          class="sys-org-table"
+        >
+          <template #toolbar>
+            <search
+              @search="reload"
+              :selection="selection"
+              @add="openEdit"
+              @remove="removeBatch"
+              @batchMove="openMove"
+            />
+          </template>
+          <template #bodyCell="{ column, record }">
+            <template v-if="column.key === 'image'">
+              <a-image :src="record.image" :width="50" />
+            </template>
+            <template v-if="column.key === 'status'">
+              <a-tag v-if="record.status === 0" color="green">显示</a-tag>
+              <a-tag v-if="record.status === 1" color="red">隐藏</a-tag>
+            </template>
+            <template v-if="column.key === 'action'">
+              <a-space>
+                <a @click="openEdit(record)">修改</a>
+                <a-divider type="vertical" />
+                <a-popconfirm
+                  title="确定要删除此记录吗？"
+                  @confirm="remove(record)"
+                >
+                  <a class="ele-text-danger">删除</a>
+                </a-popconfirm>
+              </a-space>
+            </template>
+          </template>
+        </ele-pro-table>
+      </a-card>
+
+      <!-- 编辑弹窗 -->
+      <DormitoryBuildingEdit v-model:visible="showEdit" :data="current" @done="reload" />
+  </a-page-header>
+</template>
+
+<script lang="ts" setup>
+  import { createVNode, ref } from 'vue';
+  import { message, Modal } from 'ant-design-vue';
+  import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
+  import type { EleProTable } from 'ele-admin-pro';
+  import { toDateString } from 'ele-admin-pro';
+  import type {
+    DatasourceFunction,
+    ColumnItem
+  } from 'ele-admin-pro/es/ele-pro-table/types';
+  import Search from './components/search.vue';
+  import DormitoryBuildingEdit from './components/dormitoryBuildingEdit.vue';
+  import { pageDormitoryBuilding, removeDormitoryBuilding, removeBatchDormitoryBuilding } from '@/api/dormitory/dormitoryBuilding';
+  import type { DormitoryBuilding, DormitoryBuildingParam } from '@/api/dormitory/dormitoryBuilding/model';
+  import {getPageTitle} from "@/utils/common";
+  import Extra from "@/views/dormitory/Extra.vue";
+
+  // 表格实例
+  const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+  // 表格选中数据
+  const selection = ref<DormitoryBuilding[]>([]);
+  // 当前编辑数据
+  const current = ref<DormitoryBuilding | null>(null);
+  // 是否显示编辑弹窗
+  const showEdit = ref(false);
+  // 是否显示批量移动弹窗
+  const showMove = ref(false);
+  // 加载状态
+  const loading = ref(true);
+
+  // 表格数据源
+  const datasource: DatasourceFunction = ({
+    page,
+    limit,
+    where,
+    orders,
+    filters
+  }) => {
+    if (filters) {
+      where.status = filters.status;
+    }
+    return pageDormitoryBuilding({
+      ...where,
+      ...orders,
+      page,
+      limit
+    });
+  };
+
+  // 表格列配置
+  const columns = ref<ColumnItem[]>([
+    {
+      title: 'ID',
+      dataIndex: 'id',
+      key: 'id',
+      align: 'center',
+      width: 90,
+    },
+    {
+      title: '楼栋名称',
+      dataIndex: 'name',
+      key: 'name',
+      align: 'center',
+    },
+    // {
+    //   title: '楼栋编号',
+    //   dataIndex: 'code',
+    //   key: 'code',
+    //   align: 'center',
+    // },
+    {
+      title: '排序',
+      dataIndex: 'sortNumber',
+      key: 'sortNumber',
+      align: 'center',
+    },
+    // {
+    //   title: '备注',
+    //   dataIndex: 'comments',
+    //   key: 'comments',
+    //   align: 'center',
+    // },
+    // {
+    //   title: '创建时间',
+    //   dataIndex: 'createTime',
+    //   key: 'createTime',
+    //   align: 'center',
+    //   sorter: true,
+    //   ellipsis: true,
+    //   customRender: ({ text }) => toDateString(text, 'yyyy-MM-dd')
+    // },
+    {
+      title: '操作',
+      key: 'action',
+      width: 180,
+      fixed: 'right',
+      align: 'center',
+      hideInSetting: true
+    }
+  ]);
+
+  /* 搜索 */
+  const reload = (where?: DormitoryBuildingParam) => {
+    selection.value = [];
+    tableRef?.value?.reload({ where: where });
+  };
+
+  /* 打开编辑弹窗 */
+  const openEdit = (row?: DormitoryBuilding) => {
+    current.value = row ?? null;
+    showEdit.value = true;
+  };
+
+  /* 打开批量移动弹窗 */
+  const openMove = () => {
+    showMove.value = true;
+  };
+
+  /* 删除单个 */
+  const remove = (row: DormitoryBuilding) => {
+    const hide = message.loading('请求中..', 0);
+    removeDormitoryBuilding(row.id)
+      .then((msg) => {
+        hide();
+        message.success(msg);
+        reload();
+      })
+      .catch((e) => {
+        hide();
+        message.error(e.message);
+      });
+  };
+
+  /* 批量删除 */
+  const removeBatch = () => {
+    if (!selection.value.length) {
+      message.error('请至少选择一条数据');
+      return;
+    }
+    Modal.confirm({
+      title: '提示',
+      content: '确定要删除选中的记录吗?',
+      icon: createVNode(ExclamationCircleOutlined),
+      maskClosable: true,
+      onOk: () => {
+        const hide = message.loading('请求中..', 0);
+        removeBatchDormitoryBuilding(selection.value.map((d) => d.id))
+          .then((msg) => {
+            hide();
+            message.success(msg);
+            reload();
+          })
+          .catch((e) => {
+            hide();
+            message.error(e.message);
+          });
+      }
+    });
+  };
+
+  /* 查询 */
+  const query = () => {
+    loading.value = true;
+  };
+
+  /* 自定义行属性 */
+  const customRow = (record: DormitoryBuilding) => {
+    return {
+      // 行点击事件
+      onClick: () => {
+        // console.log(record);
+      },
+      // 行双击事件
+      onDblclick: () => {
+        openEdit(record);
+      }
+    };
+  };
+  query();
+</script>
+
+<script lang="ts">
+  export default {
+    name: 'DormitoryBuilding'
+  };
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/views/dormitory/dormitoryFloor/components/dormitoryFloorEdit.vue b/src/views/dormitory/dormitoryFloor/components/dormitoryFloorEdit.vue
new file mode 100644
index 0000000..faf586e
--- /dev/null
+++ b/src/views/dormitory/dormitoryFloor/components/dormitoryFloorEdit.vue
@@ -0,0 +1,194 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑楼层' : '添加楼层'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="选择楼栋" name="buildingId">
+        <a-input
+          allow-clear
+          placeholder="请输入楼栋ID"
+          v-model:value="form.buildingId"
+        />
+      </a-form-item>
+      <a-form-item label="楼层" name="name">
+        <a-input
+          allow-clear
+          placeholder="请输入楼层"
+          v-model:value="form.name"
+        />
+      </a-form-item>
+      <a-form-item label="编号" name="code">
+        <a-input
+          allow-clear
+          placeholder="请输入编号"
+          v-model:value="form.code"
+        />
+      </a-form-item>
+      <a-form-item label="排序" name="sortNumber">
+        <a-input-number
+          :min="0"
+          :max="9999"
+          class="ele-fluid"
+          placeholder="请输入排序号"
+          v-model:value="form.sortNumber"
+        />
+      </a-form-item>
+<!--      <a-form-item label="备注" name="comments">-->
+<!--        <a-textarea-->
+<!--          :rows="4"-->
+<!--          :maxlength="200"-->
+<!--          placeholder="请输入描述"-->
+<!--          v-model:value="form.comments"-->
+<!--        />-->
+<!--      </a-form-item>-->
+<!--      <a-form-item label="状态" name="status">-->
+<!--        <a-radio-group v-model:value="form.status">-->
+<!--          <a-radio :value="0">启用</a-radio>-->
+<!--          <a-radio :value="1">禁用</a-radio>-->
+<!--        </a-radio-group>-->
+<!--      </a-form-item>-->
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, watch } from 'vue';
+  import { Form, message } from 'ant-design-vue';
+  import { assignObject } from 'ele-admin-pro';
+  import { addDormitoryFloor, updateDormitoryFloor } from '@/api/dormitory/dormitoryFloor';
+  import { DormitoryFloor } from '@/api/dormitory/dormitoryFloor/model';
+  import { useThemeStore } from '@/store/modules/theme';
+  import { storeToRefs } from 'pinia';
+  import { ItemType } from 'ele-admin-pro/es/ele-image-upload/types';
+  import { FormInstance } from 'ant-design-vue/es/form';
+
+  // 是否是修改
+  const isUpdate = ref(false);
+  const useForm = Form.useForm;
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: DormitoryFloor | null;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  // 提交状态
+  const loading = ref(false);
+  // 是否显示最大化切换按钮
+  const maxable = ref(true);
+  // 表格选中数据
+  const formRef = ref<FormInstance | null>(null);
+  const images = ref<ItemType[]>([]);
+
+  // 用户信息
+  const form = reactive<DormitoryFloor>({
+    id: undefined,
+    name: undefined,
+    code: undefined,
+    buildingId: undefined,
+    buildingName: undefined,
+    tenantId: undefined,
+    createTime: undefined,
+    status: 0,
+    comments: '',
+    sortNumber: 100
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    buildingId: [
+      {
+        required: true,
+        type: 'string',
+        message: '请填写宿舍楼层名称',
+        trigger: 'blur'
+      }
+    ],
+    name: [
+      {
+        required: true,
+        type: 'string',
+        message: '请填写楼层名称',
+        trigger: 'blur'
+      }
+    ]
+  });
+
+  const { resetFields } = useForm(form, rules);
+
+  /* 保存编辑 */
+  const save = () => {
+    if (!formRef.value) {
+      return;
+    }
+    formRef.value
+      .validate()
+      .then(() => {
+        loading.value = true;
+        const formData = {
+          ...form
+        };
+        const saveOrUpdate = isUpdate.value ? updateDormitoryFloor : addDormitoryFloor;
+        saveOrUpdate(formData)
+          .then((msg) => {
+            loading.value = false;
+            message.success(msg);
+            updateVisible(false);
+            emit('done');
+          })
+          .catch((e) => {
+            loading.value = false;
+            message.error(e.message);
+          });
+      })
+      .catch(() => {});
+  };
+
+  watch(
+    () => props.visible,
+    (visible) => {
+      if (visible) {
+        images.value = [];
+        if (props.data) {
+          assignObject(form, props.data);
+          isUpdate.value = true;
+        } else {
+          isUpdate.value = false;
+        }
+      } else {
+        resetFields();
+      }
+    },
+    { immediate: true }
+  );
+</script>
diff --git a/src/views/dormitory/dormitoryFloor/components/search.vue b/src/views/dormitory/dormitoryFloor/components/search.vue
new file mode 100644
index 0000000..82fea9d
--- /dev/null
+++ b/src/views/dormitory/dormitoryFloor/components/search.vue
@@ -0,0 +1,42 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+    <a-button type="primary" class="ele-btn-icon" @click="add">
+      <template #icon>
+        <PlusOutlined />
+      </template>
+      <span>添加</span>
+    </a-button>
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+  import { PlusOutlined } from '@ant-design/icons-vue';
+  import type { GradeParam } from '@/api/user/grade/model';
+  import { watch } from 'vue';
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的角色
+      selection?: [];
+    }>(),
+    {}
+  );
+
+  const emit = defineEmits<{
+    (e: 'search', where?: GradeParam): void;
+    (e: 'add'): void;
+    (e: 'remove'): void;
+    (e: 'batchMove'): void;
+  }>();
+
+  // 新增
+  const add = () => {
+    emit('add');
+  };
+
+  watch(
+    () => props.selection,
+    () => {}
+  );
+</script>
diff --git a/src/views/dormitory/dormitoryFloor/index.vue b/src/views/dormitory/dormitoryFloor/index.vue
new file mode 100644
index 0000000..eba0be8
--- /dev/null
+++ b/src/views/dormitory/dormitoryFloor/index.vue
@@ -0,0 +1,248 @@
+<template>
+  <a-page-header :title="getPageTitle()" @back="() => $router.go(-1)">
+    <template #extra>
+      <Extra/>
+    </template>
+    <a-card :bordered="false" :body-style="{ padding: '16px' }">
+      <ele-pro-table
+        ref="tableRef"
+        row-key="id"
+        :columns="columns"
+        :datasource="datasource"
+        :customRow="customRow"
+        tool-class="ele-toolbar-form"
+        class="sys-org-table"
+      >
+        <template #toolbar>
+          <search
+            @search="reload"
+            :selection="selection"
+            @add="openEdit"
+            @remove="removeBatch"
+            @batchMove="openMove"
+          />
+        </template>
+        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'image'">
+            <a-image :src="record.image" :width="50"/>
+          </template>
+          <template v-if="column.key === 'status'">
+            <a-tag v-if="record.status === 0" color="green">启用</a-tag>
+            <a-tag v-if="record.status === 1" color="red">禁用</a-tag>
+          </template>
+          <template v-if="column.key === 'action'">
+            <a-space>
+              <a @click="openEdit(record)">修改</a>
+              <a-divider type="vertical"/>
+              <a-popconfirm
+                title="确定要删除此记录吗？"
+                @confirm="remove(record)"
+              >
+                <a class="ele-text-danger">删除</a>
+              </a-popconfirm>
+            </a-space>
+          </template>
+        </template>
+      </ele-pro-table>
+    </a-card>
+
+    <!-- 编辑弹窗 -->
+    <DormitoryFloorEdit v-model:visible="showEdit" :data="current" @done="reload"/>
+  </a-page-header>
+</template>
+
+<script lang="ts" setup>
+import {createVNode, ref} from 'vue';
+import {message, Modal} from 'ant-design-vue';
+import {ExclamationCircleOutlined} from '@ant-design/icons-vue';
+import type {EleProTable} from 'ele-admin-pro';
+import type {
+  DatasourceFunction,
+  ColumnItem
+} from 'ele-admin-pro/es/ele-pro-table/types';
+import Search from './components/search.vue';
+import DormitoryFloorEdit from './components/dormitoryFloorEdit.vue';
+import {pageDormitoryFloor, removeDormitoryFloor, removeBatchDormitoryFloor} from '@/api/dormitory/dormitoryFloor';
+import type {DormitoryFloor, DormitoryFloorParam} from '@/api/dormitory/dormitoryFloor/model';
+import {getPageTitle} from "@/utils/common";
+import Extra from "@/views/dormitory/Extra.vue";
+
+// 表格实例
+const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+// 表格选中数据
+const selection = ref<DormitoryFloor[]>([]);
+// 当前编辑数据
+const current = ref<DormitoryFloor | null>(null);
+// 是否显示编辑弹窗
+const showEdit = ref(false);
+// 是否显示批量移动弹窗
+const showMove = ref(false);
+// 加载状态
+const loading = ref(true);
+
+// 表格数据源
+const datasource: DatasourceFunction = ({
+                                          page,
+                                          limit,
+                                          where,
+                                          orders,
+                                          filters
+                                        }) => {
+  if (filters) {
+    where.status = filters.status;
+  }
+  return pageDormitoryFloor({
+    ...where,
+    ...orders,
+    page,
+    limit
+  });
+};
+
+// 表格列配置
+const columns = ref<ColumnItem[]>([
+  {
+    title: 'ID',
+    dataIndex: 'id',
+    key: 'id',
+    align: 'center',
+    width: 90,
+  },
+  {
+    title: '楼栋',
+    dataIndex: 'buildingName',
+    key: 'buildingName',
+    align: 'center',
+    width: 300,
+  },
+  {
+    title: '楼层',
+    dataIndex: 'name',
+    key: 'name',
+    align: 'center',
+  },
+  // {
+  //   title: '编号',
+  //   dataIndex: 'code',
+  //   key: 'code',
+  //   align: 'center',
+  // },
+  {
+    title: '排序',
+    dataIndex: 'sortNumber',
+    key: 'sortNumber',
+    align: 'center',
+  },
+  // {
+  //   title: '状态',
+  //   dataIndex: 'status',
+  //   key: 'status',
+  //   align: 'center',
+  // },
+  // {
+  //   title: '创建时间',
+  //   dataIndex: 'createTime',
+  //   key: 'createTime',
+  //   align: 'center',
+  //   sorter: true,
+  //   ellipsis: true,
+  //   customRender: ({text}) => toDateString(text, 'yyyy-MM-dd')
+  // },
+  {
+    title: '操作',
+    key: 'action',
+    width: 180,
+    fixed: 'right',
+    align: 'center',
+    hideInSetting: true
+  }
+]);
+
+/* 搜索 */
+const reload = (where?: DormitoryFloorParam) => {
+  selection.value = [];
+  tableRef?.value?.reload({where: where});
+};
+
+/* 打开编辑弹窗 */
+const openEdit = (row?: DormitoryFloor) => {
+  current.value = row ?? null;
+  showEdit.value = true;
+};
+
+/* 打开批量移动弹窗 */
+const openMove = () => {
+  showMove.value = true;
+};
+
+/* 删除单个 */
+const remove = (row: DormitoryFloor) => {
+  const hide = message.loading('请求中..', 0);
+  removeDormitoryFloor(row.id)
+    .then((msg) => {
+      hide();
+      message.success(msg);
+      reload();
+    })
+    .catch((e) => {
+      hide();
+      message.error(e.message);
+    });
+};
+
+/* 批量删除 */
+const removeBatch = () => {
+  if (!selection.value.length) {
+    message.error('请至少选择一条数据');
+    return;
+  }
+  Modal.confirm({
+    title: '提示',
+    content: '确定要删除选中的记录吗?',
+    icon: createVNode(ExclamationCircleOutlined),
+    maskClosable: true,
+    onOk: () => {
+      const hide = message.loading('请求中..', 0);
+      removeBatchDormitoryFloor(selection.value.map((d) => d.id))
+        .then((msg) => {
+          hide();
+          message.success(msg);
+          reload();
+        })
+        .catch((e) => {
+          hide();
+          message.error(e.message);
+        });
+    }
+  });
+};
+
+/* 查询 */
+const query = () => {
+  loading.value = true;
+};
+
+/* 自定义行属性 */
+const customRow = (record: DormitoryFloor) => {
+  return {
+    // 行点击事件
+    onClick: () => {
+      // console.log(record);
+    },
+    // 行双击事件
+    onDblclick: () => {
+      openEdit(record);
+    }
+  };
+};
+query();
+</script>
+
+<script lang="ts">
+export default {
+  name: 'DormitoryFloor'
+};
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/views/dormitory/dormitoryRecord/components/dormitoryRecordEdit.vue b/src/views/dormitory/dormitoryRecord/components/dormitoryRecordEdit.vue
new file mode 100644
index 0000000..674c9ef
--- /dev/null
+++ b/src/views/dormitory/dormitoryRecord/components/dormitoryRecordEdit.vue
@@ -0,0 +1,205 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑宿舍' : '添加宿舍'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="宿舍号" name="name">
+        <a-input
+          allow-clear
+          placeholder="请输入宿舍号"
+          v-model:value="form.name"
+        />
+      </a-form-item>
+<!--      <a-form-item label="编号" name="code">-->
+<!--        <a-input-->
+<!--          allow-clear-->
+<!--          placeholder="请输入编号"-->
+<!--          v-model:value="form.code"-->
+<!--        />-->
+<!--      </a-form-item>-->
+<!--      <a-form-item label="楼栋ID" name="buildingId">-->
+<!--        <a-input-->
+<!--          allow-clear-->
+<!--          placeholder="请输入楼栋ID"-->
+<!--          v-model:value="form.buildingId"-->
+<!--        />-->
+<!--      </a-form-item>-->
+<!--      <a-form-item label="楼层ID" name="floorId">-->
+<!--        <a-input-->
+<!--          allow-clear-->
+<!--          placeholder="请输入楼层ID"-->
+<!--          v-model:value="form.floorId"-->
+<!--        />-->
+<!--      </a-form-item>-->
+      <a-form-item label="床铺数" name="beds">
+        <a-input
+          allow-clear
+          placeholder="请输入床铺数"
+          v-model:value="form.beds"
+        />
+      </a-form-item>
+      <a-form-item label="独立卫生间" name="toilet">
+        <a-switch v-model:checked="form.toilet"/>
+      </a-form-item>
+      <a-form-item label="排序" name="sortNumber">
+        <a-input-number
+          :min="0"
+          :max="9999"
+          class="ele-fluid"
+          placeholder="请输入排序号"
+          v-model:value="form.sortNumber"
+        />
+      </a-form-item>
+<!--      <a-form-item label="备注" name="comments">-->
+<!--        <a-textarea-->
+<!--          :rows="4"-->
+<!--          :maxlength="200"-->
+<!--          placeholder="请输入描述"-->
+<!--          v-model:value="form.comments"-->
+<!--        />-->
+<!--      </a-form-item>-->
+<!--      <a-form-item label="状态" name="status">-->
+<!--        <a-radio-group v-model:value="form.status">-->
+<!--          <a-radio :value="0">启用</a-radio>-->
+<!--          <a-radio :value="1">禁用</a-radio>-->
+<!--        </a-radio-group>-->
+<!--      </a-form-item>-->
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, watch } from 'vue';
+  import { Form, message } from 'ant-design-vue';
+  import { assignObject } from 'ele-admin-pro';
+  import { addDormitoryRecord, updateDormitoryRecord } from '@/api/dormitory/dormitoryRecord';
+  import { DormitoryRecord } from '@/api/dormitory/dormitoryRecord/model';
+  import { useThemeStore } from '@/store/modules/theme';
+  import { storeToRefs } from 'pinia';
+  import { ItemType } from 'ele-admin-pro/es/ele-image-upload/types';
+  import { FormInstance } from 'ant-design-vue/es/form';
+
+  // 是否是修改
+  const isUpdate = ref(false);
+  const useForm = Form.useForm;
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: DormitoryRecord | null;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  // 提交状态
+  const loading = ref(false);
+  // 是否显示最大化切换按钮
+  const maxable = ref(true);
+  // 表格选中数据
+  const formRef = ref<FormInstance | null>(null);
+  const images = ref<ItemType[]>([]);
+
+  // 用户信息
+  const form = reactive<DormitoryRecord>({
+    id: undefined,
+    name: undefined,
+    code: undefined,
+    buildingId: undefined,
+    floorId: undefined,
+    beds: undefined,
+    toilet: undefined,
+    tenantId: undefined,
+    createTime: undefined,
+    status: 0,
+    comments: '',
+    sortNumber: 100
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    name: [
+      {
+        required: true,
+        type: 'string',
+        message: '请填写宿舍记录名称',
+        trigger: 'blur'
+      }
+    ]
+  });
+
+  const { resetFields } = useForm(form, rules);
+
+  /* 保存编辑 */
+  const save = () => {
+    if (!formRef.value) {
+      return;
+    }
+    formRef.value
+      .validate()
+      .then(() => {
+        loading.value = true;
+        const formData = {
+          ...form
+        };
+        const saveOrUpdate = isUpdate.value ? updateDormitoryRecord : addDormitoryRecord;
+        saveOrUpdate(formData)
+          .then((msg) => {
+            loading.value = false;
+            message.success(msg);
+            updateVisible(false);
+            emit('done');
+          })
+          .catch((e) => {
+            loading.value = false;
+            message.error(e.message);
+          });
+      })
+      .catch(() => {});
+  };
+
+  watch(
+    () => props.visible,
+    (visible) => {
+      if (visible) {
+        images.value = [];
+        if (props.data) {
+          assignObject(form, props.data);
+          isUpdate.value = true;
+        } else {
+          isUpdate.value = false;
+        }
+      } else {
+        resetFields();
+      }
+    },
+    { immediate: true }
+  );
+</script>
diff --git a/src/views/dormitory/dormitoryRecord/components/search.vue b/src/views/dormitory/dormitoryRecord/components/search.vue
new file mode 100644
index 0000000..82fea9d
--- /dev/null
+++ b/src/views/dormitory/dormitoryRecord/components/search.vue
@@ -0,0 +1,42 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+    <a-button type="primary" class="ele-btn-icon" @click="add">
+      <template #icon>
+        <PlusOutlined />
+      </template>
+      <span>添加</span>
+    </a-button>
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+  import { PlusOutlined } from '@ant-design/icons-vue';
+  import type { GradeParam } from '@/api/user/grade/model';
+  import { watch } from 'vue';
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的角色
+      selection?: [];
+    }>(),
+    {}
+  );
+
+  const emit = defineEmits<{
+    (e: 'search', where?: GradeParam): void;
+    (e: 'add'): void;
+    (e: 'remove'): void;
+    (e: 'batchMove'): void;
+  }>();
+
+  // 新增
+  const add = () => {
+    emit('add');
+  };
+
+  watch(
+    () => props.selection,
+    () => {}
+  );
+</script>
diff --git a/src/views/dormitory/dormitoryRecord/index.vue b/src/views/dormitory/dormitoryRecord/index.vue
new file mode 100644
index 0000000..393fa3c
--- /dev/null
+++ b/src/views/dormitory/dormitoryRecord/index.vue
@@ -0,0 +1,278 @@
+<template>
+  <a-page-header :title="getPageTitle()" @back="() => $router.go(-1)">
+    <template #extra>
+      <Extra/>
+    </template>
+    <a-card :bordered="false" :body-style="{ padding: '16px' }">
+      <ele-pro-table
+        ref="tableRef"
+        row-key="id"
+        :columns="columns"
+        :datasource="datasource"
+        :customRow="customRow"
+        tool-class="ele-toolbar-form"
+        class="sys-org-table"
+      >
+        <template #toolbar>
+          <search
+            @search="reload"
+            :selection="selection"
+            @add="openEdit"
+            @remove="removeBatch"
+            @batchMove="openMove"
+          />
+        </template>
+        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'image'">
+            <a-image :src="record.image" :width="50"/>
+          </template>
+          <template v-if="column.key === 'status'">
+            <a-tag v-if="record.status === 1" color="green">已使用</a-tag>
+            <a-tag v-if="record.status === 0">未使用</a-tag>
+          </template>
+          <template v-if="column.key === 'action'">
+            <a-space>
+              <a @click="openEdit(record)">修改</a>
+              <a-divider type="vertical"/>
+              <a-popconfirm
+                title="确定要删除此记录吗？"
+                @confirm="remove(record)"
+              >
+                <a class="ele-text-danger">删除</a>
+              </a-popconfirm>
+            </a-space>
+          </template>
+        </template>
+      </ele-pro-table>
+    </a-card>
+
+    <!-- 编辑弹窗 -->
+    <DormitoryRecordEdit v-model:visible="showEdit" :data="current" @done="reload"/>
+  </a-page-header>
+</template>
+
+<script lang="ts" setup>
+import {createVNode, ref} from 'vue';
+import {message, Modal} from 'ant-design-vue';
+import {ExclamationCircleOutlined} from '@ant-design/icons-vue';
+import type {EleProTable} from 'ele-admin-pro';
+import type {
+  DatasourceFunction,
+  ColumnItem
+} from 'ele-admin-pro/es/ele-pro-table/types';
+import Search from './components/search.vue';
+import DormitoryRecordEdit from './components/dormitoryRecordEdit.vue';
+import {pageDormitoryRecord, removeDormitoryRecord, removeBatchDormitoryRecord} from '@/api/dormitory/dormitoryRecord';
+import type {DormitoryRecord, DormitoryRecordParam} from '@/api/dormitory/dormitoryRecord/model';
+import {getPageTitle} from "@/utils/common";
+import Extra from "@/views/dormitory/Extra.vue";
+
+// 表格实例
+const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+// 表格选中数据
+const selection = ref<DormitoryRecord[]>([]);
+// 当前编辑数据
+const current = ref<DormitoryRecord | null>(null);
+// 是否显示编辑弹窗
+const showEdit = ref(false);
+// 是否显示批量移动弹窗
+const showMove = ref(false);
+// 加载状态
+const loading = ref(true);
+
+// 表格数据源
+const datasource: DatasourceFunction = ({
+                                          page,
+                                          limit,
+                                          where,
+                                          orders,
+                                          filters
+                                        }) => {
+  if (filters) {
+    where.status = filters.status;
+  }
+  return pageDormitoryRecord({
+    ...where,
+    ...orders,
+    page,
+    limit
+  });
+};
+
+// 表格列配置
+const columns = ref<ColumnItem[]>([
+  {
+    title: 'ID',
+    dataIndex: 'id',
+    key: 'id',
+    align: 'center',
+    width: 90,
+  },
+  {
+    title: '楼栋',
+    dataIndex: 'buildingName',
+    key: 'buildingName',
+    align: 'center',
+    width: 300,
+  },
+  {
+    title: '宿舍号',
+    dataIndex: 'name',
+    key: 'name',
+    align: 'center',
+  },
+  // {
+  //   title: '编号',
+  //   dataIndex: 'code',
+  //   key: 'code',
+  //   align: 'center',
+  // },
+  // {
+  //   title: '楼栋ID',
+  //   dataIndex: 'buildingId',
+  //   key: 'buildingId',
+  //   align: 'center',
+  // },
+  {
+    title: '楼层',
+    dataIndex: 'floorName',
+    key: 'floorName',
+    align: 'center',
+  },
+  {
+    title: '床铺数',
+    dataIndex: 'beds',
+    key: 'beds',
+    align: 'center',
+  },
+  // {
+  //   title: '独立卫生间',
+  //   dataIndex: 'toilet',
+  //   key: 'toilet',
+  //   align: 'center',
+  // },
+  {
+    title: '排序',
+    dataIndex: 'sortNumber',
+    key: 'sortNumber',
+    align: 'center',
+  },
+  // {
+  //   title: '备注',
+  //   dataIndex: 'comments',
+  //   key: 'comments',
+  //   align: 'center',
+  // },
+  // {
+  //   title: '使用状态',
+  //   dataIndex: 'status',
+  //   key: 'status',
+  //   align: 'center',
+  // },
+  // {
+  //   title: '创建时间',
+  //   dataIndex: 'createTime',
+  //   key: 'createTime',
+  //   align: 'center',
+  //   sorter: true,
+  //   ellipsis: true,
+  //   customRender: ({text}) => toDateString(text, 'yyyy-MM-dd')
+  // },
+  {
+    title: '操作',
+    key: 'action',
+    width: 180,
+    fixed: 'right',
+    align: 'center',
+    hideInSetting: true
+  }
+]);
+
+/* 搜索 */
+const reload = (where?: DormitoryRecordParam) => {
+  selection.value = [];
+  tableRef?.value?.reload({where: where});
+};
+
+/* 打开编辑弹窗 */
+const openEdit = (row?: DormitoryRecord) => {
+  current.value = row ?? null;
+  showEdit.value = true;
+};
+
+/* 打开批量移动弹窗 */
+const openMove = () => {
+  showMove.value = true;
+};
+
+/* 删除单个 */
+const remove = (row: DormitoryRecord) => {
+  const hide = message.loading('请求中..', 0);
+  removeDormitoryRecord(row.id)
+    .then((msg) => {
+      hide();
+      message.success(msg);
+      reload();
+    })
+    .catch((e) => {
+      hide();
+      message.error(e.message);
+    });
+};
+
+/* 批量删除 */
+const removeBatch = () => {
+  if (!selection.value.length) {
+    message.error('请至少选择一条数据');
+    return;
+  }
+  Modal.confirm({
+    title: '提示',
+    content: '确定要删除选中的记录吗?',
+    icon: createVNode(ExclamationCircleOutlined),
+    maskClosable: true,
+    onOk: () => {
+      const hide = message.loading('请求中..', 0);
+      removeBatchDormitoryRecord(selection.value.map((d) => d.id))
+        .then((msg) => {
+          hide();
+          message.success(msg);
+          reload();
+        })
+        .catch((e) => {
+          hide();
+          message.error(e.message);
+        });
+    }
+  });
+};
+
+/* 查询 */
+const query = () => {
+  loading.value = true;
+};
+
+/* 自定义行属性 */
+const customRow = (record: DormitoryRecord) => {
+  return {
+    // 行点击事件
+    onClick: () => {
+      // console.log(record);
+    },
+    // 行双击事件
+    onDblclick: () => {
+      openEdit(record);
+    }
+  };
+};
+query();
+</script>
+
+<script lang="ts">
+export default {
+  name: 'DormitoryRecord'
+};
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/views/dormitory/user/components/Extra.vue b/src/views/dormitory/user/components/Extra.vue
new file mode 100644
index 0000000..77aec38
--- /dev/null
+++ b/src/views/dormitory/user/components/Extra.vue
@@ -0,0 +1,55 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space style="flex-wrap: wrap" v-if="hasRole('superAdmin') || hasRole('admin') || hasRole('foundation')">
+    <a-button
+      type="text"
+      v-if="hasPermission('sys:org:list')"
+      @click="openUrl('/staff')"
+    >人员管理
+    </a-button
+    >
+    <a-button
+      type="text"
+      v-if="hasPermission('sys:userVerify:list')"
+      @click="openUrl('/system/user-verify')"
+    >实名认证
+    </a-button
+    >
+    <a-button
+      type="text"
+      v-if="hasAnyRole(['superAdmin','admin'])"
+      @click="openUrl('/system/admin')"
+    >管理员列表
+    </a-button
+    >
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+import {watch, nextTick} from 'vue';
+import {CmsWebsite} from '@/api/cms/cmsWebsite/model';
+import {openUrl} from "@/utils/common";
+import {hasAnyRole, hasPermission, hasRole} from "@/utils/permission";
+
+const props = withDefaults(
+  defineProps<{
+    // 选中的角色
+    selection?: [];
+    website?: CmsWebsite;
+    count?: 0;
+  }>(),
+  {}
+);
+
+nextTick(() => {
+  if (localStorage.getItem('NotActive')) {
+    // IsActive.value = false
+  }
+})
+
+watch(
+  () => props.selection,
+  () => {
+  }
+);
+</script>
diff --git a/src/views/dormitory/user/components/org-select.vue b/src/views/dormitory/user/components/org-select.vue
new file mode 100644
index 0000000..587424f
--- /dev/null
+++ b/src/views/dormitory/user/components/org-select.vue
@@ -0,0 +1,39 @@
+<!-- 机构选择下拉框 -->
+<template>
+  <a-tree-select
+    allow-clear
+    tree-default-expand-all
+    :placeholder="placeholder"
+    :value="value || undefined"
+    :tree-data="data"
+    :dropdown-style="{ maxHeight: '360px', overflow: 'auto' }"
+    @update:value="updateValue"
+  />
+</template>
+
+<script lang="ts" setup>
+  import type { Organization } from '@/api/system/organization/model';
+
+  const emit = defineEmits<{
+    (e: 'update:value', value?: number): void;
+  }>();
+
+  withDefaults(
+    defineProps<{
+      // 选中的数据(v-modal)
+      value?: number;
+      // 提示信息
+      placeholder?: string;
+      // 机构数据
+      data: Organization[];
+    }>(),
+    {
+      placeholder: '请选择角色'
+    }
+  );
+
+  /* 更新选中数据 */
+  const updateValue = (value?: number) => {
+    emit('update:value', value);
+  };
+</script>
diff --git a/src/views/dormitory/user/components/role-select.vue b/src/views/dormitory/user/components/role-select.vue
new file mode 100644
index 0000000..60fc5ad
--- /dev/null
+++ b/src/views/dormitory/user/components/role-select.vue
@@ -0,0 +1,71 @@
+<!-- 角色选择下拉框 -->
+<template>
+  <a-select
+    allow-clear
+    mode="multiple"
+    :value="roleIds"
+    :placeholder="placeholder"
+    @update:value="updateValue"
+    @blur="onBlur"
+  >
+    <a-select-option
+      v-for="item in data"
+      :key="item.roleId"
+      :value="item.roleId"
+    >
+      {{ item.roleName }}
+    </a-select-option>
+  </a-select>
+</template>
+
+<script lang="ts" setup>
+import {ref, computed} from 'vue';
+import {message} from 'ant-design-vue/es';
+import {listRoles} from '@/api/system/role';
+import type {Role} from '@/api/system/role/model';
+
+const emit = defineEmits<{
+  (e: 'update:value', value: Role[]): void;
+  (e: 'blur'): void;
+}>();
+
+const props = withDefaults(
+  defineProps<{
+    // 选中的角色
+    value?: Role[];
+    //
+    placeholder?: string;
+  }>(),
+  {
+    placeholder: '请选择角色'
+  }
+);
+
+// 选中的角色id
+const roleIds = computed(() => props.value?.map((d) => d.roleId as number));
+
+// 角色数据
+const data = ref<Role[]>([]);
+
+/* 更新选中数据 */
+const updateValue = (value: number[]) => {
+  emit(
+    'update:value',
+    value.map((v) => ({roleId: v}))
+  );
+};
+
+/* 获取角色数据 */
+listRoles()
+  .then((list) => {
+    data.value = list;
+  })
+  .catch((e) => {
+    message.error(e.message);
+  });
+
+/* 失去焦点 */
+const onBlur = () => {
+  emit('blur');
+};
+</script>
diff --git a/src/views/dormitory/user/components/search.vue b/src/views/dormitory/user/components/search.vue
new file mode 100644
index 0000000..82fea9d
--- /dev/null
+++ b/src/views/dormitory/user/components/search.vue
@@ -0,0 +1,42 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+    <a-button type="primary" class="ele-btn-icon" @click="add">
+      <template #icon>
+        <PlusOutlined />
+      </template>
+      <span>添加</span>
+    </a-button>
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+  import { PlusOutlined } from '@ant-design/icons-vue';
+  import type { GradeParam } from '@/api/user/grade/model';
+  import { watch } from 'vue';
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的角色
+      selection?: [];
+    }>(),
+    {}
+  );
+
+  const emit = defineEmits<{
+    (e: 'search', where?: GradeParam): void;
+    (e: 'add'): void;
+    (e: 'remove'): void;
+    (e: 'batchMove'): void;
+  }>();
+
+  // 新增
+  const add = () => {
+    emit('add');
+  };
+
+  watch(
+    () => props.selection,
+    () => {}
+  );
+</script>
diff --git a/src/views/dormitory/user/components/sex-select.vue b/src/views/dormitory/user/components/sex-select.vue
new file mode 100644
index 0000000..1497ad5
--- /dev/null
+++ b/src/views/dormitory/user/components/sex-select.vue
@@ -0,0 +1,45 @@
+<!-- 角色选择下拉框 -->
+<template>
+  <a-select
+    show-search
+    optionFilterProp="label"
+    :options="data"
+    allow-clear
+    :value="value"
+    :placeholder="placeholder"
+    @update:value="updateValue"
+    @blur="onBlur"
+  />
+</template>
+
+<script lang="ts" setup>
+  import { getDictionaryOptions } from '@/utils/common';
+
+  const emit = defineEmits<{
+    (e: 'update:value', value: string): void;
+    (e: 'blur'): void;
+  }>();
+
+  withDefaults(
+    defineProps<{
+      value?: string;
+      placeholder?: string;
+    }>(),
+    {
+      placeholder: '请选择性别'
+    }
+  );
+
+  // 字典数据
+  const data = getDictionaryOptions('sex');
+
+  /* 更新选中数据 */
+  const updateValue = (value: string) => {
+    emit('update:value', value);
+  };
+
+  /* 失去焦点 */
+  const onBlur = () => {
+    emit('blur');
+  };
+</script>
diff --git a/src/views/dormitory/user/components/user-edit.vue b/src/views/dormitory/user/components/user-edit.vue
new file mode 100644
index 0000000..bf34412
--- /dev/null
+++ b/src/views/dormitory/user/components/user-edit.vue
@@ -0,0 +1,363 @@
+<!-- 用户编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :confirm-loading="loading"
+    :title="isUpdate ? '修改用户' : '新建用户'"
+    :body-style="{ paddingBottom: '8px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 5, sm: 4, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 17, sm: 20, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-row :gutter="16">
+        <a-col
+          v-bind="styleResponsive ? { md: 12, sm: 24, xs: 24 } : { span: 12 }"
+        >
+          <a-form-item label="账号" name="username">
+            <a-input
+              allow-clear
+              :maxlength="20"
+              placeholder="请输入账号"
+              :disabled="isUpdate"
+              v-model:value="form.username"
+            />
+          </a-form-item>
+          <a-form-item label="昵称" name="nickname">
+            <a-input
+              allow-clear
+              :maxlength="20"
+              placeholder="请输入昵称"
+              v-model:value="form.nickname"
+            />
+          </a-form-item>
+          <a-form-item label="角色" name="roles">
+            <role-select v-model:value="form.roles" />
+          </a-form-item>
+          <a-form-item label="会员等级">
+            <SelectGrade
+              :placeholder="`请选择会员等级`"
+              v-model:value="form.gradeName"
+              :disabled="isUpdate"
+              @done="chooseGradeId"
+            />
+          </a-form-item>
+          <a-form-item label="性别" name="sex">
+            <DictSelect
+              dict-code="sex"
+              :placeholder="`请选择性别`"
+              v-model:value="form.sexName"
+              @done="chooseSex"
+            />
+          </a-form-item>
+          <a-form-item label="姓名" name="realName">
+            <a-input
+              allow-clear
+              :maxlength="20"
+              placeholder="请输入真实姓名"
+              v-model:value="form.realName"
+            />
+          </a-form-item>
+          <a-form-item label="所属机构" name="type">
+            <org-select
+              :data="organizationList"
+              placeholder="请选择所属机构"
+              v-model:value="form.organizationId"
+            />
+          </a-form-item>
+        </a-col>
+        <a-col
+          v-bind="styleResponsive ? { md: 12, sm: 24, xs: 24 } : { span: 12 }"
+        >
+          <a-form-item label="手机号" v-if="isUpdate" name="mobile">
+            <a-input
+              allow-clear
+              :maxlength="11"
+              placeholder="请输入手机号"
+              v-model:value="form.mobile"
+              disabled
+            />
+          </a-form-item>
+          <a-form-item label="手机号" v-else name="phone">
+            <a-input
+              allow-clear
+              :maxlength="11"
+              placeholder="请输入手机号"
+              v-model:value="form.phone"
+            />
+          </a-form-item>
+          <a-form-item label="邮箱" name="email">
+            <a-input
+              allow-clear
+              :maxlength="100"
+              placeholder="请输入邮箱"
+              v-model:value="form.email"
+            />
+          </a-form-item>
+          <a-form-item label="出生日期">
+            <a-date-picker
+              class="ele-fluid"
+              value-format="YYYY-MM-DD"
+              placeholder="请选择出生日期"
+              v-model:value="form.birthday"
+            />
+          </a-form-item>
+          <a-form-item v-if="!isUpdate" label="登录密码" name="password">
+            <a-input-password
+              :maxlength="20"
+              v-model:value="form.password"
+              placeholder="请输入登录密码"
+            />
+          </a-form-item>
+          <a-form-item label="个人简介">
+            <a-textarea
+              :rows="4"
+              :maxlength="200"
+              placeholder="请输入个人简介"
+              v-model:value="form.introduction"
+            />
+          </a-form-item>
+          <a-form-item label="管理员">
+            <a-switch
+              checked-children="是"
+              un-checked-children="否"
+              :checked="form.isAdmin"
+              @update:checked="updateIsAdmin"
+            />
+          </a-form-item>
+        </a-col>
+      </a-row>
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, watch } from 'vue';
+  import { message } from 'ant-design-vue/es';
+  import type { FormInstance, Rule } from 'ant-design-vue/es/form';
+  import { emailReg, phoneReg } from 'ele-admin-pro/es';
+  import { storeToRefs } from 'pinia';
+  import { useThemeStore } from '@/store/modules/theme';
+  import useFormData from '@/utils/use-form-data';
+  import RoleSelect from './role-select.vue';
+  import { addUser, updateUser, checkExistence } from '@/api/system/user';
+  import type { User } from '@/api/system/user/model';
+  import OrgSelect from './org-select.vue';
+  // import { getDictionaryOptions } from '@/utils/common';
+  import { Organization } from '@/api/system/organization/model';
+  import { Grade } from '@/api/user/grade/model';
+  import {TEMPLATE_ID} from "@/config/setting";
+
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+  // 获取字典数据
+  // const userTypeData = getDictionaryOptions('userType');
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: User | null;
+    // 全部机构
+    organizationList: Organization[];
+  }>();
+
+  //
+  const formRef = ref<FormInstance | null>(null);
+
+  // 是否是修改
+  const isUpdate = ref(false);
+
+  // 提交状态
+  const loading = ref(false);
+
+  // 表单数据
+  const { form, resetFields, assignFields } = useFormData<User>({
+    type: undefined,
+    userId: undefined,
+    username: '',
+    nickname: '',
+    realName: '',
+    companyName: '',
+    sex: undefined,
+    sexName: '',
+    roles: [],
+    email: '',
+    phone: '',
+    mobile: '',
+    password: '',
+    introduction: '',
+    organizationId: undefined,
+    birthday: '',
+    idCard: '',
+    comments: '',
+    gradeName: '',
+    isAdmin: undefined,
+    gradeId: undefined,
+    templateId: TEMPLATE_ID
+  });
+
+  // 表单验证规则
+  const rules = reactive<Record<string, Rule[]>>({
+    username: [
+      {
+        required: true,
+        type: 'string',
+        validator: (_rule: Rule, value: string) => {
+          return new Promise<void>((resolve, reject) => {
+            if (!value) {
+              return reject('请输入用户账号');
+            }
+            checkExistence('username', value, props.data?.userId)
+              .then(() => {
+                reject('账号已经存在');
+              })
+              .catch(() => {
+                resolve();
+              });
+          });
+        },
+        trigger: 'blur'
+      }
+    ],
+    nickname: [
+      {
+        required: true,
+        message: '请输入昵称',
+        type: 'string',
+        trigger: 'blur'
+      }
+    ],
+    // realName: [
+    //   {
+    //     required: true,
+    //     message: '请输入真实姓名',
+    //     type: 'string',
+    //     trigger: 'blur'
+    //   }
+    // ],
+    // sex: [
+    //   {
+    //     required: true,
+    //     message: '请选择性别',
+    //     type: 'string',
+    //     trigger: 'blur'
+    //   }
+    // ],
+    roles: [
+      {
+        required: true,
+        message: '请选择角色',
+        type: 'array',
+        trigger: 'blur'
+      }
+    ],
+    email: [
+      {
+        pattern: emailReg,
+        message: '邮箱格式不正确',
+        type: 'string',
+        trigger: 'blur'
+      }
+    ],
+    password: [
+      {
+        required: true,
+        type: 'string',
+        validator: async (_rule: Rule, value: string) => {
+          if (isUpdate.value || /^[\S]{5,18}$/.test(value)) {
+            return Promise.resolve();
+          }
+          return Promise.reject('密码必须为5-18位非空白字符');
+        },
+        trigger: 'blur'
+      }
+    ],
+    phone: [
+      {
+        required: true,
+        pattern: phoneReg,
+        message: '手机号格式不正确',
+        type: 'string',
+        trigger: 'blur'
+      }
+    ]
+  });
+
+  const chooseGradeId = (data: Grade) => {
+    form.gradeName = data.name;
+    form.gradeId = data.gradeId;
+  };
+
+  const chooseSex = (data: any) => {
+    form.sex = data.key;
+    form.sexName = data.label;
+  };
+
+  const updateIsAdmin = (value: boolean) => {
+    form.isAdmin = value;
+  };
+
+  /* 保存编辑 */
+  const save = () => {
+    if (!formRef.value) {
+      return;
+    }
+    formRef.value
+      .validate()
+      .then(() => {
+        loading.value = true;
+        const saveOrUpdate = isUpdate.value ? updateUser : addUser;
+        saveOrUpdate(form)
+          .then((msg) => {
+            loading.value = false;
+            message.success(msg);
+            updateVisible(false);
+            emit('done');
+          })
+          .catch((e) => {
+            loading.value = false;
+            message.error(e.message);
+          });
+      })
+      .catch(() => {});
+  };
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  watch(
+    () => props.visible,
+    (visible) => {
+      if (visible) {
+        if (props.data) {
+          assignFields({
+            ...props.data,
+            password: ''
+          });
+          isUpdate.value = true;
+        } else {
+          isUpdate.value = false;
+        }
+      } else {
+        resetFields();
+        formRef.value?.clearValidate();
+      }
+    }
+  );
+</script>
diff --git a/src/views/dormitory/user/components/user-import.vue b/src/views/dormitory/user/components/user-import.vue
new file mode 100644
index 0000000..f5b1088
--- /dev/null
+++ b/src/views/dormitory/user/components/user-import.vue
@@ -0,0 +1,88 @@
+<!-- 用户导入弹窗 -->
+<template>
+  <ele-modal
+    :width="520"
+    :footer="null"
+    title="导入用户"
+    :visible="visible"
+    @update:visible="updateVisible"
+  >
+    <a-spin :spinning="loading">
+      <a-upload-dragger
+        accept=".xls,.xlsx"
+        :show-upload-list="false"
+        :customRequest="doUpload"
+        style="padding: 24px 0; margin-bottom: 16px"
+      >
+        <p class="ant-upload-drag-icon">
+          <cloud-upload-outlined />
+        </p>
+        <p class="ant-upload-hint">将文件拖到此处，或点击上传</p>
+      </a-upload-dragger>
+    </a-spin>
+    <div class="ele-text-center">
+      <span>只能上传xls、xlsx文件，</span>
+      <a
+        href="https://oss.wsdns.cn/20200610/用户导入模板.xlsx"
+        download="用户导入模板.xlsx"
+      >
+        下载模板
+      </a>
+    </div>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref } from 'vue';
+  import { message } from 'ant-design-vue/es';
+  import { CloudUploadOutlined } from '@ant-design/icons-vue';
+  import { importUsers } from '@/api/system/user';
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  defineProps<{
+    // 是否打开弹窗
+    visible: boolean;
+  }>();
+
+  // 导入请求状态
+  const loading = ref(false);
+
+  /* 上传 */
+  const doUpload = ({ file }) => {
+    if (
+      ![
+        'application/vnd.ms-excel',
+        'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
+      ].includes(file.type)
+    ) {
+      message.error('只能选择 excel 文件');
+      return false;
+    }
+    if (file.size / 1024 / 1024 > 10) {
+      message.error('大小不能超过 10MB');
+      return false;
+    }
+    loading.value = true;
+    importUsers(file)
+      .then((msg) => {
+        loading.value = false;
+        message.success(msg);
+        updateVisible(false);
+        emit('done');
+      })
+      .catch((e) => {
+        loading.value = false;
+        message.error(e.message);
+      });
+    return false;
+  };
+
+  /* 更新 visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+</script>
diff --git a/src/views/dormitory/user/components/user-info.vue b/src/views/dormitory/user/components/user-info.vue
new file mode 100644
index 0000000..a737d2f
--- /dev/null
+++ b/src/views/dormitory/user/components/user-info.vue
@@ -0,0 +1,143 @@
+<!-- 用户编辑弹窗 -->
+<template>
+  <a-drawer
+    :width="680"
+    :visible="visible"
+    :confirm-loading="loading"
+    :title="'基本信息'"
+    :body-style="{ paddingBottom: '8px' }"
+    @update:visible="updateVisible"
+    :footer="null"
+  >
+    <a-form
+      :label-col="{ md: { span: 6 }, sm: { span: 24 } }"
+      :wrapper-col="{ md: { span: 19 }, sm: { span: 24 } }"
+    >
+      <a-row :gutter="16">
+        <a-col
+          v-bind="styleResponsive ? { md: 12, sm: 24, xs: 24 } : { span: 12 }"
+        >
+          <a-form-item label="账号">
+            <span class="ele-text">{{ user.username }}</span>
+          </a-form-item>
+          <a-form-item label="昵称">
+            <span class="ele-text">{{ user.nickname }}</span>
+          </a-form-item>
+          <a-form-item label="性别">
+            <span class="ele-text">{{ user.sexName }}</span>
+          </a-form-item>
+          <a-form-item label="手机号">
+            <span class="ele-text">{{ user.phone }}</span>
+          </a-form-item>
+          <a-form-item label="角色">
+            <a-tag v-for="item in user.roles" :key="item.roleId" color="blue">
+              {{ item.roleName }}
+            </a-tag>
+          </a-form-item>
+          <a-form-item label="状态">
+            <a-badge
+              v-if="typeof user.status === 'number'"
+              :status="(['processing', 'error'][user.status] as any)"
+              :text="['正常', '冻结'][user.status]"
+            />
+          </a-form-item>
+          <a-form-item label="地址">
+            <span class="ele-text">{{ user.address }}</span>
+          </a-form-item>
+        </a-col>
+        <a-col
+          v-bind="styleResponsive ? { md: 12, sm: 24, xs: 24 } : { span: 12 }"
+        >
+          <a-form-item label="可用余额">
+            <span class="ele-text-success">￥{{ formatNumber(user.balance) }}</span>
+          </a-form-item>
+          <a-form-item label="可用积分">
+            <span class="ele-text">{{ user.points }}</span>
+          </a-form-item>
+          <a-form-item label="实际消费">
+            <span class="ele-text">{{ user.payMoney }}</span>
+          </a-form-item>
+          <a-form-item label="机构/部门">
+            <span class="ele-text">{{ user.organizationName }}</span>
+          </a-form-item>
+          <a-form-item label="头像">
+            <a-image :src="user.avatar" :width="36" />
+          </a-form-item>
+          <a-form-item label="生日">
+            <span class="ele-text">{{ user.birthday }}</span>
+          </a-form-item>
+          <a-form-item label="创建时间">
+            <span class="ele-text">{{ user.createTime }}</span>
+          </a-form-item>
+        </a-col>
+      </a-row>
+    </a-form>
+  </a-drawer>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, watch } from 'vue';
+  import { Form } from 'ant-design-vue';
+  import { assignObject } from 'ele-admin-pro';
+  import type { User } from '@/api/system/user/model';
+  import { useThemeStore } from '@/store/modules/theme';
+  import { formatNumber } from 'ele-admin-pro/es';
+  import { storeToRefs } from 'pinia';
+
+  const useForm = Form.useForm;
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: User | null;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  // 用户信息
+  const user = reactive<User>({
+    username: '',
+    nickname: '',
+    sexName: '',
+    phone: '',
+    avatar: '',
+    balance: undefined,
+    points: 0,
+    payMoney: 0,
+    birthday: '',
+    address: '',
+    roles: [],
+    createTime: undefined,
+    status: undefined
+  });
+
+  // 请求状态
+  const loading = ref(true);
+
+  const { resetFields } = useForm(user);
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  watch(
+    () => props.visible,
+    (visible) => {
+      if (visible) {
+        if (props.data) {
+          loading.value = false;
+          assignObject(user, props.data);
+        }
+      } else {
+        resetFields();
+      }
+    }
+  );
+</script>
diff --git a/src/views/dormitory/user/components/user-search.vue b/src/views/dormitory/user/components/user-search.vue
new file mode 100644
index 0000000..b68abad
--- /dev/null
+++ b/src/views/dormitory/user/components/user-search.vue
@@ -0,0 +1,111 @@
+<!-- 搜索表单 -->
+<template>
+  <a-form
+    :label-col="
+      styleResponsive ? { xl: 7, lg: 5, md: 7, sm: 4 } : { flex: '90px' }
+    "
+    :wrapper-col="
+      styleResponsive ? { xl: 17, lg: 19, md: 17, sm: 20 } : { flex: '1' }
+    "
+  >
+    <a-row :gutter="8">
+      <a-col
+        v-bind="
+          styleResponsive
+            ? { xl: 6, lg: 12, md: 12, sm: 24, xs: 24 }
+            : { span: 6 }
+        "
+      >
+        <a-form-item label="用户账号">
+          <a-input
+            v-model:value.trim="form.username"
+            placeholder="请输入"
+            allow-clear
+          />
+        </a-form-item>
+      </a-col>
+      <a-col
+        v-bind="
+          styleResponsive
+            ? { xl: 6, lg: 12, md: 12, sm: 24, xs: 24 }
+            : { span: 6 }
+        "
+      >
+        <a-form-item label="昵称">
+          <a-input
+            v-model:value.trim="form.nickname"
+            placeholder="请输入"
+            allow-clear
+          />
+        </a-form-item>
+      </a-col>
+      <a-col
+        v-bind="
+          styleResponsive
+            ? { xl: 6, lg: 12, md: 12, sm: 24, xs: 24 }
+            : { span: 6 }
+        "
+      >
+        <a-form-item label="性别">
+          <a-select v-model:value="form.sex" placeholder="请选择" allow-clear>
+            <a-select-option value="1">男</a-select-option>
+            <a-select-option value="2">女</a-select-option>
+          </a-select>
+        </a-form-item>
+      </a-col>
+      <a-col
+        v-bind="
+          styleResponsive
+            ? { xl: 6, lg: 12, md: 12, sm: 24, xs: 24 }
+            : { span: 6 }
+        "
+      >
+        <a-form-item class="ele-text-right" :wrapper-col="{ span: 24 }">
+          <a-space>
+            <a-button type="primary" @click="search">查询</a-button>
+            <a-button @click="reset">重置</a-button>
+          </a-space>
+        </a-form-item>
+      </a-col>
+    </a-row>
+  </a-form>
+</template>
+
+<script lang="ts" setup>
+  import { storeToRefs } from 'pinia';
+  import { useThemeStore } from '@/store/modules/theme';
+  import useFormData from '@/utils/use-form-data';
+  import type { UserParam } from '@/api/system/user/model';
+
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+
+  const props = defineProps<{
+    // 默认搜索条件
+    where?: UserParam;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'search', where?: UserParam): void;
+  }>();
+
+  // 表单数据
+  const { form, resetFields } = useFormData<UserParam>({
+    username: '',
+    nickname: '',
+    sex: undefined,
+    ...props.where
+  });
+
+  /* 搜索 */
+  const search = () => {
+    emit('search', form);
+  };
+
+  /*  重置 */
+  const reset = () => {
+    resetFields();
+    search();
+  };
+</script>
diff --git a/src/views/dormitory/user/components/userEdit.vue b/src/views/dormitory/user/components/userEdit.vue
new file mode 100644
index 0000000..3a59597
--- /dev/null
+++ b/src/views/dormitory/user/components/userEdit.vue
@@ -0,0 +1,274 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑' : '添加'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="用户唯一小程序id" name="openId">
+        <a-input
+          allow-clear
+          placeholder="请输入用户唯一小程序id"
+          v-model:value="form.openId"
+        />
+      </a-form-item>
+      <a-form-item label="小程序用户秘钥" name="sessionKey">
+        <a-input
+          allow-clear
+          placeholder="请输入小程序用户秘钥"
+          v-model:value="form.sessionKey"
+        />
+      </a-form-item>
+      <a-form-item label="用户名" name="username">
+        <a-input
+          allow-clear
+          placeholder="请输入用户名"
+          v-model:value="form.username"
+        />
+      </a-form-item>
+      <a-form-item label="头像地址" name="avatarUrl">
+        <a-input
+          allow-clear
+          placeholder="请输入头像地址"
+          v-model:value="form.avatarUrl"
+        />
+      </a-form-item>
+      <a-form-item label="1男，2女" name="gender">
+        <a-input
+          allow-clear
+          placeholder="请输入1男，2女"
+          v-model:value="form.gender"
+        />
+      </a-form-item>
+      <a-form-item label="国家" name="country">
+        <a-input
+          allow-clear
+          placeholder="请输入国家"
+          v-model:value="form.country"
+        />
+      </a-form-item>
+      <a-form-item label="省份" name="province">
+        <a-input
+          allow-clear
+          placeholder="请输入省份"
+          v-model:value="form.province"
+        />
+      </a-form-item>
+      <a-form-item label="城市" name="city">
+        <a-input
+          allow-clear
+          placeholder="请输入城市"
+          v-model:value="form.city"
+        />
+      </a-form-item>
+      <a-form-item label="手机号码" name="phone">
+        <a-input
+          allow-clear
+          placeholder="请输入手机号码"
+          v-model:value="form.phone"
+        />
+      </a-form-item>
+      <a-form-item label="积分" name="integral">
+        <a-input
+          allow-clear
+          placeholder="请输入积分"
+          v-model:value="form.integral"
+        />
+      </a-form-item>
+      <a-form-item label="余额" name="money">
+        <a-input
+          allow-clear
+          placeholder="请输入余额"
+          v-model:value="form.money"
+        />
+      </a-form-item>
+      <a-form-item label="" name="idcard">
+        <a-input
+          allow-clear
+          placeholder="请输入"
+          v-model:value="form.idcard"
+        />
+      </a-form-item>
+      <a-form-item label="" name="truename">
+        <a-input
+          allow-clear
+          placeholder="请输入"
+          v-model:value="form.truename"
+        />
+      </a-form-item>
+      <a-form-item label="是否管理员：1是；2否" name="isAdmin">
+        <a-input
+          allow-clear
+          placeholder="请输入是否管理员：1是；2否"
+          v-model:value="form.isAdmin"
+        />
+      </a-form-item>
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, watch } from 'vue';
+  import { Form, message } from 'ant-design-vue';
+  import { assignObject, uuid } from 'ele-admin-pro';
+  import { addUser, updateUser } from '@/api/system/user';
+  import { User } from '@/api/system/user/model';
+  import { useThemeStore } from '@/store/modules/theme';
+  import { storeToRefs } from 'pinia';
+  import { ItemType } from 'ele-admin-pro/es/ele-image-upload/types';
+  import { FormInstance } from 'ant-design-vue/es/form';
+  import { FileRecord } from '@/api/system/file/model';
+
+  // 是否是修改
+  const isUpdate = ref(false);
+  const useForm = Form.useForm;
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: User | null;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  // 提交状态
+  const loading = ref(false);
+  // 是否显示最大化切换按钮
+  const maxable = ref(true);
+  // 表格选中数据
+  const formRef = ref<FormInstance | null>(null);
+  const images = ref<ItemType[]>([]);
+
+  // 用户信息
+  const form = reactive<User>({
+    id: undefined,
+    openId: undefined,
+    sessionKey: undefined,
+    username: undefined,
+    avatarUrl: undefined,
+    gender: undefined,
+    country: undefined,
+    province: undefined,
+    city: undefined,
+    phone: undefined,
+    integral: undefined,
+    money: undefined,
+    createTime: undefined,
+    idcard: undefined,
+    truename: undefined,
+    isAdmin: undefined,
+    tenantId: undefined,
+    userId: undefined,
+    userName: '',
+    status: 0,
+    comments: '',
+    sortNumber: 100
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    userName: [
+      {
+        required: true,
+        type: 'string',
+        message: '请填写名称',
+        trigger: 'blur'
+      }
+    ]
+  });
+
+  const chooseImage = (data: FileRecord) => {
+    images.value.push({
+      uid: data.id,
+      url: data.path,
+      status: 'done'
+    });
+    form.image = data.path;
+  };
+
+  const onDeleteItem = (index: number) => {
+    images.value.splice(index, 1);
+    form.image = '';
+  };
+
+  const { resetFields } = useForm(form, rules);
+
+  /* 保存编辑 */
+  const save = () => {
+    if (!formRef.value) {
+      return;
+    }
+    formRef.value
+      .validate()
+      .then(() => {
+        loading.value = true;
+        const formData = {
+          ...form
+        };
+        const saveOrUpdate = isUpdate.value ? updateUser : addUser;
+        saveOrUpdate(formData)
+          .then((msg) => {
+            loading.value = false;
+            message.success(msg);
+            updateVisible(false);
+            emit('done');
+          })
+          .catch((e) => {
+            loading.value = false;
+            message.error(e.message);
+          });
+      })
+      .catch(() => {});
+  };
+
+  watch(
+    () => props.visible,
+    (visible) => {
+      if (visible) {
+        images.value = [];
+        if (props.data) {
+          assignObject(form, props.data);
+          if(props.data.image){
+            images.value.push({
+              uid: uuid(),
+              url: props.data.image,
+              status: 'done'
+            })
+          }
+          isUpdate.value = true;
+        } else {
+          isUpdate.value = false;
+        }
+      } else {
+        resetFields();
+      }
+    },
+    { immediate: true }
+  );
+</script>
diff --git a/src/views/dormitory/user/details/index.vue b/src/views/dormitory/user/details/index.vue
new file mode 100644
index 0000000..9e535df
--- /dev/null
+++ b/src/views/dormitory/user/details/index.vue
@@ -0,0 +1,130 @@
+<template>
+  <div class="ele-body">
+    <a-card title="基本信息" :bordered="false">
+      <a-form
+        class="ele-form-detail"
+        :label-col="
+          styleResponsive ? { md: 2, sm: 4, xs: 6 } : { flex: '90px' }
+        "
+        :wrapper-col="
+          styleResponsive ? { md: 22, sm: 20, xs: 18 } : { flex: '1' }
+        "
+      >
+        <a-form-item label="账号">
+          <div class="ele-text-secondary">{{ form.username }}</div>
+        </a-form-item>
+        <a-form-item label="昵称">
+          <div class="ele-text-secondary">{{ form.nickname }}</div>
+        </a-form-item>
+        <a-form-item label="性别">
+          <div class="ele-text-secondary">{{ form.sexName }}</div>
+        </a-form-item>
+        <a-form-item label="手机号">
+          <div class="ele-text-secondary">{{ form.phone }}</div>
+        </a-form-item>
+        <a-form-item label="真实姓名">
+          <div class="ele-text-secondary">{{ form.realName }}</div>
+        </a-form-item>
+        <a-form-item label="别名">
+          <div class="ele-text-secondary">{{ form.alias }}</div>
+        </a-form-item>
+        <a-form-item label="角色">
+          <a-tag v-for="item in form.roles" :key="item.roleId" color="blue">
+            {{ item.roleName }}
+          </a-tag>
+        </a-form-item>
+        <a-form-item label="创建时间">
+          <div class="ele-text-secondary">{{ form.createTime }}</div>
+        </a-form-item>
+        <a-form-item label="状态">
+          <a-badge
+            v-if="typeof form.status === 'number'"
+            :status="(['processing', 'error'][form.status] as any)"
+            :text="['正常', '冻结'][form.status]"
+          />
+        </a-form-item>
+      </a-form>
+    </a-card>
+  </div>
+</template>
+
+<script lang="ts" setup>
+  import { ref, watch, unref } from 'vue';
+  import { useRouter } from 'vue-router';
+  import { message } from 'ant-design-vue/es';
+  import { toDateString } from 'ele-admin-pro/es';
+  import { storeToRefs } from 'pinia';
+  import { useThemeStore } from '@/store/modules/theme';
+  import useFormData from '@/utils/use-form-data';
+  import { setPageTabTitle } from '@/utils/page-tab-util';
+  import { getUser } from '@/api/system/user';
+  import type { User } from '@/api/system/user/model';
+  const ROUTE_PATH = '/system/user/details';
+
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+
+  const { currentRoute } = useRouter();
+
+  // 用户信息
+  const { form, assignFields } = useFormData<User>({
+    userId: undefined,
+    alias: '',
+    realName: '',
+    username: '',
+    nickname: '',
+    sexName: '',
+    phone: '',
+    roles: [],
+    createTime: undefined,
+    status: undefined
+  });
+
+  // 请求状态
+  const loading = ref(true);
+
+  /*  */
+  const query = () => {
+    const { query } = unref(currentRoute);
+    const id = query.id;
+    if (!id || form.userId === Number(id)) {
+      return;
+    }
+    loading.value = true;
+    getUser(Number(id))
+      .then((data) => {
+        loading.value = false;
+        assignFields({
+          ...data,
+          createTime: toDateString(data.createTime)
+        });
+        // 修改页签标题
+        if (unref(currentRoute).path === ROUTE_PATH) {
+          setPageTabTitle(data.nickname + '的信息');
+        }
+      })
+      .catch((e) => {
+        loading.value = false;
+        message.error(e.message);
+      });
+  };
+
+  watch(
+    currentRoute,
+    (route) => {
+      const { path } = unref(route);
+      if (path !== ROUTE_PATH) {
+        return;
+      }
+      query();
+    },
+    { immediate: true }
+  );
+</script>
+
+<script lang="ts">
+  export default {
+    name: 'SystemUserDetails'
+  };
+</script>
diff --git a/src/views/dormitory/user/index.vue b/src/views/dormitory/user/index.vue
new file mode 100644
index 0000000..44d6043
--- /dev/null
+++ b/src/views/dormitory/user/index.vue
@@ -0,0 +1,681 @@
+<template>
+  <a-page-header :title="getPageTitle()" @back="() => $router.go(-1)">
+<!--    <template #extra>-->
+<!--      <Extra/>-->
+<!--    </template>-->
+    <a-card :bordered="false">
+      <!-- 表格 -->
+      <ele-pro-table
+        ref="tableRef"
+        row-key="userId"
+        :columns="columns"
+        :datasource="datasource"
+        v-model:selection="selection"
+        :scroll="{ x: 1300 }"
+        :where="defaultWhere"
+        :customRow="customRow"
+        cache-key="proSystemUserTable"
+      >
+        <template #toolbar>
+          <a-space>
+            <a-button type="primary" class="ele-btn-icon" @click="openEdit()">
+              <template #icon>
+                <plus-outlined/>
+              </template>
+              <span>新建</span>
+            </a-button>
+            <a-button
+              type="primary"
+              class="ele-btn-icon"
+              @click="openEdit(selection[0])"
+              :disabled="selection.length === 0"
+            >
+              <template #icon>
+                <EditOutlined/>
+              </template>
+              <span>修改</span>
+            </a-button>
+            <a-button
+              type="primary"
+              danger
+              @click="resetPsw(selection[0])"
+              :disabled="selection.length === 0"
+            >重置密码
+            </a-button
+            >
+            <a-button
+              danger
+              type="primary"
+              class="ele-btn-icon"
+              @click="removeBatch"
+            >
+              <template #icon>
+                <delete-outlined/>
+              </template>
+              <span>批量删除</span>
+            </a-button>
+            <template v-if="hasRole('superAdmin')">
+              <a-button type="dashed" class="ele-btn-icon" @click="openImport">
+                <template #icon>
+                  <upload-outlined/>
+                </template>
+                <span>导入</span>
+              </a-button>
+              <a-button type="dashed" @click="handleExport">导出xls</a-button>
+            </template>
+            <a-input-search
+              allow-clear
+              v-model:value="searchText"
+              placeholder="请输入关键词"
+              @search="handleSearch"
+              @pressEnter="handleSearch"
+            />
+          </a-space>
+        </template>
+        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'avatar'">
+            <a-avatar
+              :size="30"
+              :src="`${record.avatar}`"
+              style="margin-right: 4px"
+            >
+              <template #icon>
+                <UserOutlined/>
+              </template>
+            </a-avatar>
+          </template>
+          <template v-if="column.key === 'nickname'">
+            <span>{{ record.nickname }}</span>
+          </template>
+          <template v-if="column.key === 'mobile'">
+            <span v-if="hasRole('superAdmin')">{{ record.phone }}</span>
+            <span v-else>{{ record.mobile }}</span>
+          </template>
+          <template v-if="column.key === 'roles'">
+            <a-tag v-for="item in record.roles" :key="item.roleId" color="blue">
+              {{ item.roleName }}
+            </a-tag>
+          </template>
+          <template v-if="column.key === 'platform'">
+            <WechatOutlined v-if="record.platform === 'MP-WEIXIN'"/>
+            <Html5Outlined v-if="record.platform === 'H5'"/>
+            <ChromeOutlined v-if="record.platform === 'WEB'"/>
+          </template>
+          <template v-if="column.key === 'balance'">
+            <span class="ele-text-success">
+              ￥{{ formatNumber(record.balance) }}
+            </span>
+          </template>
+          <template v-if="column.key === 'expendMoney'">
+            <span class="ele-text-warning">
+              ￥{{ formatNumber(record.expendMoney) }}
+            </span>
+          </template>
+          <template v-if="column.key === 'isAdmin'">
+            <a-tag v-if="record.isAdmin">是</a-tag>
+            <a-tag v-else>否</a-tag>
+            <!--            <a-switch-->
+            <!--              :checked="record.isAdmin == 1"-->
+            <!--              @change="updateIsAdmin(record)"-->
+            <!--            />-->
+          </template>
+          <template v-if="column.key === 'action'">
+            <div>
+              <a @click="openEdit(record)">修改</a>
+              <a-divider type="vertical"/>
+              <!--              <a @click="resetPsw(record)">重置</a>-->
+              <!--              <a-divider type="vertical" />-->
+              <a-popconfirm
+                placement="topRight"
+                title="确定要删除此用户吗？"
+                @confirm="remove(record)"
+              >
+                <a class="ele-text-danger">删除</a>
+              </a-popconfirm>
+            </div>
+          </template>
+        </template>
+      </ele-pro-table>
+    </a-card>
+    <!-- 编辑弹窗 -->
+    <user-edit
+      v-model:visible="showEdit"
+      :data="current"
+      :organization-list="data"
+      @done="reload"
+    />
+    <!-- 导入弹窗 -->
+    <user-import v-model:visible="showImport" @done="reload"/>
+    <!-- 用户详情 -->
+    <user-info v-model:visible="showInfo" :data="current" @done="reload"/>
+  </a-page-header>
+</template>
+
+<script lang="ts" setup>
+import {createVNode, ref,computed, reactive} from 'vue';
+import {message, Modal} from 'ant-design-vue/es';
+import {
+  PlusOutlined,
+  DeleteOutlined,
+  UploadOutlined,
+  EditOutlined,
+  UserOutlined,
+  Html5Outlined,
+  ChromeOutlined,
+  WechatOutlined,
+  ExclamationCircleOutlined
+} from '@ant-design/icons-vue';
+import type {EleProTable} from 'ele-admin-pro/es';
+import type {
+  DatasourceFunction,
+  ColumnItem
+} from 'ele-admin-pro/es/ele-pro-table/types';
+import {messageLoading, formatNumber} from 'ele-admin-pro/es';
+import UserEdit from './components/user-edit.vue';
+import UserImport from './components/user-import.vue';
+import UserInfo from './components/user-info.vue';
+import {toDateString} from 'ele-admin-pro';
+import {
+  pageUsers,
+  removeUser,
+  removeUsers,
+  updateUserPassword,
+  updateUser,
+  listUsers
+} from '@/api/system/user';
+import type {User, UserParam} from '@/api/system/user/model';
+import {toTreeData, uuid} from 'ele-admin-pro';
+import {utils, writeFile} from 'xlsx';
+import dayjs from 'dayjs';
+import {listRoles} from '@/api/system/role';
+import {listOrganizations} from '@/api/system/organization';
+import {Organization} from '@/api/system/organization/model';
+import {hasRole} from '@/utils/permission';
+import {getPageTitle} from "@/utils/common";
+import Extra from "./components/Extra.vue";
+import {useUserStore} from '@/store/modules/user';
+
+// 加载状态
+const loading = ref(true);
+// 树形数据
+const data = ref<Organization[]>([]);
+// 树展开的key
+const expandedRowKeys = ref<number[]>([]);
+// 树选中的key
+const selectedRowKeys = ref<number[]>([]);
+// 表格选中数据
+const selection = ref<User[]>([]);
+// 当前编辑数据
+const current = ref<User | null>(null);
+// 是否显示编辑弹窗
+const showEdit = ref(false);
+// 是否显示用户详情
+const showInfo = ref(false);
+// 是否显示用户导入弹窗
+const showImport = ref(false);
+const userType = ref<number>();
+const searchText = ref('');
+const userStore = useUserStore();
+// 当前用户信息
+const loginUser = computed(() => userStore.info ?? {});
+// 加载角色
+const roles = ref<any[]>([]);
+const filters = () => {
+  listRoles().then((result) => {
+    result.map((d) => {
+      roles.value.push({
+        text: d.roleName,
+        value: d.roleId
+      });
+    });
+  });
+};
+filters();
+// 加载机构
+listOrganizations()
+  .then((list) => {
+    loading.value = false;
+    const eks: number[] = [];
+    list.forEach((d) => {
+      d.key = d.organizationId;
+      d.value = d.organizationId;
+      d.title = d.organizationName;
+      if (typeof d.key === 'number') {
+        eks.push(d.key);
+      }
+    });
+    expandedRowKeys.value = eks;
+    data.value = toTreeData({
+      data: list,
+      idField: 'organizationId',
+      parentIdField: 'parentId'
+    });
+    if (list.length) {
+      if (typeof list[0].key === 'number') {
+        selectedRowKeys.value = [list[0].key];
+      }
+      // current.value = list[0];
+    } else {
+      selectedRowKeys.value = [];
+      // current.value = null;
+    }
+  })
+  .catch((e) => {
+    loading.value = false;
+    message.error(e.message);
+  });
+
+// 表格实例
+const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+// 表格列配置
+const columns = ref<ColumnItem[]>([
+  {
+    title: 'ID',
+    dataIndex: 'userId',
+    width: 90,
+    showSorterTooltip: false
+  },
+  {
+    title: '头像',
+    key: 'avatar',
+    dataIndex: 'avatar',
+    align: 'center',
+    width: 90
+  },
+  {
+    title: '真实姓名',
+    dataIndex: 'realName',
+    align: 'center',
+    showSorterTooltip: false
+  },
+  {
+    title: '角色',
+    dataIndex: 'roles',
+    key: 'roles',
+    align: 'center'
+  },
+  {
+    title: '手机号码',
+    dataIndex: 'mobile',
+    align: 'center',
+    key: 'mobile',
+    showSorterTooltip: false
+  },
+  // {
+  //   title: '昵称',
+  //   key: 'nickname',
+  //   align: 'center',
+  //   dataIndex: 'nickname'
+  // },
+  {
+    title: '性别',
+    dataIndex: 'sex',
+    align: 'center',
+    showSorterTooltip: false,
+    customRender: ({text}) => ['', '男', '女'][text]
+  },
+  {
+    title: '邮箱',
+    dataIndex: 'email',
+    align: 'center',
+    hideInTable: true,
+    showSorterTooltip: false
+  },
+  // {
+  //   title: '可用余额',
+  //   dataIndex: 'balance',
+  //   align: 'center'
+  // },
+  // {
+  //   title: '可用积分',
+  //   dataIndex: 'points',
+  //   align: 'center',
+  //   sorter: true
+  // },
+  {
+    title: '实际消费金额',
+    dataIndex: 'expendMoney',
+    key: 'expendMoney',
+    sorter: true,
+    align: 'center',
+    hideInTable: true,
+    showSorterTooltip: false
+  },
+  // {
+  //   title: '注册来源',
+  //   key: 'platform',
+  //   align: 'center',
+  //   dataIndex: 'platform',
+  //   width: 120
+  // },
+  {
+    title: '证件号码',
+    dataIndex: 'idCard',
+    align: 'center',
+    hideInTable: true
+  },
+  {
+    title: '出生日期',
+    dataIndex: 'birthday',
+    key: 'birthday',
+    hideInTable: true
+  },
+  {
+    title: '省份',
+    dataIndex: 'province',
+    key: 'province',
+    hideInTable: true
+  },
+  {
+    title: '城市',
+    dataIndex: 'city',
+    key: 'city',
+    hideInTable: true,
+    showSorterTooltip: false
+  },
+  {
+    title: '地区',
+    dataIndex: 'region',
+    key: 'region',
+    hideInTable: true,
+    showSorterTooltip: false
+  },
+  {
+    title: '邮箱认证',
+    dataIndex: 'emailVerified',
+    hideInTable: true,
+    showSorterTooltip: false,
+    customRender: ({text}) => ['未认证', '已认证'][text]
+  },
+  {
+    title: '实名认证',
+    dataIndex: 'certification',
+    sorter: true,
+    hideInTable: true,
+    customRender: ({text}) => ['未认证', '已认证'][text]
+  },
+  {
+    title: '管理员',
+    key: 'isAdmin',
+    dataIndex: 'isAdmin',
+    sorter: true,
+    hideInTable: true,
+    showSorterTooltip: false,
+    align: 'center'
+  },
+  {
+    title: '注册时间',
+    dataIndex: 'createTime',
+    sorter: true,
+    showSorterTooltip: false,
+    ellipsis: true,
+    customRender: ({text}) => toDateString(text, 'yyyy-MM-dd HH:mm:ss')
+  },
+  {
+    title: '操作',
+    key: 'action',
+    width: 120,
+    fixed: 'right',
+    align: 'center'
+  }
+]);
+
+// 默认搜索条件
+const defaultWhere = reactive({
+  username: '',
+  nickname: ''
+});
+
+// 表格数据源
+const datasource: DatasourceFunction = ({
+                                          page,
+                                          limit,
+                                          where,
+                                          orders,
+                                          filters
+                                        }) => {
+  where = {};
+  where.roleId = filters.roles;
+  where.keywords = searchText.value;
+  return pageUsers({page, limit, ...where, ...orders});
+};
+
+/* 搜索 */
+const reload = (where?: UserParam) => {
+  selection.value = [];
+  tableRef?.value?.reload({where});
+};
+
+/* 打开编辑弹窗 */
+const openEdit = (row?: User) => {
+  current.value = row ?? null;
+  showEdit.value = true;
+};
+
+/* 打开用户详情弹窗 */
+const openInfo = (row?: User) => {
+  current.value = row ?? null;
+  showInfo.value = true;
+};
+
+/* 打开编辑弹窗 */
+const openImport = () => {
+  showImport.value = true;
+};
+
+const handleTabs = (e) => {
+  userType.value = Number(e.target.value);
+  reload();
+};
+
+/* 删除单个 */
+const remove = (row: User) => {
+  const hide = messageLoading('请求中..', 0);
+  removeUser(row.userId)
+    .then((msg) => {
+      hide();
+      message.success(msg);
+      reload();
+    })
+    .catch((e) => {
+      hide();
+      message.error(e.message);
+    });
+};
+
+/* 批量删除 */
+const removeBatch = () => {
+  if (!selection.value.length) {
+    message.error('请至少选择一条数据');
+    return;
+  }
+  Modal.confirm({
+    title: '提示',
+    content: '确定要删除选中的用户吗?',
+    icon: createVNode(ExclamationCircleOutlined),
+    maskClosable: true,
+    onOk: () => {
+      const hide = messageLoading('请求中..', 0);
+      removeUsers(selection.value.map((d) => d.userId))
+        .then((msg) => {
+          hide();
+          message.success(msg);
+          reload();
+        })
+        .catch((e) => {
+          hide();
+          message.error(e.message);
+        });
+    }
+  });
+};
+
+/* 重置用户密码 */
+const resetPsw = (row: User) => {
+  Modal.confirm({
+    title: '提示',
+    content: '确定要重置此用户的密码吗?',
+    icon: createVNode(ExclamationCircleOutlined),
+    maskClosable: true,
+    onOk: () => {
+      const hide = message.loading('请求中..', 0);
+      const password = uuid(8);
+      updateUserPassword(row.userId, password)
+        .then((msg) => {
+          hide();
+          message.success(msg + '，新密码：' + password);
+        })
+        .catch((e) => {
+          hide();
+          message.error(e.message);
+        });
+    }
+  });
+};
+
+/* 修改用户状态 */
+const updateIsAdmin = (row: User) => {
+  row.isAdmin = !row.isAdmin;
+  updateUser(row)
+    .then((msg) => {
+      message.success(msg);
+    })
+    .catch((e) => {
+      message.error(e.message);
+    });
+};
+
+/* 搜索处理 */
+const handleSearch = () => {
+  reload();
+};
+
+/* 导出功能 */
+const handleExport = async () => {
+  if (loading.value) {
+    return;
+  }
+
+  loading.value = true;
+  message.loading('正在准备导出数据...', 0);
+
+  try {
+    const array: (string | number)[][] = [
+      [
+        '用户ID',
+        '头像',
+        '手机号码',
+        '真实姓名',
+        '昵称',
+        '性别',
+        '邮箱',
+        '可用余额',
+        '可用积分',
+        '注册来源',
+        '注册时间'
+      ]
+    ];
+
+    // 构建查询参数
+    const queryParams = {
+      keywords: searchText.value
+    };
+
+    // 按搜索结果导出
+    const list = await listUsers(queryParams);
+
+    if (!list || list.length === 0) {
+      message.warning('没有数据可以导出');
+      loading.value = false;
+      return;
+    }
+
+    list.forEach((user: User) => {
+      array.push([
+        `${user.userId || ''}`,
+        `${user.avatar ? '有头像' : '无头像'}`,
+        `${user.phone || ''}`,
+        `${user.realName || ''}`,
+        `${user.nickname || ''}`,
+        `${user.sex === '1' ? '男' : user.sex === '2' ? '女' : ''}`,
+        `${user.email || ''}`,
+        `${user.balance || '0'}`,
+        `${user.points || '0'}`,
+        `${user.platform || ''}`,
+        `${user.createTime || ''}`
+      ]);
+    });
+
+    const sheetName = `导出用户列表${dayjs(new Date()).format('YYYYMMDD')}`;
+    const workbook = {
+      SheetNames: [sheetName],
+      Sheets: {}
+    };
+    const sheet = utils.aoa_to_sheet(array);
+    workbook.Sheets[sheetName] = sheet;
+
+    // 设置列宽
+    sheet['!cols'] = [
+      {wch: 10}, // 用户ID
+      {wch: 10}, // 头像
+      {wch: 15}, // 手机号码
+      {wch: 15}, // 真实姓名
+      {wch: 15}, // 昵称
+      {wch: 8},  // 性别
+      {wch: 20}, // 邮箱
+      {wch: 12}, // 可用余额
+      {wch: 12}, // 可用积分
+      {wch: 12}, // 注册来源
+      {wch: 20}  // 注册时间
+    ];
+
+    message.destroy();
+    message.loading('正在生成Excel文件...', 0);
+
+    setTimeout(() => {
+      writeFile(workbook, `${sheetName}.xlsx`);
+      loading.value = false;
+      message.destroy();
+      message.success(`成功导出 ${list.length} 条记录`);
+    }, 1000);
+
+  } catch (error: any) {
+    loading.value = false;
+    message.destroy();
+    message.error(error.message || '导出失败，请重试');
+  }
+};
+
+/* 自定义行属性 */
+const customRow = (record: User) => {
+  return {
+    // 行点击事件
+    onClick: () => {
+      // console.log(record);
+    },
+    // 行双击事件
+    onDblclick: () => {
+      openEdit(record);
+    }
+  };
+};
+</script>
+
+<script lang="ts">
+export default {
+  name: 'SystemUser'
+};
+</script>
+
+<style lang="less" scoped>
+.user-box {
+  display: flex;
+  align-items: center;
+
+  .user-info {
+    display: flex;
+    flex-direction: column;
+    align-items: start;
+  }
+}
+</style>
diff --git a/src/views/hjm/count/components/hjmFenceEdit.vue b/src/views/hjm/count/components/hjmFenceEdit.vue
new file mode 100644
index 0000000..5d3ae2d
--- /dev/null
+++ b/src/views/hjm/count/components/hjmFenceEdit.vue
@@ -0,0 +1,306 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑电子围栏' : '添加电子围栏'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="围栏名称" name="name">
+        <a-input
+          allow-clear
+          placeholder="请输入围栏名称"
+          v-model:value="form.name"
+        />
+      </a-form-item>
+      <!--      <a-form-item label="类型" name="type">-->
+      <!--        <a-radio-group v-model:value="form.type">-->
+      <!--          <a-radio :value="0">圆形</a-radio>-->
+      <!--          <a-radio :value="1">方形</a-radio>-->
+      <!--        </a-radio-group>-->
+      <!--      </a-form-item>-->
+<!--      <a-form-item label="经纬度" name="location">-->
+<!--        <div class="flex">-->
+<!--          <a-input-->
+<!--            allow-clear-->
+<!--            placeholder="请选取车辆所在位置"-->
+<!--            v-model:value="form.location"-->
+<!--          >-->
+<!--          </a-input>-->
+<!--        </div>-->
+<!--      </a-form-item>-->
+      <a-form-item label="轮廓" name="points">
+        <div class="flex">
+          <a-input
+            allow-clear
+            placeholder="请选取电子围栏的轮廓"
+            v-model:value="form.points"
+          >
+          </a-input>
+        </div>
+        <template #extra>
+          <p class="py-2">
+            <a class="text-blue-500" href="https://lbs.qq.com/dev/console/cloud/placeCloud/datamanage?table_id=0q3W4MrK1-_6Xag7V1" target="_blank">使用腾讯地图的工具绘制电子围栏</a>
+          </p>
+        </template>
+      </a-form-item>
+<!--      <a-form-item label="经度" name="longitude">-->
+<!--        <a-input-number-->
+<!--          allow-clear-->
+<!--          style="width: 120px"-->
+<!--          placeholder="请输入经度"-->
+<!--          v-model:value="form.longitude"-->
+<!--        />-->
+<!--      </a-form-item>-->
+<!--      <a-form-item label="纬度" name="latitude">-->
+<!--        <a-input-number-->
+<!--          allow-clear-->
+<!--          style="width: 120px"-->
+<!--          placeholder="请输入纬度"-->
+<!--          v-model:value="form.latitude"-->
+<!--        />-->
+<!--      </a-form-item>-->
+<!--      <a-form-item label="半径" name="district">-->
+<!--        <a-input-number-->
+<!--          allow-clear-->
+<!--          style="width: 120px"-->
+<!--          placeholder="请输入半径"-->
+<!--          v-model:value="form.district"-->
+<!--        />-->
+<!--      </a-form-item>-->
+      <!--      <a-form-item label="排序" name="sortNumber">-->
+      <!--        <a-input-number-->
+      <!--          :min="0"-->
+      <!--          :max="9999"-->
+      <!--          class="ele-fluid"-->
+      <!--          placeholder="请输入排序号"-->
+      <!--          v-model:value="form.sortNumber"-->
+      <!--        />-->
+      <!--      </a-form-item>-->
+      <a-form-item label="备注" name="comments">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="请输入描述"
+          v-model:value="form.comments"
+        />
+      </a-form-item>
+    </a-form>
+    <!-- 地图位置选择弹窗 -->
+    <ele-map-picker
+      :need-city="true"
+      :dark-mode="darkMode"
+      v-model:visible="showMap"
+      :center="[108.374959, 22.767024]"
+      :search-type="1"
+      :zoom="12"
+      @done="onDone"
+    />
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+import {ref, reactive, watch} from 'vue';
+import {Form, message} from 'ant-design-vue';
+import {assignObject} from 'ele-admin-pro';
+import {addHjmFence, updateHjmFence} from '@/api/hjm/hjmFence';
+import {HjmFence} from '@/api/hjm/hjmFence/model';
+import {useThemeStore} from '@/store/modules/theme';
+import {storeToRefs} from 'pinia';
+import {CenterPoint} from "ele-admin-pro/es/ele-map-picker/types";
+import {ItemType} from 'ele-admin-pro/es/ele-image-upload/types';
+import {FormInstance} from 'ant-design-vue/es/form';
+
+// 是否是修改
+const isUpdate = ref(false);
+const useForm = Form.useForm;
+// 是否开启响应式布局
+const themeStore = useThemeStore();
+const {styleResponsive} = storeToRefs(themeStore);
+const {darkMode} = storeToRefs(themeStore);
+// 是否显示地图选择弹窗
+const showMap = ref(false);
+
+const props = defineProps<{
+  // 弹窗是否打开
+  visible: boolean;
+  // 修改回显的数据
+  data?: HjmFence | null;
+}>();
+
+const emit = defineEmits<{
+  (e: 'done'): void;
+  (e: 'update:visible', visible: boolean): void;
+}>();
+
+// 提交状态
+const loading = ref(false);
+// 是否显示最大化切换按钮
+const maxable = ref(true);
+// 表格选中数据
+const formRef = ref<FormInstance | null>(null);
+const images = ref<ItemType[]>([]);
+
+// 用户信息
+const form = reactive<HjmFence>({
+  id: undefined,
+  name: undefined,
+  type: undefined,
+  location: undefined,
+  longitude: undefined,
+  latitude: undefined,
+  district: undefined,
+  points: undefined,
+  tenantId: undefined,
+  createTime: undefined,
+  updateTime: undefined,
+  status: 0,
+  comments: '',
+  sortNumber: 100
+});
+
+/* 更新visible */
+const updateVisible = (value: boolean) => {
+  emit('update:visible', value);
+};
+
+// 表单验证规则
+const rules = reactive({
+  name: [
+    {
+      required: true,
+      type: 'string',
+      message: '请填写电子围栏名称',
+      trigger: 'blur'
+    }
+  ],
+  type: [
+    {
+      required: true,
+      type: 'number',
+      message: '请选择类型',
+      trigger: 'blur'
+    }
+  ],
+  location: [
+    {
+      required: true,
+      type: 'string',
+      message: '请填写经纬度',
+      trigger: 'blur'
+    }
+  ],
+  points: [
+    {
+      required: true,
+      type: 'string',
+      message: '请填写轮廓经纬度数组',
+      trigger: 'blur'
+    }
+  ],
+  longitude: [
+    {
+      required: true,
+      type: 'string',
+      message: '请填写经度',
+      trigger: 'blur'
+    }
+  ],
+  latitude: [
+    {
+      required: true,
+      type: 'string',
+      message: '请填写纬度',
+      trigger: 'blur'
+    }
+  ],
+  district: [
+    {
+      required: true,
+      type: 'string',
+      message: '请填写半径',
+      trigger: 'blur'
+    }
+  ]
+});
+
+/* 打开位置选择 */
+const openMapPicker = () => {
+  showMap.value = true;
+};
+
+/* 地图选择后回调 */
+const onDone = (location: CenterPoint) => {
+  if (location) {
+    console.log(location)
+    form.location = `${location.lat},${location.lng}`;
+    form.longitude = `${location.lng}`;
+    form.latitude = `${location.lat}`;
+    form.comments = `${location.address}`;
+    form.district = `1000`
+  }
+  showMap.value = false;
+};
+
+const {resetFields} = useForm(form, rules);
+
+/* 保存编辑 */
+const save = () => {
+  if (!formRef.value) {
+    return;
+  }
+  formRef.value
+    .validate()
+    .then(() => {
+      loading.value = true;
+      const formData = {
+        ...form
+      };
+      const saveOrUpdate = isUpdate.value ? updateHjmFence : addHjmFence;
+      saveOrUpdate(formData)
+        .then((msg) => {
+          loading.value = false;
+          message.success(msg);
+          updateVisible(false);
+          emit('done');
+        })
+        .catch((e) => {
+          loading.value = false;
+          message.error(e.message);
+        });
+    })
+    .catch(() => {
+    });
+};
+
+watch(
+  () => props.visible,
+  (visible) => {
+    if (visible) {
+      images.value = [];
+      if (props.data) {
+        assignObject(form, props.data);
+        isUpdate.value = true;
+      } else {
+        isUpdate.value = false;
+      }
+    } else {
+      resetFields();
+    }
+  },
+  {immediate: true}
+);
+</script>
diff --git a/src/views/hjm/count/components/search.vue b/src/views/hjm/count/components/search.vue
new file mode 100644
index 0000000..f7509dc
--- /dev/null
+++ b/src/views/hjm/count/components/search.vue
@@ -0,0 +1,42 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+    <a-button type="primary" class="ele-btn-icon" @click="add">
+      <template #icon>
+        <PlusOutlined />
+      </template>
+      <span>添加</span>
+    </a-button>
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+  import { PlusOutlined } from '@ant-design/icons-vue';
+  import type { HjmFenceParam } from '@/api/hjm/hjmFence/model';
+  import { watch } from 'vue';
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的角色
+      selection?: [];
+    }>(),
+    {}
+  );
+
+  const emit = defineEmits<{
+    (e: 'search', where?: HjmFenceParam): void;
+    (e: 'add'): void;
+    (e: 'remove'): void;
+    (e: 'batchMove'): void;
+  }>();
+
+  // 新增
+  const add = () => {
+    emit('add');
+  };
+
+  watch(
+    () => props.selection,
+    () => {}
+  );
+</script>
diff --git a/src/views/hjm/count/index.vue b/src/views/hjm/count/index.vue
new file mode 100644
index 0000000..6baa8ee
--- /dev/null
+++ b/src/views/hjm/count/index.vue
@@ -0,0 +1,150 @@
+<template>
+  <a-page-header :title="getPageTitle()" @back="() => $router.go(-1)">
+    <a-card :bordered="false" :body-style="{ padding: '16px' }">
+      <ele-pro-table
+        ref="tableRef"
+        row-key="id"
+        :columns="columns"
+        :datasource="datasource"
+        :customRow="customRow"
+        tool-class="ele-toolbar-form"
+        class="sys-org-table"
+      >
+        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'realName'">
+            <a-tooltip :title="`点击查询明细`"><a :href="`/website/car?installerId=${record.userId}`" class="cursor-pointer">{{ record.realName }}</a></a-tooltip>
+          </template>
+          <template v-if="column.key === 'followers'">
+            <a-tooltip :title="`点击更新`" class="cursor-pointer" @click="updateRowsByFollowers(record)">
+              <a-tag color="green">{{ record.followers }}</a-tag>
+            </a-tooltip>
+          </template>
+        </template>
+      </ele-pro-table>
+    </a-card>
+
+    <!-- 编辑弹窗 -->
+    <HjmFenceEdit v-model:visible="showEdit" :data="current" @done="reload"/>
+  </a-page-header>
+</template>
+
+<script lang="ts" setup>
+import {ref} from 'vue';
+import type {EleProTable} from 'ele-admin-pro';
+import {message} from 'ant-design-vue';
+import type {
+  DatasourceFunction,
+  ColumnItem
+} from 'ele-admin-pro/es/ele-pro-table/types';
+import HjmFenceEdit from './components/hjmFenceEdit.vue';
+import {getPageTitle} from "@/utils/common";
+import {pageUsers, updateUser} from "@/api/system/user";
+import {User, UserParam} from "@/api/system/user/model";
+import {pageHjmCar} from "@/api/hjm/hjmCar";
+
+// 表格实例
+const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+// 表格选中数据
+const selection = ref<User[]>([]);
+// 当前编辑数据
+const current = ref<User | null>(null);
+// 是否显示编辑弹窗
+const showEdit = ref(false);
+// 加载状态
+const loading = ref(true);
+
+// 表格数据源
+const datasource: DatasourceFunction = ({
+                                          page,
+                                          limit,
+                                          where,
+                                          orders
+                                        }) => {
+  where.organizationId = 440;
+  return pageUsers({
+    ...where,
+    ...orders,
+    page,
+    limit
+  });
+};
+
+// 表格列配置
+const columns = ref<ColumnItem[]>([
+  {
+    title: '用户ID',
+    dataIndex: 'userId',
+    key: 'userId',
+    width: 90
+  },
+  {
+    title: '姓名',
+    dataIndex: 'realName',
+    key: 'realName',
+    width: 180
+  },
+  {
+    title: '安装数量',
+    dataIndex: 'followers',
+    key: 'followers',
+    width: 180
+  }
+]);
+
+/* 搜索 */
+const reload = (where?: UserParam) => {
+  selection.value = [];
+  tableRef?.value?.reload({where: where});
+};
+
+/* 打开编辑弹窗 */
+const openEdit = (row?: User) => {
+  current.value = row ?? null;
+  showEdit.value = true;
+};
+
+const updateRowsByFollowers = (item: User) => {
+  pageHjmCar({
+    installerId: item.userId
+  }).then(res => {
+    updateUser({
+      ...item,
+      followers: res?.count
+    }).then(() => {
+      reload();
+      message.success('更新成功');
+    })
+  }).catch(() => {
+    message.error('更新失败');
+  })
+}
+
+/* 查询 */
+const query = () => {
+  loading.value = true;
+};
+
+/* 自定义行属性 */
+const customRow = (record: User) => {
+  return {
+    // 行点击事件
+    onClick: () => {
+      // console.log(record);
+    },
+    // 行双击事件
+    onDblclick: () => {
+      openEdit(record);
+    }
+  };
+};
+query();
+</script>
+
+<script lang="ts">
+export default {
+  name: 'HjmCarCount'
+};
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/views/hjm/hjmBxLog/components/hjmBxLogEdit.vue b/src/views/hjm/hjmBxLog/components/hjmBxLogEdit.vue
new file mode 100644
index 0000000..48c5723
--- /dev/null
+++ b/src/views/hjm/hjmBxLog/components/hjmBxLogEdit.vue
@@ -0,0 +1,207 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑报险记录' : '添加报险记录'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="车辆编号" name="carNo">
+        {{ form.carNo }}
+      </a-form-item>
+      <a-form-item label="事故类型" name="accidentType">
+        {{ form.accidentType }}
+      </a-form-item>
+      <a-form-item
+        label="保险图片"
+        name="image">
+        <SelectFile
+          :placeholder="`请选择图片`"
+          :data="images"
+          @done="chooseImage"
+          @del="onDeleteItem"
+        />
+      </a-form-item>
+      <a-form-item label="事故描述" name="comments">
+        {{ form.comments }}
+        <!--        <a-textarea-->
+        <!--          :rows="4"-->
+        <!--          :maxlength="200"-->
+        <!--          placeholder="请输入描述"-->
+        <!--          v-model:value="form.comments"-->
+        <!--        />-->
+      </a-form-item>
+      <a-form-item label="操作员" name="realName">
+        {{ form.realName }}
+      </a-form-item>
+      <a-form-item label="状态" name="status">
+        <a-radio-group v-model:value="form.status">
+          <a-radio :value="0">待处理</a-radio>
+          <a-radio :value="1">已处理</a-radio>
+        </a-radio-group>
+      </a-form-item>
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+import {ref, reactive, watch} from 'vue';
+import {Form, message} from 'ant-design-vue';
+import {assignObject, uuid} from 'ele-admin-pro';
+import {addHjmBxLog, updateHjmBxLog} from '@/api/hjm/hjmBxLog';
+import {HjmBxLog} from '@/api/hjm/hjmBxLog/model';
+import {useThemeStore} from '@/store/modules/theme';
+import {storeToRefs} from 'pinia';
+import {ItemType} from 'ele-admin-pro/es/ele-image-upload/types';
+import {FormInstance} from 'ant-design-vue/es/form';
+import {FileRecord} from '@/api/system/file/model';
+
+// 是否是修改
+const isUpdate = ref(false);
+const useForm = Form.useForm;
+// 是否开启响应式布局
+const themeStore = useThemeStore();
+const {styleResponsive} = storeToRefs(themeStore);
+
+const props = defineProps<{
+  // 弹窗是否打开
+  visible: boolean;
+  // 修改回显的数据
+  data?: HjmBxLog | null;
+}>();
+
+const emit = defineEmits<{
+  (e: 'done'): void;
+  (e: 'update:visible', visible: boolean): void;
+}>();
+
+// 提交状态
+const loading = ref(false);
+// 是否显示最大化切换按钮
+const maxable = ref(true);
+// 表格选中数据
+const formRef = ref<FormInstance | null>(null);
+const images = ref<ItemType[]>([]);
+
+// 用户信息
+const form = reactive<HjmBxLog>({
+  id: undefined,
+  userId: undefined,
+  carId: undefined,
+  carNo: undefined,
+  realName: undefined,
+  accidentType: undefined,
+  parentOrganization: undefined,
+  image: undefined,
+  comments: undefined,
+  status: undefined,
+  deleted: undefined,
+  tenantId: undefined,
+  createTime: undefined,
+  updateTime: undefined,
+  sortNumber: 100
+});
+
+/* 更新visible */
+const updateVisible = (value: boolean) => {
+  emit('update:visible', value);
+};
+
+// 表单验证规则
+const rules = reactive({
+  hjmBxLogName: [
+    {
+      required: true,
+      type: 'string',
+      message: '请填写黄家明_报险记录名称',
+      trigger: 'blur'
+    }
+  ]
+});
+
+const chooseImage = (data: FileRecord) => {
+  images.value.push({
+    uid: data.id,
+    url: data.path,
+    status: 'done'
+  });
+  form.image = data.path;
+};
+
+const onDeleteItem = (index: number) => {
+  images.value.splice(index, 1);
+  form.image = '';
+};
+
+const {resetFields} = useForm(form, rules);
+
+/* 保存编辑 */
+const save = () => {
+  if (!formRef.value) {
+    return;
+  }
+  formRef.value
+    .validate()
+    .then(() => {
+      loading.value = true;
+      const formData = {
+        ...form
+      };
+      const saveOrUpdate = isUpdate.value ? updateHjmBxLog : addHjmBxLog;
+      saveOrUpdate(formData)
+        .then((msg) => {
+          loading.value = false;
+          message.success(msg);
+          updateVisible(false);
+          emit('done');
+        })
+        .catch((e) => {
+          loading.value = false;
+          message.error(e.message);
+        });
+    })
+    .catch(() => {
+    });
+};
+
+watch(
+  () => props.visible,
+  (visible) => {
+    if (visible) {
+      images.value = [];
+      if (props.data) {
+        assignObject(form, props.data);
+        if (props.data.image) {
+          const arr = JSON.parse(props.data.image);
+          arr.map((item) => {
+            images.value.push({
+              uid: uuid(),
+              url: item.url,
+              status: 'done'
+            });
+          });
+        }
+        isUpdate.value = true;
+      } else {
+        isUpdate.value = false;
+      }
+    } else {
+      resetFields();
+    }
+  },
+  {immediate: true}
+);
+</script>
diff --git a/src/views/hjm/hjmBxLog/components/search.vue b/src/views/hjm/hjmBxLog/components/search.vue
new file mode 100644
index 0000000..82fea9d
--- /dev/null
+++ b/src/views/hjm/hjmBxLog/components/search.vue
@@ -0,0 +1,42 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+    <a-button type="primary" class="ele-btn-icon" @click="add">
+      <template #icon>
+        <PlusOutlined />
+      </template>
+      <span>添加</span>
+    </a-button>
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+  import { PlusOutlined } from '@ant-design/icons-vue';
+  import type { GradeParam } from '@/api/user/grade/model';
+  import { watch } from 'vue';
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的角色
+      selection?: [];
+    }>(),
+    {}
+  );
+
+  const emit = defineEmits<{
+    (e: 'search', where?: GradeParam): void;
+    (e: 'add'): void;
+    (e: 'remove'): void;
+    (e: 'batchMove'): void;
+  }>();
+
+  // 新增
+  const add = () => {
+    emit('add');
+  };
+
+  watch(
+    () => props.selection,
+    () => {}
+  );
+</script>
diff --git a/src/views/hjm/hjmBxLog/index.vue b/src/views/hjm/hjmBxLog/index.vue
new file mode 100644
index 0000000..565f266
--- /dev/null
+++ b/src/views/hjm/hjmBxLog/index.vue
@@ -0,0 +1,252 @@
+<template>
+  <a-page-header :title="getPageTitle()" @back="() => $router.go(-1)">
+    <a-card :bordered="false" :body-style="{ padding: '16px' }">
+      <ele-pro-table
+        ref="tableRef"
+        row-key="hjmBxLogId"
+        :columns="columns"
+        :datasource="datasource"
+        :customRow="customRow"
+        tool-class="ele-toolbar-form"
+        class="sys-org-table"
+      >
+        <template #toolbar>
+          <search
+            @search="reload"
+            :selection="selection"
+            @add="openEdit"
+            @remove="removeBatch"
+            @batchMove="openMove"
+          />
+        </template>
+        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'image'">
+            <template v-if="record.image" v-for="(item,index) in JSON.parse(record.image)" :key="index">
+              <a-image :src="item.url" :width="50"/>
+            </template>
+          </template>
+          <template v-if="column.key === 'status'">
+            <a-tag v-if="record.status === 0" color="red">待处理</a-tag>
+            <a-tag v-if="record.status === 1" color="green">已处理</a-tag>
+          </template>
+          <template v-if="column.key === 'action'">
+              <a @click="openEdit(record)">修改</a>
+              <a-divider type="vertical"/>
+              <a-popconfirm
+                title="确定要删除此记录吗？"
+                @confirm="remove(record)"
+              >
+                <a class="ele-text-danger">删除</a>
+              </a-popconfirm>
+          </template>
+        </template>
+      </ele-pro-table>
+    </a-card>
+
+    <!-- 编辑弹窗 -->
+    <HjmBxLogEdit v-model:visible="showEdit" :data="current" @done="reload"/>
+  </a-page-header>
+</template>
+
+<script lang="ts" setup>
+import {createVNode, ref} from 'vue';
+import {message, Modal} from 'ant-design-vue';
+import {ExclamationCircleOutlined} from '@ant-design/icons-vue';
+import type {EleProTable} from 'ele-admin-pro';
+import type {
+  DatasourceFunction,
+  ColumnItem
+} from 'ele-admin-pro/es/ele-pro-table/types';
+import Search from './components/search.vue';
+import HjmBxLogEdit from './components/hjmBxLogEdit.vue';
+import {pageHjmBxLog, removeHjmBxLog, removeBatchHjmBxLog} from '@/api/hjm/hjmBxLog';
+import type {HjmBxLog, HjmBxLogParam} from '@/api/hjm/hjmBxLog/model';
+import {getPageTitle} from "@/utils/common";
+
+// 表格实例
+const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+// 表格选中数据
+const selection = ref<HjmBxLog[]>([]);
+// 当前编辑数据
+const current = ref<HjmBxLog | null>(null);
+// 是否显示编辑弹窗
+const showEdit = ref(false);
+// 是否显示批量移动弹窗
+const showMove = ref(false);
+// 加载状态
+const loading = ref(true);
+
+// 表格数据源
+const datasource: DatasourceFunction = ({
+                                          page,
+                                          limit,
+                                          where,
+                                          orders,
+                                          filters
+                                        }) => {
+  if (filters) {
+    where.status = filters.status;
+  }
+  return pageHjmBxLog({
+    ...where,
+    ...orders,
+    page,
+    limit
+  });
+};
+
+// 表格列配置
+const columns = ref<ColumnItem[]>([
+  // {
+  //   title: '自增ID',
+  //   dataIndex: 'id',
+  //   key: 'id',
+  //   align: 'center',
+  //   width: 90,
+  // },
+  {
+    title: '车辆编号',
+    dataIndex: 'carNo',
+    key: 'carNo',
+    align: 'center',
+    width: 120
+  },
+  {
+    title: '事故类型',
+    dataIndex: 'accidentType',
+    key: 'accidentType',
+    align: 'center',
+    width: 120
+  },
+  {
+    title: '现场图片',
+    dataIndex: 'image',
+    key: 'image',
+    align: 'center'
+  },
+  {
+    title: '事故描述',
+    dataIndex: 'comments',
+    key: 'comments',
+    align: 'center'
+  },
+  {
+    title: '操作员',
+    dataIndex: 'realName',
+    key: 'realName',
+    align: 'center',
+    width: 120
+  },
+  {
+    title: '状态',
+    dataIndex: 'status',
+    key: 'status',
+    align: 'center',
+    width: 120
+  },
+  {
+    title: '创建时间',
+    dataIndex: 'createTime',
+    key: 'createTime',
+    align: 'center',
+    sorter: true,
+    width: 180
+  },
+  {
+    title: '操作',
+    key: 'action',
+    width: 120,
+    fixed: 'right',
+    align: 'center',
+    hideInSetting: true
+  }
+]);
+
+/* 搜索 */
+const reload = (where?: HjmBxLogParam) => {
+  selection.value = [];
+  tableRef?.value?.reload({where: where});
+};
+
+/* 打开编辑弹窗 */
+const openEdit = (row?: HjmBxLog) => {
+  current.value = row ?? null;
+  showEdit.value = true;
+};
+
+/* 打开批量移动弹窗 */
+const openMove = () => {
+  showMove.value = true;
+};
+
+/* 删除单个 */
+const remove = (row: HjmBxLog) => {
+  const hide = message.loading('请求中..', 0);
+  removeHjmBxLog(row.id)
+    .then((msg) => {
+      hide();
+      message.success(msg);
+      reload();
+    })
+    .catch((e) => {
+      hide();
+      message.error(e.message);
+    });
+};
+
+/* 批量删除 */
+const removeBatch = () => {
+  if (!selection.value.length) {
+    message.error('请至少选择一条数据');
+    return;
+  }
+  Modal.confirm({
+    title: '提示',
+    content: '确定要删除选中的记录吗?',
+    icon: createVNode(ExclamationCircleOutlined),
+    maskClosable: true,
+    onOk: () => {
+      const hide = message.loading('请求中..', 0);
+      removeBatchHjmBxLog(selection.value.map((d) => d.id))
+        .then((msg) => {
+          hide();
+          message.success(msg);
+          reload();
+        })
+        .catch((e) => {
+          hide();
+          message.error(e.message);
+        });
+    }
+  });
+};
+
+/* 查询 */
+const query = () => {
+  loading.value = true;
+};
+
+/* 自定义行属性 */
+const customRow = (record: HjmBxLog) => {
+  return {
+    // 行点击事件
+    onClick: () => {
+      // console.log(record);
+    },
+    // 行双击事件
+    onDblclick: () => {
+      openEdit(record);
+    }
+  };
+};
+query();
+</script>
+
+<script lang="ts">
+export default {
+  name: 'HjmBxLog'
+};
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/views/hjm/hjmCar/components/Extra.vue b/src/views/hjm/hjmCar/components/Extra.vue
new file mode 100644
index 0000000..ed37d61
--- /dev/null
+++ b/src/views/hjm/hjmCar/components/Extra.vue
@@ -0,0 +1,54 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space
+    style="flex-wrap: wrap"
+    v-if="hasRole('superAdmin') || hasRole('admin') || hasRole('foundation')"
+  >
+    <a-button
+      type="text"
+      v-if="hasAnyRole(['superAdmin', 'admin'])"
+      @click="openUrl('/fence')"
+      >电子围栏
+    </a-button>
+    <a-button
+      type="text"
+      v-if="hasAnyRole(['superAdmin', 'admin'])"
+      @click="openUrl('/hjm/count')"
+      >安装车辆统计
+    </a-button>
+    <a-button
+      type="text"
+      v-if="hasAnyRole(['superAdmin', 'admin'])"
+      @click="openUrl('/hjm/gps-log')"
+      >gps定位
+    </a-button>
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+  import { watch, nextTick } from 'vue';
+  import { CmsWebsite } from '@/api/cms/cmsWebsite/model';
+  import { openUrl } from '@/utils/common';
+  import { hasAnyRole, hasRole } from '@/utils/permission';
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的角色
+      selection?: [];
+      website?: CmsWebsite;
+      count?: 0;
+    }>(),
+    {}
+  );
+
+  nextTick(() => {
+    if (localStorage.getItem('NotActive')) {
+      // IsActive.value = false
+    }
+  });
+
+  watch(
+    () => props.selection,
+    () => {}
+  );
+</script>
diff --git a/src/views/hjm/hjmCar/components/Import.vue b/src/views/hjm/hjmCar/components/Import.vue
new file mode 100644
index 0000000..26209a8
--- /dev/null
+++ b/src/views/hjm/hjmCar/components/Import.vue
@@ -0,0 +1,82 @@
+<!-- 用户导入弹窗 -->
+<template>
+  <ele-modal
+    :width="520"
+    :footer="null"
+    title="批量导入"
+    :visible="visible"
+    @update:visible="updateVisible"
+  >
+    <a-spin :spinning="loading">
+      <a-upload-dragger
+        accept=".xls,.xlsx"
+        :show-upload-list="false"
+        :customRequest="doUpload"
+        style="padding: 24px 0; margin-bottom: 16px"
+      >
+        <p class="ant-upload-drag-icon">
+          <cloud-upload-outlined />
+        </p>
+        <p class="ant-upload-hint">将文件拖到此处，或点击上传</p>
+      </a-upload-dragger>
+    </a-spin>
+    <div class="ele-text-center">
+      <a href="https://oss.wsdns.cn/20250611/6602b59c76f3488e8a5168ac60c246cb.xlsx" target="_blank">下载导入模板</a>
+    </div>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref } from 'vue';
+  import { message } from 'ant-design-vue/es';
+  import { CloudUploadOutlined } from '@ant-design/icons-vue';
+  import {importHjmCar} from "@/api/hjm/hjmCar";
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  defineProps<{
+    // 是否打开弹窗
+    visible: boolean;
+  }>();
+
+  // 导入请求状态
+  const loading = ref(false);
+
+  /* 上传 */
+  const doUpload = ({ file }) => {
+    if (
+      ![
+        'application/vnd.ms-excel',
+        'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
+      ].includes(file.type)
+    ) {
+      message.error('只能选择 excel 文件');
+      return false;
+    }
+    if (file.size / 1024 / 1024 > 10) {
+      message.error('大小不能超过 10MB');
+      return false;
+    }
+    loading.value = true;
+    importHjmCar(file)
+      .then((msg) => {
+        loading.value = false;
+        message.success(msg);
+        updateVisible(false);
+        emit('done');
+      })
+      .catch((e) => {
+        loading.value = false;
+        message.error(e.message);
+      });
+    return false;
+  };
+
+  /* 更新 visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+</script>
diff --git a/src/views/hjm/hjmCar/components/hjmCarEdit.vue b/src/views/hjm/hjmCar/components/hjmCarEdit.vue
new file mode 100644
index 0000000..cebb533
--- /dev/null
+++ b/src/views/hjm/hjmCar/components/hjmCarEdit.vue
@@ -0,0 +1,486 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑车辆' : '添加车辆'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="车辆编号" name="code" v-if="isUpdate">
+        <a-input
+          allow-clear
+          disabled
+          placeholder="请输入车辆编号"
+          v-model:value="form.code"
+        />
+      </a-form-item>
+      <a-form-item label="车辆图片" name="image" v-if="isUpdate">
+        <SelectFile
+          :placeholder="`请选择图片`"
+          :limit="5"
+          :data="images"
+          @done="chooseImage"
+          @del="onDeleteItem"
+        />
+      </a-form-item>
+      <a-form-item label="所属站点" name="organizationId">
+        <org-select
+          :data="organizations"
+          placeholder="请选择所属机构"
+          v-model:value="form.organizationId"
+          @change="onOrganization"
+        />
+      </a-form-item>
+      <a-form-item label="保险状态" name="insuranceStatus">
+        <DictSelect
+          dict-code="InsuranceStatus"
+          :placeholder="`保险状态`"
+          style="width: 200px"
+          v-model:value="form.insuranceStatus"
+          @done="chooseInsuranceStatus"
+        />
+      </a-form-item>
+      <a-form-item label="保单上传" name="bdImg">
+        <SelectFile
+          :placeholder="`保单上传`"
+          :limit="9"
+          :data="bgImages"
+          @done="chooseBdImg"
+          @del="onDeleteBdImg"
+        />
+      </a-form-item>
+      <a-form-item label="电子围栏" name="fenceName">
+        <SelectFence
+          :placeholder="`选择电子围栏`"
+          v-model:value="form.fenceName"
+          @done="updateFence"
+        />
+      </a-form-item>
+      <a-form-item label="GPS设备编号" name="gpsNo" v-if="isUpdate">
+        <a-input
+          allow-clear
+          placeholder="请输入GPS设备编号"
+          v-model:value="form.gpsNo"
+        />
+      </a-form-item>
+      <a-form-item label="定位" name="location" v-if="isUpdate">
+        <div class="flex">
+          <a-input
+            allow-clear
+            placeholder="请选取车辆所在位置"
+            v-model:value="form.location"
+          />
+          <a-button
+            class="ele-btn-icon"
+            style="margin-left: 10px; width: 137px"
+            @click="openMapPicker"
+          >
+            <AimOutlined/>
+            选取
+          </a-button>
+        </div>
+      </a-form-item>
+      <a-form-item label="车架号" name="vinCode" v-if="isUpdate">
+        <a-input
+          allow-clear
+          placeholder="请输入车架号"
+          v-model:value="form.vinCode"
+        />
+      </a-form-item>
+      <a-form-item label="操作员" name="driver" v-if="isUpdate">
+        {{ form.driver }} {{ form.driverPhone }}
+        <!--        <a-select placeholder="选择绑定的操作员" :options="users" v-model:value="form.driver" @change="chooseDriverId" />-->
+      </a-form-item>
+      <a-form-item label="接收提醒" name="toUser">
+        <a-input
+          allow-clear
+          placeholder="请输入openId"
+          v-model:value="form.toUser"
+        />
+      </a-form-item>
+      <a-form-item label="排序" name="sortNumber">
+        <a-input-number
+          :min="0"
+          :max="9999"
+          class="ele-fluid"
+          placeholder="请输入排序号"
+          v-model:value="form.sortNumber"
+        />
+      </a-form-item>
+      <a-form-item label="备注" name="comments">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="请输入描述"
+          v-model:value="form.comments"
+        />
+      </a-form-item>
+      <a-form-item label="安装状态" name="status">
+        <a-radio-group v-model:value="form.status">
+          <a-radio :value="0">未安装</a-radio>
+          <a-radio :value="1">已安装</a-radio>
+        </a-radio-group>
+      </a-form-item>
+    </a-form>
+    <!-- 地图位置选择弹窗 -->
+    <ele-map-picker
+      :need-city="true"
+      :dark-mode="darkMode"
+      v-model:visible="showMap"
+      :center="[108.374959, 22.767024]"
+      :search-type="1"
+      :zoom="12"
+      @done="onDone"
+    />
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+import {ref, reactive, watch} from 'vue';
+import {Form, message} from 'ant-design-vue';
+import {assignObject, uuid} from 'ele-admin-pro';
+import {addHjmCar, updateHjmCar} from '@/api/hjm/hjmCar';
+import {HjmCar} from '@/api/hjm/hjmCar/model';
+import {useThemeStore} from '@/store/modules/theme';
+import {storeToRefs} from 'pinia';
+import {ItemType} from 'ele-admin-pro/es/ele-image-upload/types';
+import {FormInstance} from 'ant-design-vue/es/form';
+import {FileRecord} from '@/api/system/file/model';
+import {AimOutlined} from '@ant-design/icons-vue';
+import {CenterPoint} from 'ele-admin-pro/es/ele-map-picker/types';
+import OrgSelect from '@/views/system/user/components/org-select.vue';
+import {Organization} from '@/api/system/organization/model';
+import {User} from '@/api/system/user/model';
+import {pageUsers} from '@/api/system/user';
+import {listOrganizations} from '@/api/system/organization';
+import {toTreeData} from 'ele-admin-pro/es';
+import {DictData} from '@/api/system/dict-data/model';
+import {HjmFence} from '@/api/hjm/hjmFence/model';
+
+// 是否是修改
+const isUpdate = ref(false);
+const useForm = Form.useForm;
+// 是否开启响应式布局
+const themeStore = useThemeStore();
+const {styleResponsive} = storeToRefs(themeStore);
+const {darkMode} = storeToRefs(themeStore);
+
+const props = defineProps<{
+  // 弹窗是否打开
+  visible: boolean;
+  // 修改回显的数据
+  data?: HjmCar | null;
+}>();
+
+const emit = defineEmits<{
+  (e: 'done'): void;
+  (e: 'update:visible', visible: boolean): void;
+}>();
+
+// 提交状态
+const loading = ref(false);
+// 是否显示最大化切换按钮
+const maxable = ref(true);
+// 表格选中数据
+const formRef = ref<FormInstance | null>(null);
+const images = ref<ItemType[]>([]);
+const bgImages = ref<ItemType[]>([]);
+// 是否显示地图选择弹窗
+const showMap = ref(false);
+const users = ref<User[]>([]);
+const organizationId = ref<number>();
+const organizations = ref<Organization[]>([]);
+
+// 用户信息
+const form = reactive<HjmCar>({
+  id: undefined,
+  name: undefined,
+  image: undefined,
+  bdImg: undefined,
+  type: undefined,
+  kuaidi: undefined,
+  kuaidiAdmin: undefined,
+  code: undefined,
+  vinCode: undefined,
+  driverId: undefined,
+  driver: undefined,
+  driverPhone: undefined,
+  insuranceStatus: undefined,
+  gpsNo: undefined,
+  fenceId: undefined,
+  fenceName: undefined,
+  fence: undefined,
+  location: undefined,
+  longitude: undefined,
+  latitude: undefined,
+  district: undefined,
+  address: undefined,
+  organizationId: undefined,
+  organizationParentId: undefined,
+  userId: undefined,
+  toUser: undefined,
+  comments: undefined,
+  status: 0,
+  deleted: undefined,
+  tenantId: undefined,
+  createTime: undefined,
+  sortNumber: 100
+});
+
+/* 更新visible */
+const updateVisible = (value: boolean) => {
+  emit('update:visible', value);
+};
+
+// 表单验证规则
+const rules = reactive({
+  organizationId: [
+    {
+      required: true,
+      type: 'number',
+      message: '请选择车辆所属站点',
+      trigger: 'blur'
+    }
+  ],
+  code: [
+    {
+      required: true,
+      type: 'string',
+      message: '请填写车辆编号',
+      trigger: 'blur'
+    }
+  ],
+  fenceName: [
+    {
+      required: true,
+      type: 'string',
+      message: '请选择电子围栏',
+      trigger: 'blur'
+    }
+  ],
+  insuranceStatus: [
+    {
+      required: true,
+      type: 'string',
+      message: '请选择保险状态',
+      trigger: 'blur'
+    }
+  ],
+  sortNumber: [
+    {
+      required: true,
+      type: 'number',
+      message: '请填写排序号',
+      trigger: 'blur'
+    }
+  ]
+  // driver: [
+  //   {
+  //     required: true,
+  //     type: 'any',
+  //     message: '请绑定操作员',
+  //     trigger: 'blur'
+  //   }
+  // ]
+});
+
+const chooseInsuranceStatus = (item: DictData) => {
+  form.insuranceStatus = item.dictDataCode;
+};
+
+const updateFence = (item: HjmFence) => {
+  form.fenceName = item.name;
+  form.fenceId = item.id;
+};
+
+/* 打开位置选择 */
+const openMapPicker = () => {
+  showMap.value = true;
+};
+
+/* 地图选择后回调 */
+const onDone = (location: CenterPoint) => {
+  if (location) {
+    console.log(location);
+    form.location = `${location.lat},${location.lng}`;
+    form.longitude = `${location.lng}`;
+    form.latitude = `${location.lat}`;
+    form.address = `${location.address}`;
+    form.district = `${location.city?.district}`;
+  }
+  showMap.value = false;
+};
+
+const onOrganization = (index: number) => {
+  form.driver = undefined;
+  users.value = [];
+  organizations.value?.map((item) => {
+    if (
+      item.children?.map((d) => {
+        const find = organizations.value?.find(
+          (i) => i.organizationId == d.parentId
+        );
+        if (find) {
+          if (d.value == index) {
+            form.code = `${find.organizationCode}`;
+            form.organizationParentId = find.organizationId;
+            form.organizationId = d.organizationId;
+            organizationId.value = find.organizationId;
+            getUsers();
+          }
+        }
+      })
+    )
+      if (index == item.value) {
+        form.kuaidi = item.organizationName;
+      }
+  });
+};
+
+const getUsers = () => {
+  pageUsers({organizationId: organizationId.value}).then((res) => {
+    users.value =
+      res?.list.map((d) => {
+        d.label = d.realName || d.nickname;
+        d.value = d.userId;
+        return d;
+      }) || [];
+  });
+};
+
+const chooseImage = (data: FileRecord) => {
+  images.value.push({
+    uid: data.id,
+    url: data.path,
+    status: 'done'
+  });
+};
+
+const onDeleteItem = (index: number) => {
+  images.value.splice(index, 1);
+};
+
+// 保单图片
+const chooseBdImg = (data: FileRecord) => {
+  bgImages.value.push({
+    uid: data.id,
+    url: data.path,
+    status: 'done'
+  });
+};
+
+const onDeleteBdImg = (index: number) => {
+  bgImages.value.splice(index, 1);
+}
+const {resetFields} = useForm(form, rules);
+
+/* 保存编辑 */
+const save = () => {
+  if (!formRef.value) {
+    return;
+  }
+  if (form.code == '' || !form.code) {
+    message.error('所属站点下的节点不能为空！');
+    return;
+  }
+  formRef.value
+    .validate()
+    .then(() => {
+      loading.value = true;
+      const formData = {
+        ...form,
+        image: JSON.stringify(images.value),
+        bdImg: JSON.stringify(bgImages.value),
+      };
+      const saveOrUpdate = isUpdate.value ? updateHjmCar : addHjmCar;
+      saveOrUpdate(formData)
+        .then((msg) => {
+          loading.value = false;
+          message.success(msg);
+          updateVisible(false);
+          emit('done');
+        })
+        .catch((e) => {
+          loading.value = false;
+          message.error(e.message);
+        });
+    })
+    .catch(() => {
+    });
+};
+
+watch(
+  () => props.visible,
+  (visible) => {
+    if (visible) {
+      images.value = [];
+      bgImages.value = [];
+      // 加载机构
+      listOrganizations()
+        .then((list) => {
+          loading.value = false;
+          list.forEach((d) => {
+            d.key = d.organizationId;
+            d.value = d.organizationId;
+            d.title = d.organizationName;
+          });
+          organizations.value = toTreeData({
+            data: list,
+            idField: 'organizationId',
+            parentIdField: 'parentId'
+          });
+        })
+        .catch((e) => {
+          loading.value = false;
+          message.error(e.message);
+        });
+      if (props.data) {
+        assignObject(form, props.data);
+        if (props.data.image) {
+          const arr = JSON.parse(props.data.image);
+          arr.map((item) => {
+            images.value.push({
+              uid: uuid(),
+              url: item.url,
+              status: 'done'
+            });
+          });
+        }
+        if (props.data.bdImg) {
+          const arr = JSON.parse(props.data.bdImg);
+          arr.map((item) => {
+            bgImages.value.push({
+              uid: uuid(),
+              url: item.url,
+              status: 'done'
+            });
+          });
+        }
+        if (props.data.organizationParentId) {
+          organizationId.value = props.data.organizationParentId;
+          getUsers();
+        }
+        isUpdate.value = true;
+      } else {
+        isUpdate.value = false;
+      }
+    } else {
+      resetFields();
+    }
+  },
+  {immediate: true}
+);
+</script>
diff --git a/src/views/hjm/hjmCar/components/qrcode.vue b/src/views/hjm/hjmCar/components/qrcode.vue
new file mode 100644
index 0000000..7fb667b
--- /dev/null
+++ b/src/views/hjm/hjmCar/components/qrcode.vue
@@ -0,0 +1,39 @@
+<template>
+  <a-modal
+    :width="450"
+    :visible="visible"
+    :title="title || '分享二维码'"
+    :maskClosable="false"
+    @cancel="save"
+    @ok="save"
+  >
+    <div v-if="data" class="flex p-3 flex-col justify-center items-center">
+      <ele-qr-code-svg :value="`${data}`" :size="260" />
+      <span class="text-gray-500 text-lg py-3">
+        {{ data }}
+      </span>
+    </div>
+  </a-modal>
+</template>
+
+<script lang="ts" setup>
+  import {CmsArticle} from "@/api/cms/cmsArticle/model";
+
+  withDefaults(
+    defineProps<{
+      // 弹窗是否打开
+      visible: boolean;
+      title: String | undefined;
+      data: CmsArticle;
+    }>(),
+    {}
+  );
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+  }>();
+
+  const save = () => {
+    emit('done');
+  };
+</script>
diff --git a/src/views/hjm/hjmCar/components/search.vue b/src/views/hjm/hjmCar/components/search.vue
new file mode 100644
index 0000000..5aa770e
--- /dev/null
+++ b/src/views/hjm/hjmCar/components/search.vue
@@ -0,0 +1,456 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+    <a-button type="primary" class="ele-btn-icon" @click="add">
+      <template #icon>
+        <PlusOutlined />
+      </template>
+      <span>添加</span>
+    </a-button>
+    <a-button
+      danger
+      type="primary"
+      class="ele-btn-icon"
+      :disabled="selection?.length === 0"
+      @click="removeBatch"
+    >
+      <template #icon>
+        <DeleteOutlined />
+      </template>
+      <span>批量删除</span>
+    </a-button>
+    <org-select
+      :data="organizationList"
+      placeholder="请选择所属机构"
+      style="width: 220px"
+      v-model:value="where.organizationId"
+      @change="reload"
+    />
+    <a-input-search
+      allow-clear
+      placeholder="请输入搜索关键词"
+      style="width: 280px"
+      v-model:value="where.keywords"
+      @search="reload"
+    />
+    <a-button type="text" :icon="h(UploadOutlined)" @click="openImport"
+      >导入xls</a-button
+    >
+    <a-button
+      type="text"
+      :icon="h(QrcodeOutlined)"
+      @click="handleExport"
+      :loading="exportLoading"
+      :disabled="!props.selection || props.selection.length === 0"
+      >导出二维码{{ props.selection && props.selection.length > 0 ? `(${props.selection.length})` : '' }}</a-button
+    >
+    <!--    <span class="text-red-500" v-if="where.organizationId">{{ where.organizationParentName }}(ID：{{where.organizationParentId}})</span>-->
+    <!--    <span class="text-red-500" v-if="where.organizationId">{{ where }}(ID：{{where.organizationId}})</span>-->
+  </a-space>
+
+  <!-- 导入弹窗 -->
+  <import v-model:visible="showImport" @done="reload" />
+</template>
+
+<script lang="ts" setup>
+  import { PlusOutlined } from '@ant-design/icons-vue';
+  import type { GradeParam } from '@/api/user/grade/model';
+  import { watch, ref } from 'vue';
+  import { h } from 'vue';
+  import { UploadOutlined, QrcodeOutlined } from '@ant-design/icons-vue';
+  import { message } from 'ant-design-vue';
+  import useSearch from '@/utils/use-search';
+  import { HjmCarParam, HjmCar } from '@/api/hjm/hjmCar/model';
+  import { listHjmCar } from '@/api/hjm/hjmCar';
+  import {
+    Document,
+    Packer,
+    Paragraph,
+    ImageRun,
+    AlignmentType,
+    Table,
+    TableRow,
+    TableCell,
+    WidthType
+  } from 'docx';
+  import { saveAs } from 'file-saver';
+  import QRCode from 'qrcode';
+  import OrgSelect from '@/views/system/admin/components/org-select.vue';
+  import type { Organization } from '@/api/system/organization/model';
+  import Import from './Import.vue';
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的车辆
+      selection?: HjmCar[];
+      // 全部部门
+      organizationList: Organization[];
+    }>(),
+    {
+      selection: () => []
+    }
+  );
+
+  const emit = defineEmits<{
+    (e: 'search', where?: GradeParam): void;
+    (e: 'add'): void;
+    (e: 'remove'): void;
+    (e: 'batchMove'): void;
+  }>();
+
+  // 表单数据
+  const { where } = useSearch<HjmCarParam>({
+    id: undefined,
+    keywords: '',
+    userId: undefined
+  });
+
+  // 导出加载状态
+  const exportLoading = ref(false);
+  const showImport = ref(false);
+
+  // 新增
+  const add = () => {
+    emit('add');
+  };
+
+  const reload = () => {
+    const isParent = props.organizationList.find(d => d.organizationId == where.organizationId);
+    if(isParent){
+      where.organizationParentId = isParent.organizationId;
+      where.organizationId = undefined;
+      emit('search', where);
+    }else {
+      emit('search', where);
+    }
+  };
+
+  // 批量删除
+  const removeBatch = () => {
+    emit('remove');
+  };
+
+  /* 打开编辑弹窗 */
+  const openImport = () => {
+    showImport.value = true;
+  };
+
+  // 批量导出二维码到Word文档
+  const handleExport = async () => {
+    try {
+      exportLoading.value = true;
+      message.loading('正在生成二维码文档，请稍候...', 0);
+
+      // 使用选中的车辆数据
+      const carList = props.selection || [];
+
+      if (!carList || carList.length === 0) {
+        message.error('请先选择要导出的车辆');
+        return;
+      }
+
+      // 生成二维码图片
+      const qrCodeImages: { dataUrl: string; carInfo: HjmCar }[] = [];
+
+      for (const car of carList) {
+        try {
+          // 生成二维码（使用车辆ID作为内容，与现有功能保持一致）
+          const qrCodeDataUrl = await QRCode.toDataURL(String(car.code), {
+            width: 200,
+            margin: 2,
+            color: {
+              dark: '#000000',
+              light: '#FFFFFF'
+            }
+          });
+
+          qrCodeImages.push({ dataUrl: qrCodeDataUrl, carInfo: car });
+        } catch (error) {
+          console.error(`生成车辆 ${car.code} 的二维码失败:`, error);
+        }
+      }
+
+      if (qrCodeImages.length === 0) {
+        message.error('二维码生成失败');
+        return;
+      }
+
+      // 尝试创建Word文档，如果失败则使用HTML方式
+      try {
+        await createWordDocument(qrCodeImages);
+        message.destroy();
+        message.success(`成功导出 ${qrCodeImages.length} 个选中车辆的二维码`);
+      } catch (docError) {
+        console.warn('Word文档生成失败，使用HTML方式:', docError);
+        createHtmlDocument(qrCodeImages);
+        message.destroy();
+        message.success(
+          `成功生成 ${qrCodeImages.length} 个选中车辆的二维码（HTML格式，可直接打印）`
+        );
+      }
+    } catch (error) {
+      console.error('导出失败:', error);
+      message.destroy();
+      message.error('导出失败，请重试');
+    } finally {
+      exportLoading.value = false;
+    }
+  };
+
+  // 创建Word文档
+  const createWordDocument = async (
+    qrCodeImages: { dataUrl: string; carInfo: HjmCar }[]
+  ) => {
+    const children: (Paragraph | Table)[] = [];
+
+    // 添加标题
+    children.push(
+      new Paragraph({
+        text: `选中车辆二维码清单 (共${qrCodeImages.length}辆)`,
+        alignment: AlignmentType.CENTER,
+        spacing: { after: 400 }
+      })
+    );
+
+    // 每行放置3个二维码，保持适当间距
+    const itemsPerRow = 3;
+    const rows = Math.ceil(qrCodeImages.length / itemsPerRow);
+
+    for (let row = 0; row < rows; row++) {
+      const startIndex = row * itemsPerRow;
+      const endIndex = Math.min(startIndex + itemsPerRow, qrCodeImages.length);
+      const rowItems = qrCodeImages.slice(startIndex, endIndex);
+
+      // 创建表格行来放置二维码
+      const qrCodeCells: TableCell[] = [];
+      const infoCells: TableCell[] = [];
+
+      for (let i = 0; i < itemsPerRow; i++) {
+        if (i < rowItems.length) {
+          const item = rowItems[i];
+
+          // 将DataURL转换为Buffer
+          const base64Data = item.dataUrl.split(',')[1];
+          const binaryData = atob(base64Data);
+          const bytes = new Uint8Array(binaryData.length);
+          for (let j = 0; j < binaryData.length; j++) {
+            bytes[j] = binaryData.charCodeAt(j);
+          }
+
+          qrCodeCells.push(
+            new TableCell({
+              children: [
+                new Paragraph({
+                  children: [
+                    // @ts-ignore
+                    new ImageRun({
+                      data: bytes,
+                      transformation: {
+                        width: 150,
+                        height: 150
+                      }
+                    })
+                  ],
+                  alignment: AlignmentType.CENTER
+                })
+              ],
+              width: { size: 33, type: WidthType.PERCENTAGE }
+            })
+          );
+
+          infoCells.push(
+            new TableCell({
+              children: [
+                new Paragraph({
+                  // text: `车辆编号: ${item.carInfo.code || '未设置'}`,
+                  text: `${item.carInfo.code || '未设置'}`,
+                  alignment: AlignmentType.CENTER
+                })
+              ],
+              width: { size: 33, type: WidthType.PERCENTAGE }
+            })
+          );
+        } else {
+          // 空单元格
+          qrCodeCells.push(
+            new TableCell({
+              children: [new Paragraph({ text: '' })],
+              width: { size: 33, type: WidthType.PERCENTAGE }
+            })
+          );
+          infoCells.push(
+            new TableCell({
+              children: [new Paragraph({ text: '' })],
+              width: { size: 33, type: WidthType.PERCENTAGE }
+            })
+          );
+        }
+      }
+
+      // 添加表格
+      children.push(
+        new Table({
+          rows: [
+            new TableRow({
+              children: qrCodeCells
+            }),
+            new TableRow({
+              children: infoCells
+            })
+          ],
+          width: { size: 100, type: WidthType.PERCENTAGE }
+        })
+      );
+
+      // 添加行间距
+      children.push(
+        new Paragraph({
+          text: '',
+          spacing: { after: 400 }
+        })
+      );
+    }
+
+    // 创建文档
+    const doc = new Document({
+      sections: [
+        {
+          properties: {
+            page: {
+              size: {
+                orientation: 'portrait',
+                width: 11906, // A4宽度 (210mm)
+                height: 16838 // A4高度 (297mm)
+              },
+              margin: {
+                top: 1134, // 2cm
+                right: 1134, // 2cm
+                bottom: 1134, // 2cm
+                left: 1134 // 2cm
+              }
+            }
+          },
+          children
+        }
+      ]
+    });
+
+    // 生成并下载文档
+    try {
+      const buffer = await Packer.toBlob(doc);
+      const fileName = `选中车辆二维码清单_${new Date()
+        .toISOString()
+        .slice(0, 10)}.docx`;
+      saveAs(buffer, fileName);
+    } catch (error) {
+      console.error('文档生成失败:', error);
+      // 如果Packer.toBlob失败，尝试使用toBuffer
+      const buffer = await Packer.toBuffer(doc);
+      const blob = new Blob([buffer], {
+        type: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document'
+      });
+      const fileName = `选中车辆二维码清单_${new Date()
+        .toISOString()
+        .slice(0, 10)}.docx`;
+      saveAs(blob, fileName);
+    }
+  };
+
+  // 创建HTML文档（备用方案）
+  const createHtmlDocument = (
+    qrCodeImages: { dataUrl: string; carInfo: HjmCar }[]
+  ) => {
+    const itemsPerRow = 3;
+    let htmlContent = `
+      <!DOCTYPE html>
+      <html>
+      <head>
+        <meta charset="UTF-8">
+        <title>选中车辆二维码清单</title>
+        <style>
+          @page {
+            size: A4;
+            margin: 2cm;
+          }
+          body {
+            font-family: Arial, sans-serif;
+            margin: 0;
+            padding: 0;
+          }
+          .title {
+            text-align: center;
+            font-size: 24px;
+            font-weight: bold;
+            margin-bottom: 30px;
+          }
+          .qr-grid {
+            display: grid;
+            grid-template-columns: repeat(${itemsPerRow}, 1fr);
+            gap: 20px;
+            margin-bottom: 30px;
+          }
+          .qr-item {
+            text-align: center;
+            page-break-inside: avoid;
+          }
+          .qr-code {
+            width: 150px;
+            height: 150px;
+            margin: 0 auto 10px;
+          }
+          .qr-info {
+            font-size: 12px;
+            line-height: 1.4;
+          }
+          @media print {
+            .no-print { display: none; }
+          }
+        </style>
+      </head>
+      <body>
+        <div class="title">选中车辆二维码清单 (共${qrCodeImages.length}辆)</div>
+        <div class="qr-grid">
+    `;
+
+    qrCodeImages.forEach((item) => {
+      htmlContent += `
+        <div class="qr-item">
+          <img src="${item.dataUrl}" alt="QR Code" class="qr-code">
+          <div class="qr-info">
+            <div>车辆编号: ${item.carInfo.code || '未设置'}</div>
+            <div>ID: ${item.carInfo.id}</div>
+          </div>
+        </div>
+      `;
+    });
+
+    htmlContent += `
+        </div>
+        <div class="no-print" style="text-align: center; margin-top: 30px;">
+          <button onclick="window.print()" style="padding: 10px 20px; font-size: 16px;">打印文档</button>
+          <button onclick="window.close()" style="padding: 10px 20px; font-size: 16px; margin-left: 10px;">关闭</button>
+        </div>
+      </body>
+      </html>
+    `;
+
+    // 在新窗口中打开HTML文档
+    const newWindow = window.open('', '_blank');
+    if (newWindow) {
+      newWindow.document.write(htmlContent);
+      newWindow.document.close();
+    } else {
+      // 如果弹窗被阻止，创建下载链接
+      const blob = new Blob([htmlContent], { type: 'text/html;charset=utf-8' });
+      const fileName = `选中车辆二维码清单_${new Date()
+        .toISOString()
+        .slice(0, 10)}.html`;
+      saveAs(blob, fileName);
+    }
+  };
+
+  watch(
+    () => props.selection,
+    () => {}
+  );
+</script>
diff --git a/src/views/hjm/hjmCar/index.vue b/src/views/hjm/hjmCar/index.vue
new file mode 100644
index 0000000..e42df8b
--- /dev/null
+++ b/src/views/hjm/hjmCar/index.vue
@@ -0,0 +1,434 @@
+<template>
+  <a-page-header :title="getPageTitle()" @back="() => $router.go(-1)">
+    <template #extra>
+      <Extra/>
+    </template>
+    <a-card :bordered="false" :body-style="{ padding: '16px' }">
+      <ele-pro-table
+        ref="tableRef"
+        row-key="id"
+        :columns="columns"
+        :datasource="datasource"
+        :customRow="customRow"
+        v-model:selection="selection"
+        tool-class="ele-toolbar-form"
+        class="sys-org-table"
+      >
+        <template #toolbar>
+          <search
+            @search="reload"
+            :selection="selection"
+            @add="openEdit"
+            :organization-list="data"
+            @remove="removeBatch"
+            @batchMove="openMove"
+          />
+        </template>
+        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'image'">
+            <a-image :src="record.image" :width="50"/>
+          </template>
+          <template v-if="column.key === 'driver'">
+            <div>{{ record.driverName }}</div>
+            <div>{{ record.driverPhone }}</div>
+          </template>
+          <template v-if="column.key === 'insuranceStatus'">
+            <a-tag v-if="record.insuranceStatus === '在保'">在保</a-tag>
+            <a-tag v-if="record.insuranceStatus === '过保'">过保</a-tag>
+          </template>
+          <template v-if="column.key === 'inFence'">
+            <a-tag v-if="record.inFence">围栏内</a-tag>
+            <a-tag v-else color="red">围栏外</a-tag>
+          </template>
+
+          <template v-if="column.key === 'status'">
+            <a-tag v-if="record.status === 0 && record.claim == 0" color="red">未安装</a-tag>
+            <a-tag v-if="record.claim === 0 && record.status == 1" color="orange">已安装</a-tag>
+            <a-tag v-if="record.claim === 1 && record.status == 1" color="green" @click="updateStatus(record)">已认领
+            </a-tag>
+          </template>
+          <template v-if="column.key === 'createTime'">
+            <a-space direction="vertical">
+              <a-tooltip title="创建时间">{{ record.createTime }}</a-tooltip>
+              <a-tooltip title="安装时间" class="text-orange-500">{{ record.installTime }}</a-tooltip>
+              <a-tooltip title="认领时间" class="text-green-500">{{ record.claimTime }}</a-tooltip>
+            </a-space>
+          </template>
+          <template v-if="column.key === 'action'">
+            <div>
+              <a @click="onShare(record)">二维码</a>
+              <a-divider type="vertical"/>
+              <a @click="onGpsLog(record)">GPS</a>
+              <a-divider type="vertical"/>
+              <a @click="openEdit(record)">修改</a>
+              <a-divider type="vertical"/>
+              <template v-if="hasRole('superAdmin')">
+                <a-popconfirm
+                  title="确定要重置此车辆吗？"
+                  @confirm="resetCar(record)"
+                >
+                  <a class="text-orange-500">重置</a>
+                </a-popconfirm>
+                <a-divider type="vertical"/>
+              </template>
+              <a-popconfirm
+                title="确定要删除此车辆吗？"
+                @confirm="remove(record)"
+              >
+                <a class="ele-text-danger">删除</a>
+              </a-popconfirm>
+            </div>
+          </template>
+        </template>
+      </ele-pro-table>
+    </a-card>
+
+    <!-- 编辑弹窗 -->
+    <HjmCarEdit v-model:visible="showEdit" :data="current" @done="reload"/>
+
+    <!-- 二维码 -->
+    <Qrcode v-model:visible="showQrcode" :data="`${qrcode}`" @done="hideShare"/>
+  </a-page-header>
+</template>
+
+<script lang="ts" setup>
+import {createVNode, ref, watch} from 'vue';
+import {message, Modal} from 'ant-design-vue';
+import {ExclamationCircleOutlined} from '@ant-design/icons-vue';
+import type {EleProTable} from 'ele-admin-pro';
+import type {
+  DatasourceFunction,
+  ColumnItem
+} from 'ele-admin-pro/es/ele-pro-table/types';
+import Extra from './components/Extra.vue';
+import {toTreeData} from 'ele-admin-pro';
+import Search from './components/search.vue';
+import HjmCarEdit from './components/hjmCarEdit.vue';
+import {pageHjmCar, removeHjmCar, removeBatchHjmCar, updateHjmCar} from '@/api/hjm/hjmCar';
+import type {HjmCar, HjmCarParam} from '@/api/hjm/hjmCar/model';
+import {getPageTitle} from "@/utils/common";
+import Qrcode from "./components/qrcode.vue";
+import router from "@/router";
+import {listOrganizations} from "@/api/system/organization";
+import {Organization} from "@/api/system/organization/model";
+import {hasRole} from "@/utils/permission";
+
+// 表格实例
+const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+// 表格选中数据
+const selection = ref<HjmCar[]>([]);
+// 当前编辑数据
+const current = ref<HjmCar | null>(null);
+// 是否显示编辑弹窗
+const showEdit = ref(false);
+// 是否显示批量移动弹窗
+const showMove = ref(false);
+// 加载状态
+const loading = ref(true);
+// 二维码内容
+const qrcode = ref<string>('');
+// 是否显示二维码
+const showQrcode = ref(false);
+// 安装人员ID
+const installerId = ref()
+
+// 树形数据
+const data = ref<Organization[]>([]);
+// 树展开的key
+const expandedRowKeys = ref<number[]>([]);
+// 树选中的key
+const selectedRowKeys = ref<number[]>([]);
+
+// 表格数据源
+const datasource: DatasourceFunction = ({
+                                          page,
+                                          limit,
+                                          where,
+                                          orders,
+                                          filters
+                                        }) => {
+  if (filters) {
+    where.status = filters.status;
+  }
+  if (installerId.value) {
+    where.installerId = installerId.value;
+  }
+  return pageHjmCar({
+    ...where,
+    ...orders,
+    page,
+    limit
+  });
+};
+
+// 表格列配置
+const columns = ref<ColumnItem[]>([
+  // {
+  //   title: 'ID',
+  //   dataIndex: 'id',
+  //   key: 'id',
+  //   align: 'center',
+  //   width: 90,
+  // },
+  {
+    title: '车辆编号',
+    dataIndex: 'code',
+    key: 'code',
+    align: 'center',
+  },
+  {
+    title: '所属快递公司',
+    dataIndex: 'parentOrganization',
+    key: 'parentOrganization',
+    align: 'center',
+  },
+  {
+    title: '所属站点',
+    dataIndex: 'organization',
+    key: 'organization',
+    align: 'center',
+  },
+  {
+    title: '操作员',
+    dataIndex: 'driver',
+    key: 'driver',
+    align: 'center',
+  },
+  {
+    title: '保险状态',
+    dataIndex: 'insuranceStatus',
+    key: 'insuranceStatus',
+    align: 'center',
+  },
+  {
+    title: 'GPS设备编号',
+    dataIndex: 'gpsNo',
+    key: 'gpsNo',
+    align: 'center',
+  },
+  {
+    title: '围栏名称',
+    dataIndex: 'fenceName',
+    key: 'fenceName',
+    align: 'center',
+  },
+  {
+    title: '是否围栏内',
+    dataIndex: 'inFence',
+    key: 'inFence',
+    align: 'center'
+  },
+  // {
+  //   title: '排序',
+  //   dataIndex: 'sortNumber',
+  //   key: 'sortNumber',
+  //   align: 'center',
+  // },
+  // {
+  //   title: '备注',
+  //   dataIndex: 'comments',
+  //   key: 'comments',
+  //   align: 'center',
+  // },
+  {
+    title: '是否安装',
+    dataIndex: 'status',
+    key: 'status',
+    align: 'center',
+  },
+  {
+    title: '创建时间',
+    dataIndex: 'createTime',
+    key: 'createTime',
+    align: 'center',
+    sorter: true
+  },
+  {
+    title: '操作',
+    key: 'action',
+    width: 270,
+    fixed: 'right',
+    align: 'center',
+    hideInSetting: true
+  }
+]);
+
+/* 搜索 */
+const reload = (where?: HjmCarParam) => {
+  selection.value = [];
+  tableRef?.value?.reload({where: where});
+};
+
+/* 打开编辑弹窗 */
+const openEdit = (row?: HjmCar) => {
+  current.value = row ?? null;
+  showEdit.value = true;
+};
+
+/* 打开批量移动弹窗 */
+const openMove = () => {
+  showMove.value = true;
+};
+
+const onShare = (row?: HjmCar) => {
+  qrcode.value = row?.code + '';
+  showQrcode.value = true;
+}
+
+const resetCar = (row: HjmCar) => {
+  updateHjmCar({
+    ...row,
+    image: '',
+    vinCode: '',
+    driverName: '',
+    installerId: 0,
+    installTime: '',
+    status: 0
+  }).then(() => {
+    message.success('重置成功');
+  })
+}
+
+const onGpsLog = (row: HjmCar) => {
+  window.location.href = `/hjm/gps-log?no=${row?.gpsNo}`
+}
+
+const hideShare = () => {
+  showQrcode.value = false;
+}
+
+const updateStatus = (row?: HjmCar) => {
+  Modal.confirm({
+    title: '提示',
+    content: '确定要解绑吗?',
+    icon: createVNode(ExclamationCircleOutlined),
+    maskClosable: true,
+    onOk: () => {
+      updateHjmCar({
+        ...row,
+        status: 1,
+        claim: 0,
+        driverId: 0,
+        driverName: ''
+      }).then(res => {
+        message.success(res);
+        reload()
+      })
+    }
+  });
+
+}
+
+/* 删除单个 */
+const remove = (row: HjmCar) => {
+  const hide = message.loading('请求中..', 0);
+  removeHjmCar(row.id)
+    .then((msg) => {
+      hide();
+      message.success(msg);
+      reload();
+    })
+    .catch((e) => {
+      hide();
+      message.error(e.message);
+    });
+};
+
+/* 批量删除 */
+const removeBatch = () => {
+  if (!selection.value.length) {
+    message.error('请至少选择一条数据');
+    return;
+  }
+  Modal.confirm({
+    title: '提示',
+    content: '确定要删除选中的记录吗?',
+    icon: createVNode(ExclamationCircleOutlined),
+    maskClosable: true,
+    onOk: () => {
+      const hide = message.loading('请求中..', 0);
+      removeBatchHjmCar(selection.value.map((d) => d.id))
+        .then((msg) => {
+          hide();
+          message.success(msg);
+          reload();
+        })
+        .catch((e) => {
+          hide();
+          message.error(e.message);
+        });
+    }
+  });
+};
+
+/* 查询 */
+const query = () => {
+  loading.value = true;
+
+// 加载机构
+  listOrganizations()
+    .then((list) => {
+      loading.value = false;
+      const eks: number[] = [];
+      list.forEach((d) => {
+        d.key = d.organizationId;
+        d.value = d.organizationId;
+        d.title = d.organizationName;
+        if (typeof d.key === 'number') {
+          eks.push(d.key);
+        }
+      });
+      expandedRowKeys.value = eks;
+      data.value = toTreeData({
+        data: list,
+        idField: 'organizationId',
+        parentIdField: 'parentId'
+      });
+      if (list.length) {
+        if (typeof list[0].key === 'number') {
+          selectedRowKeys.value = [list[0].key];
+        }
+        // current.value = list[0];
+      } else {
+        selectedRowKeys.value = [];
+        // current.value = null;
+      }
+    })
+    .catch((e) => {
+      loading.value = false;
+      message.error(e.message);
+    });
+};
+
+/* 自定义行属性 */
+const customRow = (record: HjmCar) => {
+  return {
+    // 行点击事件
+    onClick: () => {
+      // console.log(record);
+    },
+    // 行双击事件
+    onDblclick: () => {
+      openEdit(record);
+    }
+  };
+};
+
+watch(
+  () => router.currentRoute.value.query,
+  (param) => {
+    query();
+    if (param.installerId) {
+      installerId.value = param.installerId;
+    }
+  },
+  {immediate: true}
+);
+</script>
+
+<script lang="ts">
+export default {
+  name: 'HjmCar'
+};
+</script>
diff --git a/src/views/hjm/hjmChoices/components/hjmChoicesEdit.vue b/src/views/hjm/hjmChoices/components/hjmChoicesEdit.vue
new file mode 100644
index 0000000..9e3d2d5
--- /dev/null
+++ b/src/views/hjm/hjmChoices/components/hjmChoicesEdit.vue
@@ -0,0 +1,223 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑选择题选项' : '添加选择题选项'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="题目ID" name="questionId">
+        <a-input
+          allow-clear
+          placeholder="请输入题目ID"
+          v-model:value="form.questionId"
+        />
+      </a-form-item>
+      <a-form-item label="题目" name="choiceContent">
+        <a-input
+          allow-clear
+          placeholder="请输入题目"
+          v-model:value="form.choiceContent"
+        />
+      </a-form-item>
+      <a-form-item label="是否正确" name="isCorrect">
+        <a-input
+          allow-clear
+          placeholder="请输入是否正确"
+          v-model:value="form.isCorrect"
+        />
+      </a-form-item>
+      <a-form-item label="排序(数字越小越靠前)" name="sortNumber">
+        <a-input-number
+          :min="0"
+          :max="9999"
+          class="ele-fluid"
+          placeholder="请输入排序号"
+          v-model:value="form.sortNumber"
+        />
+      </a-form-item>
+      <a-form-item label="备注" name="comments">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="请输入描述"
+          v-model:value="form.comments"
+        />
+      </a-form-item>
+      <a-form-item label="状态, 0正常, 1冻结" name="status">
+        <a-radio-group v-model:value="form.status">
+          <a-radio :value="0">显示</a-radio>
+          <a-radio :value="1">隐藏</a-radio>
+        </a-radio-group>
+      </a-form-item>
+      <a-form-item label="是否删除, 0否, 1是" name="deleted">
+        <a-input
+          allow-clear
+          placeholder="请输入是否删除, 0否, 1是"
+          v-model:value="form.deleted"
+        />
+      </a-form-item>
+      <a-form-item label="修改时间" name="updateTime">
+        <a-input
+          allow-clear
+          placeholder="请输入修改时间"
+          v-model:value="form.updateTime"
+        />
+      </a-form-item>
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, watch } from 'vue';
+  import { Form, message } from 'ant-design-vue';
+  import { assignObject, uuid } from 'ele-admin-pro';
+  import { addHjmChoices, updateHjmChoices } from '@/api/hjm/hjmChoices';
+  import { HjmChoices } from '@/api/hjm/hjmChoices/model';
+  import { useThemeStore } from '@/store/modules/theme';
+  import { storeToRefs } from 'pinia';
+  import { ItemType } from 'ele-admin-pro/es/ele-image-upload/types';
+  import { FormInstance } from 'ant-design-vue/es/form';
+  import { FileRecord } from '@/api/system/file/model';
+
+  // 是否是修改
+  const isUpdate = ref(false);
+  const useForm = Form.useForm;
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: HjmChoices | null;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  // 提交状态
+  const loading = ref(false);
+  // 是否显示最大化切换按钮
+  const maxable = ref(true);
+  // 表格选中数据
+  const formRef = ref<FormInstance | null>(null);
+  const images = ref<ItemType[]>([]);
+
+  // 用户信息
+  const form = reactive<HjmChoices>({
+    id: undefined,
+    questionId: undefined,
+    choiceContent: undefined,
+    isCorrect: undefined,
+    comments: undefined,
+    deleted: undefined,
+    tenantId: undefined,
+    createTime: undefined,
+    updateTime: undefined,
+    status: 0,
+    sortNumber: 100
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    hjmChoicesName: [
+      {
+        required: true,
+        type: 'string',
+        message: '请填写选择题选项名称',
+        trigger: 'blur'
+      }
+    ]
+  });
+
+  const chooseImage = (data: FileRecord) => {
+    images.value.push({
+      uid: data.id,
+      url: data.path,
+      status: 'done'
+    });
+    form.image = data.path;
+  };
+
+  const onDeleteItem = (index: number) => {
+    images.value.splice(index, 1);
+    form.image = '';
+  };
+
+  const { resetFields } = useForm(form, rules);
+
+  /* 保存编辑 */
+  const save = () => {
+    if (!formRef.value) {
+      return;
+    }
+    formRef.value
+      .validate()
+      .then(() => {
+        loading.value = true;
+        const formData = {
+          ...form
+        };
+        const saveOrUpdate = isUpdate.value ? updateHjmChoices : addHjmChoices;
+        saveOrUpdate(formData)
+          .then((msg) => {
+            loading.value = false;
+            message.success(msg);
+            updateVisible(false);
+            emit('done');
+          })
+          .catch((e) => {
+            loading.value = false;
+            message.error(e.message);
+          });
+      })
+      .catch(() => {});
+  };
+
+  watch(
+    () => props.visible,
+    (visible) => {
+      if (visible) {
+        images.value = [];
+        if (props.data) {
+          assignObject(form, props.data);
+          if(props.data.image){
+            images.value.push({
+              uid: uuid(),
+              url: props.data.image,
+              status: 'done'
+            })
+          }
+          isUpdate.value = true;
+        } else {
+          isUpdate.value = false;
+        }
+      } else {
+        resetFields();
+      }
+    },
+    { immediate: true }
+  );
+</script>
diff --git a/src/views/hjm/hjmChoices/components/search.vue b/src/views/hjm/hjmChoices/components/search.vue
new file mode 100644
index 0000000..82fea9d
--- /dev/null
+++ b/src/views/hjm/hjmChoices/components/search.vue
@@ -0,0 +1,42 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+    <a-button type="primary" class="ele-btn-icon" @click="add">
+      <template #icon>
+        <PlusOutlined />
+      </template>
+      <span>添加</span>
+    </a-button>
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+  import { PlusOutlined } from '@ant-design/icons-vue';
+  import type { GradeParam } from '@/api/user/grade/model';
+  import { watch } from 'vue';
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的角色
+      selection?: [];
+    }>(),
+    {}
+  );
+
+  const emit = defineEmits<{
+    (e: 'search', where?: GradeParam): void;
+    (e: 'add'): void;
+    (e: 'remove'): void;
+    (e: 'batchMove'): void;
+  }>();
+
+  // 新增
+  const add = () => {
+    emit('add');
+  };
+
+  watch(
+    () => props.selection,
+    () => {}
+  );
+</script>
diff --git a/src/views/hjm/hjmChoices/index.vue b/src/views/hjm/hjmChoices/index.vue
new file mode 100644
index 0000000..c70202f
--- /dev/null
+++ b/src/views/hjm/hjmChoices/index.vue
@@ -0,0 +1,263 @@
+<template>
+  <div class="page">
+    <div class="ele-body">
+      <a-card :bordered="false" :body-style="{ padding: '16px' }">
+        <ele-pro-table
+          ref="tableRef"
+          row-key="hjmChoicesId"
+          :columns="columns"
+          :datasource="datasource"
+          :customRow="customRow"
+          tool-class="ele-toolbar-form"
+          class="sys-org-table"
+        >
+          <template #toolbar>
+            <search
+              @search="reload"
+              :selection="selection"
+              @add="openEdit"
+              @remove="removeBatch"
+              @batchMove="openMove"
+            />
+          </template>
+          <template #bodyCell="{ column, record }">
+            <template v-if="column.key === 'image'">
+              <a-image :src="record.image" :width="50" />
+            </template>
+            <template v-if="column.key === 'status'">
+              <a-tag v-if="record.status === 0" color="green">显示</a-tag>
+              <a-tag v-if="record.status === 1" color="red">隐藏</a-tag>
+            </template>
+            <template v-if="column.key === 'action'">
+              <a-space>
+                <a @click="openEdit(record)">修改</a>
+                <a-divider type="vertical" />
+                <a-popconfirm
+                  title="确定要删除此记录吗？"
+                  @confirm="remove(record)"
+                >
+                  <a class="ele-text-danger">删除</a>
+                </a-popconfirm>
+              </a-space>
+            </template>
+          </template>
+        </ele-pro-table>
+      </a-card>
+
+      <!-- 编辑弹窗 -->
+      <HjmChoicesEdit v-model:visible="showEdit" :data="current" @done="reload" />
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+  import { createVNode, ref } from 'vue';
+  import { message, Modal } from 'ant-design-vue';
+  import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
+  import type { EleProTable } from 'ele-admin-pro';
+  import { toDateString } from 'ele-admin-pro';
+  import type {
+    DatasourceFunction,
+    ColumnItem
+  } from 'ele-admin-pro/es/ele-pro-table/types';
+  import Search from './components/search.vue';
+  import HjmChoicesEdit from './components/hjmChoicesEdit.vue';
+  import { pageHjmChoices, removeHjmChoices, removeBatchHjmChoices } from '@/api/hjm/hjmChoices';
+  import type { HjmChoices, HjmChoicesParam } from '@/api/hjm/hjmChoices/model';
+
+  // 表格实例
+  const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+  // 表格选中数据
+  const selection = ref<HjmChoices[]>([]);
+  // 当前编辑数据
+  const current = ref<HjmChoices | null>(null);
+  // 是否显示编辑弹窗
+  const showEdit = ref(false);
+  // 是否显示批量移动弹窗
+  const showMove = ref(false);
+  // 加载状态
+  const loading = ref(true);
+
+  // 表格数据源
+  const datasource: DatasourceFunction = ({
+    page,
+    limit,
+    where,
+    orders,
+    filters
+  }) => {
+    if (filters) {
+      where.status = filters.status;
+    }
+    return pageHjmChoices({
+      ...where,
+      ...orders,
+      page,
+      limit
+    });
+  };
+
+  // 表格列配置
+  const columns = ref<ColumnItem[]>([
+    {
+      title: '自增ID',
+      dataIndex: 'id',
+      key: 'id',
+      align: 'center',
+      width: 90,
+    },
+    {
+      title: '题目ID',
+      dataIndex: 'questionId',
+      key: 'questionId',
+      align: 'center',
+    },
+    {
+      title: '题目',
+      dataIndex: 'choiceContent',
+      key: 'choiceContent',
+      align: 'center',
+    },
+    {
+      title: '是否正确',
+      dataIndex: 'isCorrect',
+      key: 'isCorrect',
+      align: 'center',
+    },
+    {
+      title: '排序(数字越小越靠前)',
+      dataIndex: 'sortNumber',
+      key: 'sortNumber',
+      align: 'center',
+    },
+    {
+      title: '备注',
+      dataIndex: 'comments',
+      key: 'comments',
+      align: 'center',
+    },
+    {
+      title: '状态, 0正常, 1冻结',
+      dataIndex: 'status',
+      key: 'status',
+      align: 'center',
+    },
+    {
+      title: '是否删除, 0否, 1是',
+      dataIndex: 'deleted',
+      key: 'deleted',
+      align: 'center',
+    },
+    {
+      title: '创建时间',
+      dataIndex: 'createTime',
+      key: 'createTime',
+      align: 'center',
+      sorter: true,
+      ellipsis: true,
+      customRender: ({ text }) => toDateString(text, 'yyyy-MM-dd')
+    },
+    {
+      title: '修改时间',
+      dataIndex: 'updateTime',
+      key: 'updateTime',
+      align: 'center',
+    },
+    {
+      title: '操作',
+      key: 'action',
+      width: 180,
+      fixed: 'right',
+      align: 'center',
+      hideInSetting: true
+    }
+  ]);
+
+  /* 搜索 */
+  const reload = (where?: HjmChoicesParam) => {
+    selection.value = [];
+    tableRef?.value?.reload({ where: where });
+  };
+
+  /* 打开编辑弹窗 */
+  const openEdit = (row?: HjmChoices) => {
+    current.value = row ?? null;
+    showEdit.value = true;
+  };
+
+  /* 打开批量移动弹窗 */
+  const openMove = () => {
+    showMove.value = true;
+  };
+
+  /* 删除单个 */
+  const remove = (row: HjmChoices) => {
+    const hide = message.loading('请求中..', 0);
+    removeHjmChoices(row.hjmChoicesId)
+      .then((msg) => {
+        hide();
+        message.success(msg);
+        reload();
+      })
+      .catch((e) => {
+        hide();
+        message.error(e.message);
+      });
+  };
+
+  /* 批量删除 */
+  const removeBatch = () => {
+    if (!selection.value.length) {
+      message.error('请至少选择一条数据');
+      return;
+    }
+    Modal.confirm({
+      title: '提示',
+      content: '确定要删除选中的记录吗?',
+      icon: createVNode(ExclamationCircleOutlined),
+      maskClosable: true,
+      onOk: () => {
+        const hide = message.loading('请求中..', 0);
+        removeBatchHjmChoices(selection.value.map((d) => d.hjmChoicesId))
+          .then((msg) => {
+            hide();
+            message.success(msg);
+            reload();
+          })
+          .catch((e) => {
+            hide();
+            message.error(e.message);
+          });
+      }
+    });
+  };
+
+  /* 查询 */
+  const query = () => {
+    loading.value = true;
+  };
+
+  /* 自定义行属性 */
+  const customRow = (record: HjmChoices) => {
+    return {
+      // 行点击事件
+      onClick: () => {
+        // console.log(record);
+      },
+      // 行双击事件
+      onDblclick: () => {
+        openEdit(record);
+      }
+    };
+  };
+  query();
+</script>
+
+<script lang="ts">
+  export default {
+    name: 'HjmChoices'
+  };
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/views/hjm/hjmCourses/components/hjmCoursesEdit.vue b/src/views/hjm/hjmCourses/components/hjmCoursesEdit.vue
new file mode 100644
index 0000000..6fab582
--- /dev/null
+++ b/src/views/hjm/hjmCourses/components/hjmCoursesEdit.vue
@@ -0,0 +1,243 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑课程' : '添加课程'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="课程名称" name="name">
+        <a-input
+          allow-clear
+          placeholder="请输入课程名称"
+          v-model:value="form.name"
+        />
+      </a-form-item>
+      <a-form-item label="类型" name="type">
+        <a-input
+          allow-clear
+          placeholder="请输入类型"
+          v-model:value="form.type"
+        />
+      </a-form-item>
+      <a-form-item label="课程编号" name="code">
+        <a-input
+          allow-clear
+          placeholder="请输入课程编号"
+          v-model:value="form.code"
+        />
+      </a-form-item>
+        <a-form-item
+          label="课程封面图"
+          name="image">
+          <SelectFile
+            :placeholder="`请选择图片`"
+            :limit="1"
+            :data="images"
+            @done="chooseImage"
+            @del="onDeleteItem"
+          />
+        </a-form-item>
+      <a-form-item label="用户ID" name="userId">
+        <a-input
+          allow-clear
+          placeholder="请输入用户ID"
+          v-model:value="form.userId"
+        />
+      </a-form-item>
+      <a-form-item label="排序(数字越小越靠前)" name="sortNumber">
+        <a-input-number
+          :min="0"
+          :max="9999"
+          class="ele-fluid"
+          placeholder="请输入排序号"
+          v-model:value="form.sortNumber"
+        />
+      </a-form-item>
+      <a-form-item label="备注" name="comments">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="请输入描述"
+          v-model:value="form.comments"
+        />
+      </a-form-item>
+      <a-form-item label="状态, 0正常, 1冻结" name="status">
+        <a-radio-group v-model:value="form.status">
+          <a-radio :value="0">显示</a-radio>
+          <a-radio :value="1">隐藏</a-radio>
+        </a-radio-group>
+      </a-form-item>
+      <a-form-item label="是否删除, 0否, 1是" name="deleted">
+        <a-input
+          allow-clear
+          placeholder="请输入是否删除, 0否, 1是"
+          v-model:value="form.deleted"
+        />
+      </a-form-item>
+      <a-form-item label="修改时间" name="updateTime">
+        <a-input
+          allow-clear
+          placeholder="请输入修改时间"
+          v-model:value="form.updateTime"
+        />
+      </a-form-item>
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, watch } from 'vue';
+  import { Form, message } from 'ant-design-vue';
+  import { assignObject, uuid } from 'ele-admin-pro';
+  import { addHjmCourses, updateHjmCourses } from '@/api/hjm/hjmCourses';
+  import { HjmCourses } from '@/api/hjm/hjmCourses/model';
+  import { useThemeStore } from '@/store/modules/theme';
+  import { storeToRefs } from 'pinia';
+  import { ItemType } from 'ele-admin-pro/es/ele-image-upload/types';
+  import { FormInstance } from 'ant-design-vue/es/form';
+  import { FileRecord } from '@/api/system/file/model';
+
+  // 是否是修改
+  const isUpdate = ref(false);
+  const useForm = Form.useForm;
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: HjmCourses | null;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  // 提交状态
+  const loading = ref(false);
+  // 是否显示最大化切换按钮
+  const maxable = ref(true);
+  // 表格选中数据
+  const formRef = ref<FormInstance | null>(null);
+  const images = ref<ItemType[]>([]);
+
+  // 用户信息
+  const form = reactive<HjmCourses>({
+    id: undefined,
+    name: undefined,
+    type: undefined,
+    code: undefined,
+    image: undefined,
+    userId: undefined,
+    deleted: undefined,
+    tenantId: undefined,
+    createTime: undefined,
+    updateTime: undefined,
+    status: 0,
+    comments: '',
+    sortNumber: 100
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    hjmCoursesName: [
+      {
+        required: true,
+        type: 'string',
+        message: '请填写课程名称',
+        trigger: 'blur'
+      }
+    ]
+  });
+
+  const chooseImage = (data: FileRecord) => {
+    images.value.push({
+      uid: data.id,
+      url: data.path,
+      status: 'done'
+    });
+    form.image = data.path;
+  };
+
+  const onDeleteItem = (index: number) => {
+    images.value.splice(index, 1);
+    form.image = '';
+  };
+
+  const { resetFields } = useForm(form, rules);
+
+  /* 保存编辑 */
+  const save = () => {
+    if (!formRef.value) {
+      return;
+    }
+    formRef.value
+      .validate()
+      .then(() => {
+        loading.value = true;
+        const formData = {
+          ...form
+        };
+        const saveOrUpdate = isUpdate.value ? updateHjmCourses : addHjmCourses;
+        saveOrUpdate(formData)
+          .then((msg) => {
+            loading.value = false;
+            message.success(msg);
+            updateVisible(false);
+            emit('done');
+          })
+          .catch((e) => {
+            loading.value = false;
+            message.error(e.message);
+          });
+      })
+      .catch(() => {});
+  };
+
+  watch(
+    () => props.visible,
+    (visible) => {
+      if (visible) {
+        images.value = [];
+        if (props.data) {
+          assignObject(form, props.data);
+          if(props.data.image){
+            images.value.push({
+              uid: uuid(),
+              url: props.data.image,
+              status: 'done'
+            })
+          }
+          isUpdate.value = true;
+        } else {
+          isUpdate.value = false;
+        }
+      } else {
+        resetFields();
+      }
+    },
+    { immediate: true }
+  );
+</script>
diff --git a/src/views/hjm/hjmCourses/components/search.vue b/src/views/hjm/hjmCourses/components/search.vue
new file mode 100644
index 0000000..82fea9d
--- /dev/null
+++ b/src/views/hjm/hjmCourses/components/search.vue
@@ -0,0 +1,42 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+    <a-button type="primary" class="ele-btn-icon" @click="add">
+      <template #icon>
+        <PlusOutlined />
+      </template>
+      <span>添加</span>
+    </a-button>
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+  import { PlusOutlined } from '@ant-design/icons-vue';
+  import type { GradeParam } from '@/api/user/grade/model';
+  import { watch } from 'vue';
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的角色
+      selection?: [];
+    }>(),
+    {}
+  );
+
+  const emit = defineEmits<{
+    (e: 'search', where?: GradeParam): void;
+    (e: 'add'): void;
+    (e: 'remove'): void;
+    (e: 'batchMove'): void;
+  }>();
+
+  // 新增
+  const add = () => {
+    emit('add');
+  };
+
+  watch(
+    () => props.selection,
+    () => {}
+  );
+</script>
diff --git a/src/views/hjm/hjmCourses/index.vue b/src/views/hjm/hjmCourses/index.vue
new file mode 100644
index 0000000..f676f4d
--- /dev/null
+++ b/src/views/hjm/hjmCourses/index.vue
@@ -0,0 +1,256 @@
+<template>
+  <a-page-header :title="getPageTitle()" @back="() => $router.go(-1)">
+    <a-card :bordered="false" :body-style="{ padding: '16px' }">
+      <ele-pro-table
+        ref="tableRef"
+        row-key="id"
+        :columns="columns"
+        :datasource="datasource"
+        :customRow="customRow"
+        tool-class="ele-toolbar-form"
+        class="sys-org-table"
+      >
+        <template #toolbar>
+          <search
+            @search="reload"
+            :selection="selection"
+            @add="openEdit"
+            @remove="removeBatch"
+            @batchMove="openMove"
+          />
+        </template>
+        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'image'">
+            <a-image :src="record.image" :width="50"/>
+          </template>
+          <template v-if="column.key === 'status'">
+            <a-tag v-if="record.status === 0" color="green">显示</a-tag>
+            <a-tag v-if="record.status === 1" color="red">隐藏</a-tag>
+          </template>
+          <template v-if="column.key === 'action'">
+            <a-space>
+              <a @click="openEdit(record)">修改</a>
+              <a-divider type="vertical"/>
+              <a-popconfirm
+                title="确定要删除此记录吗？"
+                @confirm="remove(record)"
+              >
+                <a class="ele-text-danger">删除</a>
+              </a-popconfirm>
+            </a-space>
+          </template>
+        </template>
+      </ele-pro-table>
+    </a-card>
+
+    <!-- 编辑弹窗 -->
+    <HjmCoursesEdit v-model:visible="showEdit" :data="current" @done="reload"/>
+  </a-page-header>
+</template>
+
+<script lang="ts" setup>
+import {createVNode, ref} from 'vue';
+import {message, Modal} from 'ant-design-vue';
+import {ExclamationCircleOutlined} from '@ant-design/icons-vue';
+import type {EleProTable} from 'ele-admin-pro';
+import {toDateString} from 'ele-admin-pro';
+import type {
+  DatasourceFunction,
+  ColumnItem
+} from 'ele-admin-pro/es/ele-pro-table/types';
+import Search from './components/search.vue';
+import HjmCoursesEdit from './components/hjmCoursesEdit.vue';
+import {pageHjmCourses, removeHjmCourses, removeBatchHjmCourses} from '@/api/hjm/hjmCourses';
+import type {HjmCourses, HjmCoursesParam} from '@/api/hjm/hjmCourses/model';
+import {getPageTitle} from "@/utils/common";
+
+// 表格实例
+const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+// 表格选中数据
+const selection = ref<HjmCourses[]>([]);
+// 当前编辑数据
+const current = ref<HjmCourses | null>(null);
+// 是否显示编辑弹窗
+const showEdit = ref(false);
+// 是否显示批量移动弹窗
+const showMove = ref(false);
+// 加载状态
+const loading = ref(true);
+
+// 表格数据源
+const datasource: DatasourceFunction = ({
+                                          page,
+                                          limit,
+                                          where,
+                                          orders,
+                                          filters
+                                        }) => {
+  if (filters) {
+    where.status = filters.status;
+  }
+  return pageHjmCourses({
+    ...where,
+    ...orders,
+    page,
+    limit
+  });
+};
+
+// 表格列配置
+const columns = ref<ColumnItem[]>([
+  // {
+  //   title: '自增ID',
+  //   dataIndex: 'id',
+  //   key: 'id',
+  //   align: 'center',
+  //   width: 90,
+  // },
+  {
+    title: '课程名称',
+    dataIndex: 'name',
+    key: 'name',
+    align: 'center',
+  },
+  {
+    title: '类型',
+    dataIndex: 'type',
+    key: 'type',
+    align: 'center',
+  },
+  {
+    title: '课程编号',
+    dataIndex: 'code',
+    key: 'code',
+    align: 'center',
+  },
+  {
+    title: '课程封面图',
+    dataIndex: 'image',
+    key: 'image',
+    align: 'center',
+  },
+  // {
+  //   title: '排序',
+  //   dataIndex: 'sortNumber',
+  //   key: 'sortNumber',
+  //   align: 'center',
+  // },
+  // {
+  //   title: '备注',
+  //   dataIndex: 'comments',
+  //   key: 'comments',
+  //   align: 'center',
+  // },
+  // {
+  //   title: '状态, 0正常, 1冻结',
+  //   dataIndex: 'status',
+  //   key: 'status',
+  //   align: 'center',
+  // },
+  {
+    title: '创建时间',
+    dataIndex: 'createTime',
+    key: 'createTime',
+    align: 'center',
+    sorter: true,
+    ellipsis: true,
+    customRender: ({text}) => toDateString(text, 'yyyy-MM-dd HH:mm:ss')
+  },
+  {
+    title: '操作',
+    key: 'action',
+    width: 180,
+    fixed: 'right',
+    align: 'center',
+    hideInSetting: true
+  }
+]);
+
+/* 搜索 */
+const reload = (where?: HjmCoursesParam) => {
+  selection.value = [];
+  tableRef?.value?.reload({where: where});
+};
+
+/* 打开编辑弹窗 */
+const openEdit = (row?: HjmCourses) => {
+  current.value = row ?? null;
+  showEdit.value = true;
+};
+
+/* 打开批量移动弹窗 */
+const openMove = () => {
+  showMove.value = true;
+};
+
+/* 删除单个 */
+const remove = (row: HjmCourses) => {
+  const hide = message.loading('请求中..', 0);
+  removeHjmCourses(row.id)
+    .then((msg) => {
+      hide();
+      message.success(msg);
+      reload();
+    })
+    .catch((e) => {
+      hide();
+      message.error(e.message);
+    });
+};
+
+/* 批量删除 */
+const removeBatch = () => {
+  if (!selection.value.length) {
+    message.error('请至少选择一条数据');
+    return;
+  }
+  Modal.confirm({
+    title: '提示',
+    content: '确定要删除选中的记录吗?',
+    icon: createVNode(ExclamationCircleOutlined),
+    maskClosable: true,
+    onOk: () => {
+      const hide = message.loading('请求中..', 0);
+      removeBatchHjmCourses(selection.value.map((d) => d.id))
+        .then((msg) => {
+          hide();
+          message.success(msg);
+          reload();
+        })
+        .catch((e) => {
+          hide();
+          message.error(e.message);
+        });
+    }
+  });
+};
+
+/* 查询 */
+const query = () => {
+  loading.value = true;
+};
+
+/* 自定义行属性 */
+const customRow = (record: HjmCourses) => {
+  return {
+    // 行点击事件
+    onClick: () => {
+      // console.log(record);
+    },
+    // 行双击事件
+    onDblclick: () => {
+      openEdit(record);
+    }
+  };
+};
+query();
+</script>
+
+<script lang="ts">
+export default {
+  name: 'HjmCourses'
+};
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/views/hjm/hjmExamLog/components/hjmExamLogEdit.vue b/src/views/hjm/hjmExamLog/components/hjmExamLogEdit.vue
new file mode 100644
index 0000000..fe69c91
--- /dev/null
+++ b/src/views/hjm/hjmExamLog/components/hjmExamLogEdit.vue
@@ -0,0 +1,223 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑黄家明_学习记录' : '添加黄家明_学习记录'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="用户ID" name="userId">
+        <a-input
+          allow-clear
+          placeholder="请输入用户ID"
+          v-model:value="form.userId"
+        />
+      </a-form-item>
+      <a-form-item label="得分" name="total">
+        <a-input
+          allow-clear
+          placeholder="请输入得分"
+          v-model:value="form.total"
+        />
+      </a-form-item>
+      <a-form-item label="用时" name="useTime">
+        <a-input
+          allow-clear
+          placeholder="请输入用时"
+          v-model:value="form.useTime"
+        />
+      </a-form-item>
+      <a-form-item label="排序(数字越小越靠前)" name="sortNumber">
+        <a-input-number
+          :min="0"
+          :max="9999"
+          class="ele-fluid"
+          placeholder="请输入排序号"
+          v-model:value="form.sortNumber"
+        />
+      </a-form-item>
+      <a-form-item label="备注" name="comments">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="请输入描述"
+          v-model:value="form.comments"
+        />
+      </a-form-item>
+      <a-form-item label="状态, 0正常, 1冻结" name="status">
+        <a-radio-group v-model:value="form.status">
+          <a-radio :value="0">显示</a-radio>
+          <a-radio :value="1">隐藏</a-radio>
+        </a-radio-group>
+      </a-form-item>
+      <a-form-item label="是否删除, 0否, 1是" name="deleted">
+        <a-input
+          allow-clear
+          placeholder="请输入是否删除, 0否, 1是"
+          v-model:value="form.deleted"
+        />
+      </a-form-item>
+      <a-form-item label="修改时间" name="updateTime">
+        <a-input
+          allow-clear
+          placeholder="请输入修改时间"
+          v-model:value="form.updateTime"
+        />
+      </a-form-item>
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, watch } from 'vue';
+  import { Form, message } from 'ant-design-vue';
+  import { assignObject, uuid } from 'ele-admin-pro';
+  import { addHjmExamLog, updateHjmExamLog } from '@/api/hjm/hjmExamLog';
+  import { HjmExamLog } from '@/api/hjm/hjmExamLog/model';
+  import { useThemeStore } from '@/store/modules/theme';
+  import { storeToRefs } from 'pinia';
+  import { ItemType } from 'ele-admin-pro/es/ele-image-upload/types';
+  import { FormInstance } from 'ant-design-vue/es/form';
+  import { FileRecord } from '@/api/system/file/model';
+
+  // 是否是修改
+  const isUpdate = ref(false);
+  const useForm = Form.useForm;
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: HjmExamLog | null;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  // 提交状态
+  const loading = ref(false);
+  // 是否显示最大化切换按钮
+  const maxable = ref(true);
+  // 表格选中数据
+  const formRef = ref<FormInstance | null>(null);
+  const images = ref<ItemType[]>([]);
+
+  // 用户信息
+  const form = reactive<HjmExamLog>({
+    id: undefined,
+    userId: undefined,
+    total: undefined,
+    useTime: undefined,
+    sortNumber: undefined,
+    comments: undefined,
+    status: undefined,
+    deleted: undefined,
+    tenantId: undefined,
+    createTime: undefined,
+    updateTime: undefined
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    hjmExamLogName: [
+      {
+        required: true,
+        type: 'string',
+        message: '请填写黄家明_学习记录名称',
+        trigger: 'blur'
+      }
+    ]
+  });
+
+  const chooseImage = (data: FileRecord) => {
+    images.value.push({
+      uid: data.id,
+      url: data.path,
+      status: 'done'
+    });
+    form.image = data.path;
+  };
+
+  const onDeleteItem = (index: number) => {
+    images.value.splice(index, 1);
+    form.image = '';
+  };
+
+  const { resetFields } = useForm(form, rules);
+
+  /* 保存编辑 */
+  const save = () => {
+    if (!formRef.value) {
+      return;
+    }
+    formRef.value
+      .validate()
+      .then(() => {
+        loading.value = true;
+        const formData = {
+          ...form
+        };
+        const saveOrUpdate = isUpdate.value ? updateHjmExamLog : addHjmExamLog;
+        saveOrUpdate(formData)
+          .then((msg) => {
+            loading.value = false;
+            message.success(msg);
+            updateVisible(false);
+            emit('done');
+          })
+          .catch((e) => {
+            loading.value = false;
+            message.error(e.message);
+          });
+      })
+      .catch(() => {});
+  };
+
+  watch(
+    () => props.visible,
+    (visible) => {
+      if (visible) {
+        images.value = [];
+        if (props.data) {
+          assignObject(form, props.data);
+          if(props.data.image){
+            images.value.push({
+              uid: uuid(),
+              url: props.data.image,
+              status: 'done'
+            })
+          }
+          isUpdate.value = true;
+        } else {
+          isUpdate.value = false;
+        }
+      } else {
+        resetFields();
+      }
+    },
+    { immediate: true }
+  );
+</script>
diff --git a/src/views/hjm/hjmExamLog/components/search.vue b/src/views/hjm/hjmExamLog/components/search.vue
new file mode 100644
index 0000000..0b06bf1
--- /dev/null
+++ b/src/views/hjm/hjmExamLog/components/search.vue
@@ -0,0 +1,59 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+    <a-button type="primary" class="ele-btn-icon" @click="add">
+      <template #icon>
+        <PlusOutlined />
+      </template>
+      <span>添加</span>
+    </a-button>
+    <a-range-picker
+      v-model:value="dateRange"
+      @change="search"
+      value-format="YYYY-MM-DD"
+    />
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+  import { PlusOutlined } from '@ant-design/icons-vue';
+  import { watch } from 'vue';
+  import useSearch from "@/utils/use-search";
+  import {HjmExamLogParam} from "@/api/hjm/hjmExamLog/model";
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的角色
+      selection?: [];
+    }>(),
+    {}
+  );
+
+  // 表单数据
+  const {where} = useSearch<HjmExamLogParam>({
+    id: undefined,
+    keywords: '',
+    status: undefined
+  });
+
+  const emit = defineEmits<{
+    (e: 'search', where?: HjmExamLogParam): void;
+    (e: 'add'): void;
+    (e: 'remove'): void;
+    (e: 'batchMove'): void;
+  }>();
+
+  // 新增
+  const add = () => {
+    emit('add');
+  };
+
+  const reload = () => {
+    emit('search', where);
+  }
+
+  watch(
+    () => props.selection,
+    () => {}
+  );
+</script>
diff --git a/src/views/hjm/hjmExamLog/index.vue b/src/views/hjm/hjmExamLog/index.vue
new file mode 100644
index 0000000..a37deb9
--- /dev/null
+++ b/src/views/hjm/hjmExamLog/index.vue
@@ -0,0 +1,230 @@
+<template>
+  <a-page-header :title="getPageTitle()" @back="() => $router.go(-1)">
+    <a-card :bordered="false" :body-style="{ padding: '16px' }">
+      <ele-pro-table
+        ref="tableRef"
+        row-key="hjmExamLogId"
+        :columns="columns"
+        :datasource="datasource"
+        :customRow="customRow"
+        tool-class="ele-toolbar-form"
+        class="sys-org-table"
+      >
+        <template #toolbar>
+          <search
+            @search="reload"
+            :selection="selection"
+            @add="openEdit"
+            @remove="removeBatch"
+            @batchMove="openMove"
+          />
+        </template>
+        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'image'">
+            <a-image :src="record.image" :width="50"/>
+          </template>
+          <template v-if="column.key === 'status'">
+            <a-tag v-if="record.status === 1" color="green">完美通过</a-tag>
+            <a-tag v-if="record.status === 0" color="red">考试不及格</a-tag>
+          </template>
+          <template v-if="column.key === 'action'">
+            <a-space>
+              <a @click="openEdit(record)">修改</a>
+              <a-divider type="vertical"/>
+              <a-popconfirm
+                title="确定要删除此记录吗？"
+                @confirm="remove(record)"
+              >
+                <a class="ele-text-danger">删除</a>
+              </a-popconfirm>
+            </a-space>
+          </template>
+        </template>
+      </ele-pro-table>
+    </a-card>
+
+    <!-- 编辑弹窗 -->
+    <HjmExamLogEdit v-model:visible="showEdit" :data="current" @done="reload"/>
+  </a-page-header>
+</template>
+
+<script lang="ts" setup>
+import {createVNode, ref} from 'vue';
+import {message, Modal} from 'ant-design-vue';
+import {ExclamationCircleOutlined} from '@ant-design/icons-vue';
+import type {EleProTable} from 'ele-admin-pro';
+import {toDateString} from 'ele-admin-pro';
+import type {
+  DatasourceFunction,
+  ColumnItem
+} from 'ele-admin-pro/es/ele-pro-table/types';
+import Search from './components/search.vue';
+import HjmExamLogEdit from './components/hjmExamLogEdit.vue';
+import {pageHjmExamLog, removeHjmExamLog, removeBatchHjmExamLog} from '@/api/hjm/hjmExamLog';
+import type {HjmExamLog, HjmExamLogParam} from '@/api/hjm/hjmExamLog/model';
+import {getPageTitle} from "@/utils/common";
+
+// 表格实例
+const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+// 表格选中数据
+const selection = ref<HjmExamLog[]>([]);
+// 当前编辑数据
+const current = ref<HjmExamLog | null>(null);
+// 是否显示编辑弹窗
+const showEdit = ref(false);
+// 是否显示批量移动弹窗
+const showMove = ref(false);
+// 加载状态
+const loading = ref(true);
+
+// 表格数据源
+const datasource: DatasourceFunction = ({
+                                          page,
+                                          limit,
+                                          where,
+                                          orders
+                                        }) => {
+  return pageHjmExamLog({
+    ...where,
+    ...orders,
+    page,
+    limit
+  });
+};
+
+// 表格列配置
+const columns = ref<ColumnItem[]>([
+  {
+    title: '姓名',
+    dataIndex: 'realName',
+    key: 'realName',
+    align: 'center',
+  },
+  {
+    title: '用时',
+    dataIndex: 'useTime',
+    key: 'useTime',
+    align: 'center',
+  },
+  {
+    title: '得分',
+    dataIndex: 'total',
+    key: 'total',
+    align: 'center',
+    sorter: true
+  },
+  {
+    title: '状态',
+    dataIndex: 'status',
+    key: 'status',
+    align: 'center',
+    sorter: true
+  },
+  {
+    title: '考试时间',
+    dataIndex: 'createTime',
+    key: 'createTime',
+    align: 'center',
+    sorter: true,
+    ellipsis: true,
+    customRender: ({text}) => toDateString(text, 'yyyy-MM-dd HH:mm:ss')
+  }
+  // {
+  //   title: '操作',
+  //   key: 'action',
+  //   width: 180,
+  //   fixed: 'right',
+  //   align: 'center',
+  //   hideInSetting: true
+  // }
+]);
+
+/* 搜索 */
+const reload = (where?: HjmExamLogParam) => {
+  console.log(where?.status,'where')
+  selection.value = [];
+  tableRef?.value?.reload({where: where});
+};
+
+/* 打开编辑弹窗 */
+const openEdit = (row?: HjmExamLog) => {
+  current.value = row ?? null;
+  showEdit.value = true;
+};
+
+/* 打开批量移动弹窗 */
+const openMove = () => {
+  showMove.value = true;
+};
+
+/* 删除单个 */
+const remove = (row: HjmExamLog) => {
+  const hide = message.loading('请求中..', 0);
+  removeHjmExamLog(row.id)
+    .then((msg) => {
+      hide();
+      message.success(msg);
+      reload();
+    })
+    .catch((e) => {
+      hide();
+      message.error(e.message);
+    });
+};
+
+/* 批量删除 */
+const removeBatch = () => {
+  if (!selection.value.length) {
+    message.error('请至少选择一条数据');
+    return;
+  }
+  Modal.confirm({
+    title: '提示',
+    content: '确定要删除选中的记录吗?',
+    icon: createVNode(ExclamationCircleOutlined),
+    maskClosable: true,
+    onOk: () => {
+      const hide = message.loading('请求中..', 0);
+      removeBatchHjmExamLog(selection.value.map((d) => d.id))
+        .then((msg) => {
+          hide();
+          message.success(msg);
+          reload();
+        })
+        .catch((e) => {
+          hide();
+          message.error(e.message);
+        });
+    }
+  });
+};
+
+/* 查询 */
+const query = () => {
+  loading.value = true;
+};
+
+/* 自定义行属性 */
+const customRow = (record: HjmExamLog) => {
+  return {
+    // 行点击事件
+    onClick: () => {
+      // console.log(record);
+    },
+    // 行双击事件
+    onDblclick: () => {
+      openEdit(record);
+    }
+  };
+};
+query();
+</script>
+
+<script lang="ts">
+export default {
+  name: 'HjmExamLog'
+};
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/views/hjm/hjmFence/components/hjmFenceEdit.vue b/src/views/hjm/hjmFence/components/hjmFenceEdit.vue
new file mode 100644
index 0000000..5d3ae2d
--- /dev/null
+++ b/src/views/hjm/hjmFence/components/hjmFenceEdit.vue
@@ -0,0 +1,306 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑电子围栏' : '添加电子围栏'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="围栏名称" name="name">
+        <a-input
+          allow-clear
+          placeholder="请输入围栏名称"
+          v-model:value="form.name"
+        />
+      </a-form-item>
+      <!--      <a-form-item label="类型" name="type">-->
+      <!--        <a-radio-group v-model:value="form.type">-->
+      <!--          <a-radio :value="0">圆形</a-radio>-->
+      <!--          <a-radio :value="1">方形</a-radio>-->
+      <!--        </a-radio-group>-->
+      <!--      </a-form-item>-->
+<!--      <a-form-item label="经纬度" name="location">-->
+<!--        <div class="flex">-->
+<!--          <a-input-->
+<!--            allow-clear-->
+<!--            placeholder="请选取车辆所在位置"-->
+<!--            v-model:value="form.location"-->
+<!--          >-->
+<!--          </a-input>-->
+<!--        </div>-->
+<!--      </a-form-item>-->
+      <a-form-item label="轮廓" name="points">
+        <div class="flex">
+          <a-input
+            allow-clear
+            placeholder="请选取电子围栏的轮廓"
+            v-model:value="form.points"
+          >
+          </a-input>
+        </div>
+        <template #extra>
+          <p class="py-2">
+            <a class="text-blue-500" href="https://lbs.qq.com/dev/console/cloud/placeCloud/datamanage?table_id=0q3W4MrK1-_6Xag7V1" target="_blank">使用腾讯地图的工具绘制电子围栏</a>
+          </p>
+        </template>
+      </a-form-item>
+<!--      <a-form-item label="经度" name="longitude">-->
+<!--        <a-input-number-->
+<!--          allow-clear-->
+<!--          style="width: 120px"-->
+<!--          placeholder="请输入经度"-->
+<!--          v-model:value="form.longitude"-->
+<!--        />-->
+<!--      </a-form-item>-->
+<!--      <a-form-item label="纬度" name="latitude">-->
+<!--        <a-input-number-->
+<!--          allow-clear-->
+<!--          style="width: 120px"-->
+<!--          placeholder="请输入纬度"-->
+<!--          v-model:value="form.latitude"-->
+<!--        />-->
+<!--      </a-form-item>-->
+<!--      <a-form-item label="半径" name="district">-->
+<!--        <a-input-number-->
+<!--          allow-clear-->
+<!--          style="width: 120px"-->
+<!--          placeholder="请输入半径"-->
+<!--          v-model:value="form.district"-->
+<!--        />-->
+<!--      </a-form-item>-->
+      <!--      <a-form-item label="排序" name="sortNumber">-->
+      <!--        <a-input-number-->
+      <!--          :min="0"-->
+      <!--          :max="9999"-->
+      <!--          class="ele-fluid"-->
+      <!--          placeholder="请输入排序号"-->
+      <!--          v-model:value="form.sortNumber"-->
+      <!--        />-->
+      <!--      </a-form-item>-->
+      <a-form-item label="备注" name="comments">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="请输入描述"
+          v-model:value="form.comments"
+        />
+      </a-form-item>
+    </a-form>
+    <!-- 地图位置选择弹窗 -->
+    <ele-map-picker
+      :need-city="true"
+      :dark-mode="darkMode"
+      v-model:visible="showMap"
+      :center="[108.374959, 22.767024]"
+      :search-type="1"
+      :zoom="12"
+      @done="onDone"
+    />
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+import {ref, reactive, watch} from 'vue';
+import {Form, message} from 'ant-design-vue';
+import {assignObject} from 'ele-admin-pro';
+import {addHjmFence, updateHjmFence} from '@/api/hjm/hjmFence';
+import {HjmFence} from '@/api/hjm/hjmFence/model';
+import {useThemeStore} from '@/store/modules/theme';
+import {storeToRefs} from 'pinia';
+import {CenterPoint} from "ele-admin-pro/es/ele-map-picker/types";
+import {ItemType} from 'ele-admin-pro/es/ele-image-upload/types';
+import {FormInstance} from 'ant-design-vue/es/form';
+
+// 是否是修改
+const isUpdate = ref(false);
+const useForm = Form.useForm;
+// 是否开启响应式布局
+const themeStore = useThemeStore();
+const {styleResponsive} = storeToRefs(themeStore);
+const {darkMode} = storeToRefs(themeStore);
+// 是否显示地图选择弹窗
+const showMap = ref(false);
+
+const props = defineProps<{
+  // 弹窗是否打开
+  visible: boolean;
+  // 修改回显的数据
+  data?: HjmFence | null;
+}>();
+
+const emit = defineEmits<{
+  (e: 'done'): void;
+  (e: 'update:visible', visible: boolean): void;
+}>();
+
+// 提交状态
+const loading = ref(false);
+// 是否显示最大化切换按钮
+const maxable = ref(true);
+// 表格选中数据
+const formRef = ref<FormInstance | null>(null);
+const images = ref<ItemType[]>([]);
+
+// 用户信息
+const form = reactive<HjmFence>({
+  id: undefined,
+  name: undefined,
+  type: undefined,
+  location: undefined,
+  longitude: undefined,
+  latitude: undefined,
+  district: undefined,
+  points: undefined,
+  tenantId: undefined,
+  createTime: undefined,
+  updateTime: undefined,
+  status: 0,
+  comments: '',
+  sortNumber: 100
+});
+
+/* 更新visible */
+const updateVisible = (value: boolean) => {
+  emit('update:visible', value);
+};
+
+// 表单验证规则
+const rules = reactive({
+  name: [
+    {
+      required: true,
+      type: 'string',
+      message: '请填写电子围栏名称',
+      trigger: 'blur'
+    }
+  ],
+  type: [
+    {
+      required: true,
+      type: 'number',
+      message: '请选择类型',
+      trigger: 'blur'
+    }
+  ],
+  location: [
+    {
+      required: true,
+      type: 'string',
+      message: '请填写经纬度',
+      trigger: 'blur'
+    }
+  ],
+  points: [
+    {
+      required: true,
+      type: 'string',
+      message: '请填写轮廓经纬度数组',
+      trigger: 'blur'
+    }
+  ],
+  longitude: [
+    {
+      required: true,
+      type: 'string',
+      message: '请填写经度',
+      trigger: 'blur'
+    }
+  ],
+  latitude: [
+    {
+      required: true,
+      type: 'string',
+      message: '请填写纬度',
+      trigger: 'blur'
+    }
+  ],
+  district: [
+    {
+      required: true,
+      type: 'string',
+      message: '请填写半径',
+      trigger: 'blur'
+    }
+  ]
+});
+
+/* 打开位置选择 */
+const openMapPicker = () => {
+  showMap.value = true;
+};
+
+/* 地图选择后回调 */
+const onDone = (location: CenterPoint) => {
+  if (location) {
+    console.log(location)
+    form.location = `${location.lat},${location.lng}`;
+    form.longitude = `${location.lng}`;
+    form.latitude = `${location.lat}`;
+    form.comments = `${location.address}`;
+    form.district = `1000`
+  }
+  showMap.value = false;
+};
+
+const {resetFields} = useForm(form, rules);
+
+/* 保存编辑 */
+const save = () => {
+  if (!formRef.value) {
+    return;
+  }
+  formRef.value
+    .validate()
+    .then(() => {
+      loading.value = true;
+      const formData = {
+        ...form
+      };
+      const saveOrUpdate = isUpdate.value ? updateHjmFence : addHjmFence;
+      saveOrUpdate(formData)
+        .then((msg) => {
+          loading.value = false;
+          message.success(msg);
+          updateVisible(false);
+          emit('done');
+        })
+        .catch((e) => {
+          loading.value = false;
+          message.error(e.message);
+        });
+    })
+    .catch(() => {
+    });
+};
+
+watch(
+  () => props.visible,
+  (visible) => {
+    if (visible) {
+      images.value = [];
+      if (props.data) {
+        assignObject(form, props.data);
+        isUpdate.value = true;
+      } else {
+        isUpdate.value = false;
+      }
+    } else {
+      resetFields();
+    }
+  },
+  {immediate: true}
+);
+</script>
diff --git a/src/views/hjm/hjmFence/components/search.vue b/src/views/hjm/hjmFence/components/search.vue
new file mode 100644
index 0000000..f7509dc
--- /dev/null
+++ b/src/views/hjm/hjmFence/components/search.vue
@@ -0,0 +1,42 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+    <a-button type="primary" class="ele-btn-icon" @click="add">
+      <template #icon>
+        <PlusOutlined />
+      </template>
+      <span>添加</span>
+    </a-button>
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+  import { PlusOutlined } from '@ant-design/icons-vue';
+  import type { HjmFenceParam } from '@/api/hjm/hjmFence/model';
+  import { watch } from 'vue';
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的角色
+      selection?: [];
+    }>(),
+    {}
+  );
+
+  const emit = defineEmits<{
+    (e: 'search', where?: HjmFenceParam): void;
+    (e: 'add'): void;
+    (e: 'remove'): void;
+    (e: 'batchMove'): void;
+  }>();
+
+  // 新增
+  const add = () => {
+    emit('add');
+  };
+
+  watch(
+    () => props.selection,
+    () => {}
+  );
+</script>
diff --git a/src/views/hjm/hjmFence/index.vue b/src/views/hjm/hjmFence/index.vue
new file mode 100644
index 0000000..6642f1b
--- /dev/null
+++ b/src/views/hjm/hjmFence/index.vue
@@ -0,0 +1,272 @@
+<template>
+  <a-page-header :title="getPageTitle()" @back="() => $router.go(-1)">
+    <a-card :bordered="false" :body-style="{ padding: '16px' }">
+      <ele-pro-table
+        ref="tableRef"
+        row-key="id"
+        :columns="columns"
+        :datasource="datasource"
+        :customRow="customRow"
+        tool-class="ele-toolbar-form"
+        class="sys-org-table"
+      >
+        <template #toolbar>
+          <search
+            @search="reload"
+            :selection="selection"
+            @add="openEdit"
+            @remove="removeBatch"
+            @batchMove="openMove"
+          />
+        </template>
+        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'image'">
+            <a-image :src="record.image" :width="50"/>
+          </template>
+          <template v-if="column.key === 'status'">
+            <a-tag v-if="record.status === 0" color="green">显示</a-tag>
+            <a-tag v-if="record.status === 1" color="red">隐藏</a-tag>
+          </template>
+          <template v-if="column.key === 'action'">
+            <a-space>
+              <a @click="openEdit(record)">修改</a>
+              <a-divider type="vertical"/>
+              <a-popconfirm
+                title="确定要删除此记录吗？"
+                @confirm="remove(record)"
+              >
+                <a class="ele-text-danger">删除</a>
+              </a-popconfirm>
+            </a-space>
+          </template>
+        </template>
+      </ele-pro-table>
+    </a-card>
+
+    <!-- 编辑弹窗 -->
+    <HjmFenceEdit v-model:visible="showEdit" :data="current" @done="reload"/>
+  </a-page-header>
+</template>
+
+<script lang="ts" setup>
+import {createVNode, ref} from 'vue';
+import {message, Modal} from 'ant-design-vue';
+import {ExclamationCircleOutlined} from '@ant-design/icons-vue';
+import type {EleProTable} from 'ele-admin-pro';
+import {toDateString} from 'ele-admin-pro';
+import type {
+  DatasourceFunction,
+  ColumnItem
+} from 'ele-admin-pro/es/ele-pro-table/types';
+import Search from './components/search.vue';
+import HjmFenceEdit from './components/hjmFenceEdit.vue';
+import {pageHjmFence, removeHjmFence, removeBatchHjmFence} from '@/api/hjm/hjmFence';
+import type {HjmFence, HjmFenceParam} from '@/api/hjm/hjmFence/model';
+import {getPageTitle} from "@/utils/common";
+
+// 表格实例
+const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+// 表格选中数据
+const selection = ref<HjmFence[]>([]);
+// 当前编辑数据
+const current = ref<HjmFence | null>(null);
+// 是否显示编辑弹窗
+const showEdit = ref(false);
+// 是否显示批量移动弹窗
+const showMove = ref(false);
+// 加载状态
+const loading = ref(true);
+
+// 表格数据源
+const datasource: DatasourceFunction = ({
+                                          page,
+                                          limit,
+                                          where,
+                                          orders,
+                                          filters
+                                        }) => {
+  if (filters) {
+    where.status = filters.status;
+  }
+  return pageHjmFence({
+    ...where,
+    ...orders,
+    page,
+    limit
+  });
+};
+
+// 表格列配置
+const columns = ref<ColumnItem[]>([
+  {
+    title: 'ID',
+    dataIndex: 'id',
+    key: 'id',
+    width: 90
+  },
+  {
+    title: '围栏名称',
+    dataIndex: 'name',
+    key: 'name',
+    width: 180
+  },
+  // {
+  //   title: '类型',
+  //   dataIndex: 'type',
+  //   key: 'type',
+  //   align: 'center',
+  //   customRender: (record) => {
+  //     return record.text === 0 ? '圆形' : '方形';
+  //   }
+  // },
+  // {
+  //   title: '经度',
+  //   dataIndex: 'longitude',
+  //   key: 'longitude',
+  //   align: 'center',
+  // },
+  // {
+  //   title: '纬度',
+  //   dataIndex: 'latitude',
+  //   key: 'latitude',
+  //   align: 'center',
+  // },
+  // {
+  //   title: '经纬度',
+  //   dataIndex: 'location',
+  //   key: 'location',
+  //   align: 'center',
+  // },
+  {
+    title: '轮廓',
+    dataIndex: 'points',
+    key: 'points',
+    align: 'center',
+    ellipsis:  true,
+  },
+  // {
+  //   title: '地址',
+  //   dataIndex: 'comments',
+  //   key: 'comments',
+  //   align: 'center',
+  // },
+  // {
+  //   title: '半径',
+  //   dataIndex: 'district',
+  //   key: 'district',
+  //   align: 'center',
+  // },
+  // {
+  //   title: '排序',
+  //   dataIndex: 'sortNumber',
+  //   key: 'sortNumber',
+  //   align: 'center',
+  // },
+  {
+    title: '创建时间',
+    dataIndex: 'createTime',
+    key: 'createTime',
+    align: 'center',
+    sorter: true,
+    ellipsis: true,
+    width: 180,
+    customRender: ({text}) => toDateString(text, 'yyyy-MM-dd HH:mm:ss')
+  },
+  {
+    title: '操作',
+    key: 'action',
+    width: 180,
+    fixed: 'right',
+    align: 'center',
+    hideInSetting: true
+  }
+]);
+
+/* 搜索 */
+const reload = (where?: HjmFenceParam) => {
+  selection.value = [];
+  tableRef?.value?.reload({where: where});
+};
+
+/* 打开编辑弹窗 */
+const openEdit = (row?: HjmFence) => {
+  current.value = row ?? null;
+  showEdit.value = true;
+};
+
+/* 打开批量移动弹窗 */
+const openMove = () => {
+  showMove.value = true;
+};
+
+/* 删除单个 */
+const remove = (row: HjmFence) => {
+  const hide = message.loading('请求中..', 0);
+  removeHjmFence(row.id)
+    .then((msg) => {
+      hide();
+      message.success(msg);
+      reload();
+    })
+    .catch((e) => {
+      hide();
+      message.error(e.message);
+    });
+};
+
+/* 批量删除 */
+const removeBatch = () => {
+  if (!selection.value.length) {
+    message.error('请至少选择一条数据');
+    return;
+  }
+  Modal.confirm({
+    title: '提示',
+    content: '确定要删除选中的记录吗?',
+    icon: createVNode(ExclamationCircleOutlined),
+    maskClosable: true,
+    onOk: () => {
+      const hide = message.loading('请求中..', 0);
+      removeBatchHjmFence(selection.value.map((d) => d.id))
+        .then((msg) => {
+          hide();
+          message.success(msg);
+          reload();
+        })
+        .catch((e) => {
+          hide();
+          message.error(e.message);
+        });
+    }
+  });
+};
+
+/* 查询 */
+const query = () => {
+  loading.value = true;
+};
+
+/* 自定义行属性 */
+const customRow = (record: HjmFence) => {
+  return {
+    // 行点击事件
+    onClick: () => {
+      // console.log(record);
+    },
+    // 行双击事件
+    onDblclick: () => {
+      openEdit(record);
+    }
+  };
+};
+query();
+</script>
+
+<script lang="ts">
+export default {
+  name: 'HjmFence'
+};
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/views/hjm/hjmGpsLog/components/hjmGpsLogEdit.vue b/src/views/hjm/hjmGpsLog/components/hjmGpsLogEdit.vue
new file mode 100644
index 0000000..8b7594e
--- /dev/null
+++ b/src/views/hjm/hjmGpsLog/components/hjmGpsLogEdit.vue
@@ -0,0 +1,205 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑黄家明_gps轨迹' : '添加黄家明_gps轨迹'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="车辆ID" name="carId">
+        <a-input
+          allow-clear
+          placeholder="请输入车辆ID"
+          v-model:value="form.carId"
+        />
+      </a-form-item>
+      <a-form-item label="gps编号" name="gpsNo">
+        <a-input
+          allow-clear
+          placeholder="请输入gps编号"
+          v-model:value="form.gpsNo"
+        />
+      </a-form-item>
+      <a-form-item label="经度" name="longitude">
+        <a-input
+          allow-clear
+          placeholder="请输入经度"
+          v-model:value="form.longitude"
+        />
+      </a-form-item>
+      <a-form-item label="纬度" name="latitude">
+        <a-input
+          allow-clear
+          placeholder="请输入纬度"
+          v-model:value="form.latitude"
+        />
+      </a-form-item>
+      <a-form-item label="备注" name="comments">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="请输入描述"
+          v-model:value="form.comments"
+        />
+      </a-form-item>
+      <a-form-item label="状态, 0正常, 1冻结" name="status">
+        <a-radio-group v-model:value="form.status">
+          <a-radio :value="0">显示</a-radio>
+          <a-radio :value="1">隐藏</a-radio>
+        </a-radio-group>
+      </a-form-item>
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, watch } from 'vue';
+  import { Form, message } from 'ant-design-vue';
+  import { assignObject, uuid } from 'ele-admin-pro';
+  import { addHjmGpsLog, updateHjmGpsLog } from '@/api/hjm/hjmGpsLog';
+  import { HjmGpsLog } from '@/api/hjm/hjmGpsLog/model';
+  import { useThemeStore } from '@/store/modules/theme';
+  import { storeToRefs } from 'pinia';
+  import { ItemType } from 'ele-admin-pro/es/ele-image-upload/types';
+  import { FormInstance } from 'ant-design-vue/es/form';
+  import { FileRecord } from '@/api/system/file/model';
+
+  // 是否是修改
+  const isUpdate = ref(false);
+  const useForm = Form.useForm;
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: HjmGpsLog | null;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  // 提交状态
+  const loading = ref(false);
+  // 是否显示最大化切换按钮
+  const maxable = ref(true);
+  // 表格选中数据
+  const formRef = ref<FormInstance | null>(null);
+  const images = ref<ItemType[]>([]);
+
+  // 用户信息
+  const form = reactive<HjmGpsLog>({
+    id: undefined,
+    carId: undefined,
+    gpsNo: undefined,
+    longitude: undefined,
+    latitude: undefined,
+    tenantId: undefined,
+    createTime: undefined,
+    status: 0,
+    comments: ''
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    hjmGpsLogName: [
+      {
+        required: true,
+        type: 'string',
+        message: '请填写黄家明_gps轨迹名称',
+        trigger: 'blur'
+      }
+    ]
+  });
+
+  const chooseImage = (data: FileRecord) => {
+    images.value.push({
+      uid: data.id,
+      url: data.path,
+      status: 'done'
+    });
+    form.image = data.path;
+  };
+
+  const onDeleteItem = (index: number) => {
+    images.value.splice(index, 1);
+    form.image = '';
+  };
+
+  const { resetFields } = useForm(form, rules);
+
+  /* 保存编辑 */
+  const save = () => {
+    if (!formRef.value) {
+      return;
+    }
+    formRef.value
+      .validate()
+      .then(() => {
+        loading.value = true;
+        const formData = {
+          ...form
+        };
+        const saveOrUpdate = isUpdate.value ? updateHjmGpsLog : addHjmGpsLog;
+        saveOrUpdate(formData)
+          .then((msg) => {
+            loading.value = false;
+            message.success(msg);
+            updateVisible(false);
+            emit('done');
+          })
+          .catch((e) => {
+            loading.value = false;
+            message.error(e.message);
+          });
+      })
+      .catch(() => {});
+  };
+
+  watch(
+    () => props.visible,
+    (visible) => {
+      if (visible) {
+        images.value = [];
+        if (props.data) {
+          assignObject(form, props.data);
+          if(props.data.image){
+            images.value.push({
+              uid: uuid(),
+              url: props.data.image,
+              status: 'done'
+            })
+          }
+          isUpdate.value = true;
+        } else {
+          isUpdate.value = false;
+        }
+      } else {
+        resetFields();
+      }
+    },
+    { immediate: true }
+  );
+</script>
diff --git a/src/views/hjm/hjmGpsLog/components/search.vue b/src/views/hjm/hjmGpsLog/components/search.vue
new file mode 100644
index 0000000..339f305
--- /dev/null
+++ b/src/views/hjm/hjmGpsLog/components/search.vue
@@ -0,0 +1,51 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+    <a-input-search
+      placeholder="请输入GPS编号"
+      style="width: 280px"
+      :disabled="gpsNo"
+      v-model:value="where.keywords"
+      @search="reload"
+    />
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+  import type { HjmGpsLogParam } from '@/api/hjm/hjmGpsLog/model';
+  import { watch } from 'vue';
+  import useSearch from "@/utils/use-search";
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的角色
+      selection?: [];
+      gpsNo?: string;
+    }>(),
+    {}
+  );
+
+  const emit = defineEmits<{
+    (e: 'search', where?: HjmGpsLogParam): void;
+    (e: 'add'): void;
+    (e: 'remove'): void;
+    (e: 'batchMove'): void;
+  }>();
+
+  // 表单数据
+  const { where } = useSearch<HjmGpsLogParam>({
+    id: undefined,
+    keywords: props.gpsNo,
+    userId: undefined
+  });
+
+  const reload = () => {
+    console.log(where,props.gpsNo)
+    emit('search', where);
+  };
+
+  watch(
+    () => props.selection,
+    () => {}
+  );
+</script>
diff --git a/src/views/hjm/hjmGpsLog/index.vue b/src/views/hjm/hjmGpsLog/index.vue
new file mode 100644
index 0000000..345d625
--- /dev/null
+++ b/src/views/hjm/hjmGpsLog/index.vue
@@ -0,0 +1,261 @@
+<template>
+  <a-page-header :title="getPageTitle()" @back="() => $router.go(-1)">
+    <a-card :bordered="false" :body-style="{ padding: '16px' }">
+      <ele-pro-table
+        ref="tableRef"
+        row-key="hjmGpsLogId"
+        :columns="columns"
+        :datasource="datasource"
+        :customRow="customRow"
+        tool-class="ele-toolbar-form"
+        class="sys-org-table"
+      >
+        <template #toolbar>
+          <search
+            @search="reload"
+            :gpsNo="gpsNo"
+            :selection="selection"
+            @add="openEdit"
+            @remove="removeBatch"
+            @batchMove="openMove"
+          />
+        </template>
+        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'image'">
+            <a-image :src="record.image" :width="50"/>
+          </template>
+          <template v-if="column.key === 'status'">
+            <a-tag v-if="record.status === 0" color="green">显示</a-tag>
+            <a-tag v-if="record.status === 1" color="red">隐藏</a-tag>
+          </template>
+          <template v-if="column.key === 'action'">
+            <a-space>
+              <a @click="openEdit(record)">修改</a>
+              <a-divider type="vertical"/>
+              <a-popconfirm
+                title="确定要删除此记录吗？"
+                @confirm="remove(record)"
+              >
+                <a class="ele-text-danger">删除</a>
+              </a-popconfirm>
+            </a-space>
+          </template>
+        </template>
+      </ele-pro-table>
+    </a-card>
+
+    <!-- 编辑弹窗 -->
+    <HjmGpsLogEdit
+      v-model:visible="showEdit"
+      :data="current"
+      @done="reload"
+    />
+  </a-page-header>
+</template>
+
+<script lang="ts" setup>
+import {createVNode, ref, watch} from 'vue';
+import {message, Modal} from 'ant-design-vue';
+import {ExclamationCircleOutlined} from '@ant-design/icons-vue';
+import type {EleProTable} from 'ele-admin-pro';
+import type {
+  DatasourceFunction,
+  ColumnItem
+} from 'ele-admin-pro/es/ele-pro-table/types';
+import Search from './components/search.vue';
+import HjmGpsLogEdit from './components/hjmGpsLogEdit.vue';
+import {
+  pageHjmGpsLog,
+  removeHjmGpsLog,
+  removeBatchHjmGpsLog
+} from '@/api/hjm/hjmGpsLog';
+import type {HjmGpsLog, HjmGpsLogParam} from '@/api/hjm/hjmGpsLog/model';
+import router from "@/router";
+import {getPageTitle} from "@/utils/common";
+
+// 表格实例
+const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+// 表格选中数据
+const selection = ref<HjmGpsLog[]>([]);
+// 当前编辑数据
+const current = ref<HjmGpsLog | null>(null);
+// 是否显示编辑弹窗
+const showEdit = ref(false);
+// 是否显示批量移动弹窗
+const showMove = ref(false);
+// 加载状态
+const loading = ref(true);
+// 搜索参数
+const gpsNo = ref();
+
+// 表格数据源
+const datasource: DatasourceFunction = ({
+                                          page,
+                                          limit,
+                                          where,
+                                          orders,
+                                          filters
+                                        }) => {
+  if (filters) {
+    where.status = filters.status;
+  }
+  if (gpsNo.value) {
+    where.gpsNo = gpsNo.value;
+  }
+  return pageHjmGpsLog({
+    ...where,
+    ...orders,
+    page,
+    limit
+  });
+};
+
+// 表格列配置
+const columns = ref<ColumnItem[]>([
+  {
+    title: '自增ID',
+    dataIndex: 'id',
+    key: 'id',
+    align: 'center',
+    width: 90
+  },
+  {
+    title: 'gps编号',
+    dataIndex: 'gpsNo',
+    key: 'gpsNo',
+    align: 'center'
+  },
+  {
+    title: '经度',
+    dataIndex: 'longitude',
+    key: 'longitude',
+    align: 'center'
+  },
+  {
+    title: '纬度',
+    dataIndex: 'latitude',
+    key: 'latitude',
+    align: 'center'
+  },
+  {
+    title: '速度',
+    dataIndex: 'speed',
+    key: 'speed',
+    align: 'center'
+  },
+  {
+    title: '创建时间',
+    dataIndex: 'createTime',
+    key: 'createTime',
+    align: 'center',
+    sorter: true
+  },
+  {
+    title: '操作',
+    key: 'action',
+    width: 180,
+    fixed: 'right',
+    align: 'center',
+    hideInSetting: true
+  }
+]);
+
+/* 搜索 */
+const reload = (where?: HjmGpsLogParam) => {
+  selection.value = [];
+  tableRef?.value?.reload({where: where});
+};
+
+/* 打开编辑弹窗 */
+const openEdit = (row?: HjmGpsLog) => {
+  current.value = row ?? null;
+  showEdit.value = true;
+};
+
+/* 打开批量移动弹窗 */
+const openMove = () => {
+  showMove.value = true;
+};
+
+/* 删除单个 */
+const remove = (row: HjmGpsLog) => {
+  const hide = message.loading('请求中..', 0);
+  removeHjmGpsLog(row.id)
+    .then((msg) => {
+      hide();
+      message.success(msg);
+      reload();
+    })
+    .catch((e) => {
+      hide();
+      message.error(e.message);
+    });
+};
+
+/* 批量删除 */
+const removeBatch = () => {
+  if (!selection.value.length) {
+    message.error('请至少选择一条数据');
+    return;
+  }
+  Modal.confirm({
+    title: '提示',
+    content: '确定要删除选中的记录吗?',
+    icon: createVNode(ExclamationCircleOutlined),
+    maskClosable: true,
+    onOk: () => {
+      const hide = message.loading('请求中..', 0);
+      removeBatchHjmGpsLog(selection.value.map((d) => d.id))
+        .then((msg) => {
+          hide();
+          message.success(msg);
+          reload();
+        })
+        .catch((e) => {
+          hide();
+          message.error(e.message);
+        });
+    }
+  });
+};
+
+/* 查询 */
+const query = () => {
+
+  loading.value = true;
+};
+
+/* 自定义行属性 */
+const customRow = (record: HjmGpsLog) => {
+  return {
+    // 行点击事件
+    onClick: () => {
+      // console.log(record);
+    },
+    // 行双击事件
+    onDblclick: () => {
+      openEdit(record);
+    }
+  };
+};
+
+watch(
+  () => router.currentRoute.value.query,
+  (param) => {
+    query();
+    if (param.no) {
+      gpsNo.value = param.no;
+    }
+  },
+  {immediate: true}
+);
+</script>
+
+<script lang="ts">
+export default {
+  name: 'HjmGpsLog'
+};
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/views/hjm/hjmQuestions/components/Extra.vue b/src/views/hjm/hjmQuestions/components/Extra.vue
new file mode 100644
index 0000000..a4b536d
--- /dev/null
+++ b/src/views/hjm/hjmQuestions/components/Extra.vue
@@ -0,0 +1,59 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space style="flex-wrap: wrap" v-if="hasRole('superAdmin') || hasRole('admin') || hasRole('foundation')">
+<!--    <a-button-->
+<!--      type="text"-->
+<!--      @click="openUrl('/courses')"-->
+<!--    >课程管理-->
+<!--    </a-button>-->
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+import {watch,nextTick} from 'vue';
+import {CmsWebsite} from '@/api/cms/cmsWebsite/model';
+import {message} from 'ant-design-vue';
+import {removeSiteInfoCache} from "@/api/cms/cmsWebsite";
+import {hasRole} from "@/utils/permission";
+
+const props = withDefaults(
+  defineProps<{
+    // 选中的角色
+    selection?: [];
+    website?: CmsWebsite;
+    count?: 0;
+  }>(),
+  {}
+);
+
+const emit = defineEmits<{
+  (e: 'add'): void;
+}>();
+
+const add = () => {
+  emit('add');
+};
+
+// 清除缓存
+const clearSiteInfoCache = () => {
+  removeSiteInfoCache('SiteInfo:' + localStorage.getItem('TenantId') + "*").then(
+    (msg) => {
+      if (msg) {
+        message.success(msg);
+      }
+    }
+  );
+};
+
+nextTick(() => {
+  if(localStorage.getItem('NotActive')){
+    // IsActive.value = false
+  }
+})
+
+watch(
+  () => props.selection,
+  () => {
+  }
+);
+</script>
diff --git a/src/views/hjm/hjmQuestions/components/Import.vue b/src/views/hjm/hjmQuestions/components/Import.vue
new file mode 100644
index 0000000..9f343ec
--- /dev/null
+++ b/src/views/hjm/hjmQuestions/components/Import.vue
@@ -0,0 +1,82 @@
+<!-- 用户导入弹窗 -->
+<template>
+  <ele-modal
+    :width="520"
+    :footer="null"
+    title="文章批量导入"
+    :visible="visible"
+    @update:visible="updateVisible"
+  >
+    <a-spin :spinning="loading">
+      <a-upload-dragger
+        accept=".xls,.xlsx"
+        :show-upload-list="false"
+        :customRequest="doUpload"
+        style="padding: 24px 0; margin-bottom: 16px"
+      >
+        <p class="ant-upload-drag-icon">
+          <cloud-upload-outlined />
+        </p>
+        <p class="ant-upload-hint">将文件拖到此处，或点击上传</p>
+      </a-upload-dragger>
+    </a-spin>
+    <div class="ele-text-center">
+      <span>只能上传xls、xlsx文件，导入模板和导出模板格式一致</span>
+    </div>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref } from 'vue';
+  import { message } from 'ant-design-vue/es';
+  import { CloudUploadOutlined } from '@ant-design/icons-vue';
+  import {importArticles} from "@/api/cms/cmsArticle";
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  defineProps<{
+    // 是否打开弹窗
+    visible: boolean;
+  }>();
+
+  // 导入请求状态
+  const loading = ref(false);
+
+  /* 上传 */
+  const doUpload = ({ file }) => {
+    if (
+      ![
+        'application/vnd.ms-excel',
+        'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
+      ].includes(file.type)
+    ) {
+      message.error('只能选择 excel 文件');
+      return false;
+    }
+    if (file.size / 1024 / 1024 > 10) {
+      message.error('大小不能超过 10MB');
+      return false;
+    }
+    loading.value = true;
+    importArticles(file)
+      .then((msg) => {
+        loading.value = false;
+        message.success(msg);
+        updateVisible(false);
+        emit('done');
+      })
+      .catch((e) => {
+        loading.value = false;
+        message.error(e.message);
+      });
+    return false;
+  };
+
+  /* 更新 visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+</script>
diff --git a/src/views/hjm/hjmQuestions/components/hjmQuestionsEdit.vue b/src/views/hjm/hjmQuestions/components/hjmQuestionsEdit.vue
new file mode 100644
index 0000000..1bb3284
--- /dev/null
+++ b/src/views/hjm/hjmQuestions/components/hjmQuestionsEdit.vue
@@ -0,0 +1,432 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="1000"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑题目' : '添加题目'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="所属课程" name="courseId">
+        <a-tree-select
+          allow-clear
+          :tree-data="navigationList"
+          tree-default-expand-all
+          style="width: 300px"
+          placeholder="请选择栏目"
+          :value="form.courseId || undefined"
+          :listHeight="700"
+          :dropdown-style="{ overflow: 'auto' }"
+          @update:value="(value?: number) => (form.courseId = value)"
+          @change="onCategoryId"
+        />
+      </a-form-item>
+      <a-form-item label="题目" name="question">
+        <a-input
+          allow-clear
+          placeholder="请输入题目"
+          v-model:value="form.question"
+        />
+      </a-form-item>
+      <a-form-item label="类型" name="type">
+        <a-radio-group v-model:value="form.type">
+          <a-radio :value="0">选择题</a-radio>
+          <a-radio :value="1">填空题</a-radio>
+          <!--          <a-radio :value="2">问答题</a-radio>-->
+        </a-radio-group>
+      </a-form-item>
+      <a-form-item label="A选项" name="choicesA" v-if="form.type === 0">
+        <div class="flex items-center">
+          <a-input
+            allow-clear
+            placeholder="A 选项的内容"
+            v-model:value="form.choicesA"
+            @input="onChangeA"
+          />
+        </div>
+      </a-form-item>
+      <a-form-item label="B选项" name="choicesB" v-if="form.type === 0">
+        <div class="flex items-center">
+          <a-input
+            allow-clear
+            placeholder="B 选项的内容"
+            v-model:value="form.choicesB"
+            @input="onChangeB"
+          />
+        </div>
+      </a-form-item>
+      <a-form-item label="C选项" name="choicesC" v-if="form.type === 0">
+        <div class="flex items-center">
+          <a-input
+            allow-clear
+            placeholder="C 选项的内容"
+            v-model:value="form.choicesC"
+            @input="onChangeC"
+          />
+        </div>
+      </a-form-item>
+      <a-form-item label="D选项" name="choicesD" v-if="form.type === 0">
+        <div class="flex items-center">
+          <a-input
+            allow-clear
+            placeholder="D 选项的内容"
+            v-model:value="form.choicesD"
+            @input="onChangeD"
+          />
+        </div>
+      </a-form-item>
+      <a-form-item label="正确答案" name="choices" v-if="form.type === 0">
+        <a-radio-group v-model:value="form.choices" @change="updateCorrectAnswer">
+          <a-radio :value="0">A</a-radio>
+          <a-radio :value="1">B</a-radio>
+          <a-radio :value="2">C</a-radio>
+          <a-radio :value="3">D</a-radio>
+        </a-radio-group>
+      </a-form-item>
+      <a-form-item label="正确答案" name="correctAnswer" v-if="form.type !== 0">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="请输入描述"
+          v-model:value="form.correctAnswer"
+        />
+        <!-- 编辑器 -->
+        <!--        <tinymce-editor-->
+        <!--          ref="editorRef"-->
+        <!--          class="editor-content"-->
+        <!--          v-model:value="form.correctAnswer"-->
+        <!--          :init="config"-->
+        <!--          placeholder="本地图片支持直接粘贴或拖拽至光标处"-->
+        <!--        />-->
+      </a-form-item>
+<!--      <a-form-item label="难度" name="difficulty">-->
+<!--        <a-radio-group v-model:value="form.difficulty">-->
+<!--          <a-radio :value="0">简单</a-radio>-->
+<!--          <a-radio :value="1">中等</a-radio>-->
+<!--          <a-radio :value="2">困难</a-radio>-->
+<!--        </a-radio-group>-->
+<!--      </a-form-item>-->
+<!--      <a-form-item label="状态" name="status">-->
+<!--        <a-radio-group v-model:value="form.status">-->
+<!--          <a-radio :value="0">已发布</a-radio>-->
+<!--          <a-radio :value="1">待审核</a-radio>-->
+<!--        </a-radio-group>-->
+<!--      </a-form-item>-->
+      <!--      <a-form-item label="排序" name="sortNumber">-->
+      <!--        <a-input-number-->
+      <!--          :min="0"-->
+      <!--          :max="9999"-->
+      <!--          class="ele-fluid"-->
+      <!--          placeholder="请输入排序号"-->
+      <!--          v-model:value="form.sortNumber"-->
+      <!--        />-->
+      <!--      </a-form-item>-->
+      <!--      <a-form-item label="备注" name="comments">-->
+      <!--        <a-textarea-->
+      <!--          :rows="4"-->
+      <!--          :maxlength="200"-->
+      <!--          placeholder="请输入描述"-->
+      <!--          v-model:value="form.comments"-->
+      <!--        />-->
+      <!--      </a-form-item>-->
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+import {ref, reactive, watch} from 'vue';
+import {Form, message} from 'ant-design-vue';
+import {assignObject} from 'ele-admin-pro';
+import {addHjmQuestions, updateHjmQuestions} from '@/api/hjm/hjmQuestions';
+import {HjmQuestions} from '@/api/hjm/hjmQuestions/model';
+import {useThemeStore} from '@/store/modules/theme';
+import {storeToRefs} from 'pinia';
+import {ItemType} from 'ele-admin-pro/es/ele-image-upload/types';
+import {FormInstance} from 'ant-design-vue/es/form';
+import {CmsNavigation} from "@/api/cms/cmsNavigation/model";
+import TinymceEditor from "@/components/TinymceEditor/index.vue";
+import {uploadOss} from "@/api/system/file";
+
+// 是否是修改
+const isUpdate = ref(false);
+const useForm = Form.useForm;
+// 是否开启响应式布局
+const themeStore = useThemeStore();
+const {styleResponsive} = storeToRefs(themeStore);
+
+const props = defineProps<{
+  // 弹窗是否打开
+  visible: boolean;
+  // 修改回显的数据
+  data?: HjmQuestions | null;
+  // 栏目数据
+  navigationList?: CmsNavigation[];
+}>();
+
+const emit = defineEmits<{
+  (e: 'done'): void;
+  (e: 'update:visible', visible: boolean): void;
+}>();
+
+// 提交状态
+const loading = ref(false);
+// 是否显示最大化切换按钮
+const maxable = ref(true);
+// 表格选中数据
+const formRef = ref<FormInstance | null>(null);
+const images = ref<ItemType[]>([]);
+
+// 用户信息
+const form = reactive<HjmQuestions>({
+  id: undefined,
+  courseId: undefined,
+  type: 0,
+  question: undefined,
+  correctAnswer: undefined,
+  difficulty: 0,
+  deleted: undefined,
+  tenantId: undefined,
+  createTime: undefined,
+  updateTime: undefined,
+  status: 0,
+  comments: '',
+  sortNumber: 100,
+  choicesA: undefined,
+  choicesB: undefined,
+  choicesC: undefined,
+  choicesD: undefined,
+  choices: undefined,
+  choicesList: undefined
+});
+
+/* 更新visible */
+const updateVisible = (value: boolean) => {
+  emit('update:visible', value);
+};
+
+// 表单验证规则
+const rules = reactive({
+  courseId: [
+    {
+      required: true,
+      message: '请选择课程',
+      type: 'number',
+      trigger: 'blur'
+    }
+  ],
+  type: [
+    {
+      required: true,
+      message: '请选择类型',
+      type: 'number',
+      trigger: 'blur'
+    }
+  ],
+  question: [{
+    required: true,
+    message: '请输入题目',
+    type: 'string',
+    trigger: 'blur'
+  }],
+  correctAnswer: [
+    {
+      required: true,
+      message: '请输入正确答案',
+      type: 'string',
+      trigger: 'blur'
+    }
+  ],
+  choicesA: [
+    {
+      required: true,
+      message: '请输入选项内容',
+      type: 'string',
+      trigger: 'blur'
+    }
+  ],
+  choicesB: [
+    {
+      required: true,
+      message: '请输入选项内容',
+      type: 'string',
+      trigger: 'blur'
+    }
+  ],
+  choicesC: [
+    {
+      required: true,
+      message: '请输入选项内容',
+      type: 'string',
+      trigger: 'blur'
+    }
+  ],
+  choicesD: [
+    {
+      required: true,
+      message: '请输入选项内容',
+      type: 'string',
+      trigger: 'blur'
+    }
+  ],
+  choices: [
+    {
+      required: true,
+      message: '请选择正确答案',
+      type: 'number',
+      trigger: 'blur'
+    }
+  ]
+  // difficulty: [
+  //   {
+  //     required: true,
+  //     message: '请选择难度',
+  //     type: 'number',
+  //     trigger: 'blur'
+  //   }
+  // ]
+});
+
+// 选择栏目
+const onCategoryId = (id: number) => {
+  form.courseId = id;
+};
+
+const editorRef = ref<InstanceType<typeof TinymceEditor> | null>(null);
+const config = ref({
+  height: 300,
+  paste_data_images: true,
+  automatic_uploads: true,
+  images_upload_handler: (blobInfo, success, error) => {
+    const file = blobInfo.blob();
+    uploadOss(file)
+      .then((res) => {
+        success(res.url);
+      })
+      .catch((msg) => {
+        error(msg);
+      });
+  }
+});
+
+const onChangeA = () => {
+  if (form.choicesList) {
+    form.choicesList[0].content = form.choicesA || '';
+  }
+}
+const onChangeB = () => {
+  if (form.choicesList) {
+    form.choicesList[1].content = form.choicesB || '';
+  }
+}
+const onChangeC = () => {
+  if (form.choicesList) {
+    form.choicesList[2].content = form.choicesC || '';
+  }
+}
+const onChangeD = () => {
+  if (form.choicesList) {
+    form.choicesList[3].content = form.choicesD || '';
+  }
+}
+
+const updateCorrectAnswer = () => {
+  // 确保 choicesList 存在
+  if (!form.choicesList) {
+    form.choicesList = [
+      { content: form.choicesA, isCorrect: false },
+      { content: form.choicesB, isCorrect: false },
+      { content: form.choicesC, isCorrect: false },
+      { content: form.choicesD, isCorrect: false }
+    ];
+  }
+
+  // 先将所有选项设为不正确
+  form.choicesList.forEach(item => {
+    item.isCorrect = false;
+  });
+
+  // 设置选中的选项为正确
+  if (form.choices !== undefined && form.choicesList[form.choices]) {
+    form.choicesList[form.choices].isCorrect = true;
+  }
+}
+
+const {resetFields} = useForm(form, rules);
+
+/* 保存编辑 */
+const save = () => {
+  if (!formRef.value) {
+    return;
+  }
+  formRef.value
+    .validate()
+    .then(() => {
+      loading.value = true;
+      const formData = {
+        ...form
+      };
+      const saveOrUpdate = isUpdate.value ? updateHjmQuestions : addHjmQuestions;
+      saveOrUpdate(formData)
+        .then((msg) => {
+          loading.value = false;
+          message.success(msg);
+          updateVisible(false);
+          emit('done');
+        })
+        .catch((e) => {
+          loading.value = false;
+          message.error(e.message);
+        });
+    })
+    .catch(() => {
+    });
+};
+
+watch(
+  () => props.visible,
+  (visible) => {
+    if (visible) {
+      images.value = [];
+      form.choicesList = [
+        { content: form.choicesA, isCorrect: false },
+        { content: form.choicesB, isCorrect: false },
+        { content: form.choicesC, isCorrect: false },
+        { content: form.choicesD, isCorrect: false }
+      ];
+      if (props.data) {
+        assignObject(form, props.data);
+        if (props.data.choicesList) {
+          props.data.choicesList.forEach((item, index) => {
+            console.log(index,item.isCorrect)
+            if (item.isCorrect) {
+              form.choices = index;
+            }
+          })
+          form.choicesA = props.data.choicesList[0].content;
+          form.choicesB = props.data.choicesList[1].content;
+          form.choicesC = props.data.choicesList[2].content;
+          form.choicesD = props.data.choicesList[3].content;
+        }
+        isUpdate.value = true;
+      } else {
+        isUpdate.value = false;
+      }
+    } else {
+      resetFields();
+    }
+  },
+  {immediate: true}
+);
+</script>
diff --git a/src/views/hjm/hjmQuestions/components/search.vue b/src/views/hjm/hjmQuestions/components/search.vue
new file mode 100644
index 0000000..10a6ff0
--- /dev/null
+++ b/src/views/hjm/hjmQuestions/components/search.vue
@@ -0,0 +1,98 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+    <a-button type="primary" class="ele-btn-icon" @click="add">
+      <template #icon>
+        <PlusOutlined/>
+      </template>
+      <span>添加</span>
+    </a-button>
+<!--    <a-tree-select-->
+<!--      allow-clear-->
+<!--      :tree-data="navigationList"-->
+<!--      tree-default-expand-all-->
+<!--      style="width: 240px"-->
+<!--      :listHeight="700"-->
+<!--      placeholder="请选择栏目"-->
+<!--      :value="where.categoryId || undefined"-->
+<!--      :dropdown-style="{ overflow: 'auto' }"-->
+<!--      @update:value="(value?: number) => (where.categoryId = value)"-->
+<!--      @change="onCategoryId"-->
+<!--    />-->
+    <a-input-search
+      allow-clear
+      placeholder="请输入关键词"
+      style="width: 240px"
+      v-model:value="where.keywords"
+      @search="reload"
+    />
+    <a-button type="text" @click="openImport">批量导入</a-button>
+  </a-space>
+
+  <!-- 导入弹窗 -->
+  <import v-model:visible="showImport" @done="reload"/>
+</template>
+
+<script lang="ts" setup>
+import {ref, watch} from 'vue';
+import {PlusOutlined} from '@ant-design/icons-vue';
+import type {GradeParam} from '@/api/user/grade/model';
+import {CmsNavigation} from "@/api/cms/cmsNavigation/model";
+import useSearch from "@/utils/use-search";
+import {HjmQuestionsParam} from "@/api/hjm/hjmQuestions/model";
+import Import from "./Import.vue";
+
+const props = withDefaults(
+  defineProps<{
+    // 选中的角色
+    selection?: [];
+    navigationList?: CmsNavigation[];
+  }>(),
+  {}
+);
+
+// 是否显示用户导入弹窗
+const showImport = ref(false);
+
+const emit = defineEmits<{
+  (e: 'search', where?: GradeParam): void;
+  (e: 'add'): void;
+  (e: 'remove'): void;
+  (e: 'batchMove'): void;
+}>();
+
+// 表单数据
+const {where} = useSearch<HjmQuestionsParam>({
+  id: undefined,
+  courseId: undefined,
+  keywords: '',
+  type: undefined,
+  userId: undefined
+});
+
+// 新增
+const add = () => {
+  emit('add');
+};
+
+// 按分类查询
+const onCategoryId = (id: number) => {
+  where.courseId = id;
+  emit('search', where);
+};
+
+const reload = () => {
+  emit('search', where);
+};
+
+/* 打开编辑弹窗 */
+const openImport = () => {
+  showImport.value = true;
+};
+
+watch(
+  () => props.selection,
+  () => {
+  }
+);
+</script>
diff --git a/src/views/hjm/hjmQuestions/index.vue b/src/views/hjm/hjmQuestions/index.vue
new file mode 100644
index 0000000..0ba9b4f
--- /dev/null
+++ b/src/views/hjm/hjmQuestions/index.vue
@@ -0,0 +1,303 @@
+<template>
+  <a-page-header :title="getPageTitle()" @back="() => $router.go(-1)">
+    <template #extra>
+      <Extra/>
+    </template>
+    <a-card :bordered="false" :body-style="{ padding: '16px' }">
+      <ele-pro-table
+        ref="tableRef"
+        row-key="id"
+        :columns="columns"
+        :datasource="datasource"
+        :customRow="customRow"
+        tool-class="ele-toolbar-form"
+        class="sys-org-table"
+      >
+        <template #toolbar>
+          <search
+            @search="reload"
+            :navigationList="navigationList"
+            :selection="selection"
+            @add="openEdit"
+            @remove="removeBatch"
+            @batchMove="openMove"
+          />
+        </template>
+        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'image'">
+            <a-image :src="record.image" :width="50"/>
+          </template>
+          <template v-if="column.key === 'status'">
+            <a-tag v-if="record.status === 0" color="green">显示</a-tag>
+            <a-tag v-if="record.status === 1" color="red">隐藏</a-tag>
+          </template>
+          <template v-if="column.key === 'action'">
+            <a-space>
+              <a @click="openEdit(record)">修改</a>
+              <a-divider type="vertical"/>
+              <a-popconfirm
+                title="确定要删除此记录吗？"
+                @confirm="remove(record)"
+              >
+                <a class="ele-text-danger">删除</a>
+              </a-popconfirm>
+            </a-space>
+          </template>
+        </template>
+      </ele-pro-table>
+    </a-card>
+
+    <!-- 编辑弹窗 -->
+    <HjmQuestionsEdit v-model:visible="showEdit" :navigationList="navigationList" :data="current" @done="reload"/>
+  </a-page-header>
+</template>
+
+<script lang="ts" setup>
+import {createVNode, ref} from 'vue';
+import {message, Modal} from 'ant-design-vue';
+import {ExclamationCircleOutlined} from '@ant-design/icons-vue';
+import type {EleProTable} from 'ele-admin-pro';
+import {toDateString} from 'ele-admin-pro';
+import Extra from './components/Extra.vue';
+import type {
+  DatasourceFunction,
+  ColumnItem
+} from 'ele-admin-pro/es/ele-pro-table/types';
+import Search from './components/search.vue';
+import {toTreeData} from 'ele-admin-pro';
+import HjmQuestionsEdit from './components/hjmQuestionsEdit.vue';
+import {pageHjmQuestions, removeHjmQuestions, removeBatchHjmQuestions} from '@/api/hjm/hjmQuestions';
+import type {HjmQuestions, HjmQuestionsParam} from '@/api/hjm/hjmQuestions/model';
+import {CmsNavigation} from "@/api/cms/cmsNavigation/model";
+import {listCmsNavigation} from "@/api/cms/cmsNavigation";
+import {getPageTitle} from "@/utils/common";
+
+// 表格实例
+const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+// 表格选中数据
+const selection = ref<HjmQuestions[]>([]);
+// 当前编辑数据
+const current = ref<HjmQuestions | null>(null);
+// 是否显示编辑弹窗
+const showEdit = ref(false);
+// 是否显示批量移动弹窗
+const showMove = ref(false);
+// 加载状态
+const loading = ref(true);
+// 栏目数据
+const navigationList = ref<CmsNavigation[]>();
+
+// 表格数据源
+const datasource: DatasourceFunction = ({
+                                          page,
+                                          limit,
+                                          where,
+                                          orders,
+                                          filters
+                                        }) => {
+  if (filters) {
+    where.status = filters.status;
+  }
+  return pageHjmQuestions({
+    ...where,
+    ...orders,
+    page,
+    limit
+  });
+};
+
+// 表格列配置
+const columns = ref<ColumnItem[]>([
+  {
+    title: 'ID',
+    dataIndex: 'id',
+    key: 'id',
+    align: 'center',
+    width: 90,
+  },
+  {
+    title: '类型',
+    dataIndex: 'type',
+    key: 'type',
+    width: 120,
+    align: 'center',
+    customRender: (record) => ['选择题', '填空题', '问答题'][record.text]
+  },
+  {
+    title: '题目',
+    dataIndex: 'question',
+    key: 'question'
+  },
+  {
+    title: '所属课程',
+    dataIndex: 'courseName',
+    key: 'courseName',
+    width: 120,
+    align: 'center',
+  },
+  // {
+  //   title: '正确答案',
+  //   dataIndex: 'correctAnswer',
+  //   key: 'correctAnswer',
+  //   align: 'center',
+  // },
+  // {
+  //   title: '难度',
+  //   dataIndex: 'difficulty',
+  //   key: 'difficulty',
+  //   align: 'center',
+  // },
+  {
+    title: '排序',
+    dataIndex: 'sortNumber',
+    key: 'sortNumber',
+    align: 'center',
+    width: 120
+  },
+  // {
+  //   title: '备注',
+  //   dataIndex: 'comments',
+  //   key: 'comments',
+  //   align: 'center',
+  // },
+  {
+    title: '状态',
+    dataIndex: 'status',
+    key: 'status',
+    align: 'center',
+    width: 120
+  },
+  {
+    title: '创建时间',
+    dataIndex: 'createTime',
+    key: 'createTime',
+    align: 'center',
+    sorter: true,
+    ellipsis: true,
+    width: 180,
+    customRender: ({text}) => toDateString(text, 'yyyy-MM-dd HH:mm:ss')
+  },
+  {
+    title: '操作',
+    key: 'action',
+    width: 180,
+    fixed: 'right',
+    align: 'center',
+    hideInSetting: true
+  }
+]);
+
+/* 搜索 */
+const reload = (where?: HjmQuestionsParam) => {
+  selection.value = [];
+  tableRef?.value?.reload({where: where});
+};
+
+/* 打开编辑弹窗 */
+const openEdit = (row?: HjmQuestions) => {
+  current.value = row ?? null;
+  showEdit.value = true;
+};
+
+/* 打开批量移动弹窗 */
+const openMove = () => {
+  showMove.value = true;
+};
+
+/* 删除单个 */
+const remove = (row: HjmQuestions) => {
+  const hide = message.loading('请求中..', 0);
+  removeHjmQuestions(row.id)
+    .then((msg) => {
+      hide();
+      message.success(msg);
+      reload();
+    })
+    .catch((e) => {
+      hide();
+      message.error(e.message);
+    });
+};
+
+/* 批量删除 */
+const removeBatch = () => {
+  if (!selection.value.length) {
+    message.error('请至少选择一条数据');
+    return;
+  }
+  Modal.confirm({
+    title: '提示',
+    content: '确定要删除选中的记录吗?',
+    icon: createVNode(ExclamationCircleOutlined),
+    maskClosable: true,
+    onOk: () => {
+      const hide = message.loading('请求中..', 0);
+      removeBatchHjmQuestions(selection.value.map((d) => d.id))
+        .then((msg) => {
+          hide();
+          message.success(msg);
+          reload();
+        })
+        .catch((e) => {
+          hide();
+          message.error(e.message);
+        });
+    }
+  });
+};
+
+/* 查询 */
+const query = () => {
+  loading.value = true;
+
+  // 加载栏目数据
+  if (!navigationList.value) {
+    listCmsNavigation({}).then((res) => {
+      navigationList.value = toTreeData({
+        data: res?.map((d) => {
+          d.value = d.navigationId;
+          d.label = d.title;
+          if (!d.component) {
+            d.disabled = true;
+          }
+          if (
+            d.model == 'index' ||
+            d.model == 'page' ||
+            d.model == 'order' ||
+            d.model == 'links'
+          ) {
+            d.disabled = true;
+          }
+          return d;
+        }),
+        idField: 'navigationId',
+        parentIdField: 'parentId'
+      });
+    });
+  }
+};
+
+/* 自定义行属性 */
+const customRow = (record: HjmQuestions) => {
+  return {
+    // 行点击事件
+    onClick: () => {
+      // console.log(record);
+    },
+    // 行双击事件
+    onDblclick: () => {
+      openEdit(record);
+    }
+  };
+};
+query();
+</script>
+
+<script lang="ts">
+export default {
+  name: 'HjmQuestions'
+};
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/views/hjm/hjmViolation/components/hjmViolationEdit.vue b/src/views/hjm/hjmViolation/components/hjmViolationEdit.vue
new file mode 100644
index 0000000..1e6e9ba
--- /dev/null
+++ b/src/views/hjm/hjmViolation/components/hjmViolationEdit.vue
@@ -0,0 +1,214 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑违章' : '添加违章'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="车辆编号" name="code">
+        <a-input
+          allow-clear
+          placeholder="请输入车辆编号"
+          v-model:value="form.code"
+        />
+      </a-form-item>
+      <a-form-item label="标题" name="title">
+        <a-input
+          allow-clear
+          placeholder="请输入标题"
+          v-model:value="form.title"
+        />
+      </a-form-item>
+      <a-form-item label="违章内容" name="comments">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="请输入违章描述"
+          v-model:value="form.comments"
+        />
+      </a-form-item>
+      <a-form-item label="处罚金额" name="money">
+        <a-input-number
+          allow-clear
+          max="300"
+          style="width: 200px"
+          placeholder="请输入处罚金额"
+          v-model:value="form.money"
+        />
+      </a-form-item>
+      <a-form-item label="扣分" name="score">
+        <a-input-number
+          allow-clear
+          max="12"
+          style="width: 200px"
+          placeholder="请输入扣分"
+          v-model:value="form.score"
+        />
+      </a-form-item>
+      <a-form-item label="状态" name="status">
+        <a-radio-group v-model:value="form.status">
+          <a-radio :value="0">未处理</a-radio>
+          <a-radio :value="1">已处理</a-radio>
+        </a-radio-group>
+      </a-form-item>
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, watch } from 'vue';
+  import { Form, message } from 'ant-design-vue';
+  import { assignObject } from 'ele-admin-pro';
+  import { addHjmViolation, updateHjmViolation } from '@/api/hjm/hjmViolation';
+  import { HjmViolation } from '@/api/hjm/hjmViolation/model';
+  import { useThemeStore } from '@/store/modules/theme';
+  import { storeToRefs } from 'pinia';
+  import { ItemType } from 'ele-admin-pro/es/ele-image-upload/types';
+  import { FormInstance } from 'ant-design-vue/es/form';
+  import {getHjmCarByCode} from "@/api/hjm/hjmCar";
+
+  // 是否是修改
+  const isUpdate = ref(false);
+  const useForm = Form.useForm;
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: HjmViolation | null;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  // 提交状态
+  const loading = ref(false);
+  // 是否显示最大化切换按钮
+  const maxable = ref(true);
+  // 表格选中数据
+  const formRef = ref<FormInstance | null>(null);
+  const images = ref<ItemType[]>([]);
+
+  // 用户信息
+  const form = reactive<HjmViolation>({
+    id: undefined,
+    code: undefined,
+    title: undefined,
+    categoryId: undefined,
+    money: undefined,
+    score: undefined,
+    adminId: undefined,
+    userId: undefined,
+    tenantId: undefined,
+    createTime: undefined,
+    updateTime: undefined,
+    status: 0,
+    comments: '',
+    sortNumber: 100
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    code: [
+      {
+        required: true,
+        type: 'string',
+        message: '请填写车辆编号',
+        trigger: 'blur'
+      }
+    ],
+    title: [
+      {
+        required: true,
+        type: 'string',
+        message: '请填写标题',
+        trigger: 'blur'
+      }
+    ],
+    comments: [
+      {
+        required: true,
+        type: 'string',
+        message: '请填写违章描述',
+        trigger: 'blur'
+      }
+    ]
+  });
+
+  const { resetFields } = useForm(form, rules);
+
+  /* 保存编辑 */
+  const save = async () => {
+    if (!formRef.value) {
+      return;
+    }
+    getHjmCarByCode(`${form.code}`).then(res => {
+      console.log(res,'909090')
+      // const car = res.data;
+    });
+
+    formRef.value
+      .validate()
+      .then(() => {
+        loading.value = true;
+        const formData = {
+          ...form
+        };
+        const saveOrUpdate = isUpdate.value ? updateHjmViolation : addHjmViolation;
+        saveOrUpdate(formData)
+          .then((msg) => {
+            loading.value = false;
+            message.success(msg);
+            updateVisible(false);
+            emit('done');
+          })
+          .catch((e) => {
+            loading.value = false;
+            message.error(e.message);
+          });
+      })
+      .catch(() => {});
+  };
+
+  watch(
+    () => props.visible,
+    (visible) => {
+      if (visible) {
+        images.value = [];
+        if (props.data) {
+          assignObject(form, props.data);
+          isUpdate.value = true;
+        } else {
+          isUpdate.value = false;
+        }
+      } else {
+        resetFields();
+      }
+    },
+    { immediate: true }
+  );
+</script>
diff --git a/src/views/hjm/hjmViolation/components/search.vue b/src/views/hjm/hjmViolation/components/search.vue
new file mode 100644
index 0000000..82fea9d
--- /dev/null
+++ b/src/views/hjm/hjmViolation/components/search.vue
@@ -0,0 +1,42 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+    <a-button type="primary" class="ele-btn-icon" @click="add">
+      <template #icon>
+        <PlusOutlined />
+      </template>
+      <span>添加</span>
+    </a-button>
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+  import { PlusOutlined } from '@ant-design/icons-vue';
+  import type { GradeParam } from '@/api/user/grade/model';
+  import { watch } from 'vue';
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的角色
+      selection?: [];
+    }>(),
+    {}
+  );
+
+  const emit = defineEmits<{
+    (e: 'search', where?: GradeParam): void;
+    (e: 'add'): void;
+    (e: 'remove'): void;
+    (e: 'batchMove'): void;
+  }>();
+
+  // 新增
+  const add = () => {
+    emit('add');
+  };
+
+  watch(
+    () => props.selection,
+    () => {}
+  );
+</script>
diff --git a/src/views/hjm/hjmViolation/index.vue b/src/views/hjm/hjmViolation/index.vue
new file mode 100644
index 0000000..47777f3
--- /dev/null
+++ b/src/views/hjm/hjmViolation/index.vue
@@ -0,0 +1,243 @@
+<template>
+  <a-page-header :title="getPageTitle()" @back="() => $router.go(-1)">
+    <a-card :bordered="false" :body-style="{ padding: '16px' }">
+      <ele-pro-table
+        ref="tableRef"
+        row-key="hjmViolationId"
+        :columns="columns"
+        :datasource="datasource"
+        :customRow="customRow"
+        tool-class="ele-toolbar-form"
+        class="sys-org-table"
+      >
+        <template #toolbar>
+          <search
+            @search="reload"
+            :selection="selection"
+            @add="openEdit"
+            @remove="removeBatch"
+            @batchMove="openMove"
+          />
+        </template>
+        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'image'">
+            <a-image :src="record.image" :width="50"/>
+          </template>
+          <template v-if="column.key === 'status'">
+            <a-tag v-if="record.status === 0">待处理</a-tag>
+            <a-tag v-if="record.status === 1" color="green">已处理</a-tag>
+          </template>
+          <template v-if="column.key === 'action'">
+            <a-space>
+              <a @click="openEdit(record)">修改</a>
+              <a-divider type="vertical"/>
+              <a-popconfirm
+                title="确定要删除此记录吗？"
+                @confirm="remove(record)"
+              >
+                <a class="ele-text-danger">删除</a>
+              </a-popconfirm>
+            </a-space>
+          </template>
+        </template>
+      </ele-pro-table>
+    </a-card>
+
+    <!-- 编辑弹窗 -->
+    <HjmViolationEdit v-model:visible="showEdit" :data="current" @done="reload"/>
+  </a-page-header>
+</template>
+
+<script lang="ts" setup>
+import {createVNode, ref} from 'vue';
+import {message, Modal} from 'ant-design-vue';
+import {ExclamationCircleOutlined} from '@ant-design/icons-vue';
+import type {EleProTable} from 'ele-admin-pro';
+import {toDateString} from 'ele-admin-pro';
+import type {
+  DatasourceFunction,
+  ColumnItem
+} from 'ele-admin-pro/es/ele-pro-table/types';
+import Search from './components/search.vue';
+import HjmViolationEdit from './components/hjmViolationEdit.vue';
+import {pageHjmViolation, removeHjmViolation, removeBatchHjmViolation} from '@/api/hjm/hjmViolation';
+import type {HjmViolation, HjmViolationParam} from '@/api/hjm/hjmViolation/model';
+import {getPageTitle} from "@/utils/common";
+
+// 表格实例
+const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+// 表格选中数据
+const selection = ref<HjmViolation[]>([]);
+// 当前编辑数据
+const current = ref<HjmViolation | null>(null);
+// 是否显示编辑弹窗
+const showEdit = ref(false);
+// 是否显示批量移动弹窗
+const showMove = ref(false);
+// 加载状态
+const loading = ref(true);
+
+// 表格数据源
+const datasource: DatasourceFunction = ({
+                                          page,
+                                          limit,
+                                          where,
+                                          orders,
+                                          filters
+                                        }) => {
+  if (filters) {
+    where.status = filters.status;
+  }
+  return pageHjmViolation({
+    ...where,
+    ...orders,
+    page,
+    limit
+  });
+};
+
+// 表格列配置
+const columns = ref<ColumnItem[]>([
+  {
+    title: '车辆编号',
+    dataIndex: 'code',
+    key: 'code',
+    align: 'center',
+  },
+  {
+    title: '标题',
+    dataIndex: 'title',
+    key: 'title',
+    align: 'center',
+  },
+  {
+    title: '处罚金额',
+    dataIndex: 'money',
+    key: 'money',
+    align: 'center',
+  },
+  {
+    title: '扣分',
+    dataIndex: 'score',
+    key: 'score',
+    align: 'center',
+  },
+  {
+    title: '备注',
+    dataIndex: 'comments',
+    key: 'comments',
+    align: 'center',
+  },
+  {
+    title: '状态',
+    dataIndex: 'status',
+    key: 'status',
+    align: 'center',
+  },
+  {
+    title: '创建时间',
+    dataIndex: 'createTime',
+    key: 'createTime',
+    align: 'center',
+    sorter: true,
+    ellipsis: true,
+    customRender: ({text}) => toDateString(text, 'yyyy-MM-dd HH:mm:ss')
+  },
+  {
+    title: '操作',
+    key: 'action',
+    width: 180,
+    fixed: 'right',
+    align: 'center',
+    hideInSetting: true
+  }
+]);
+
+/* 搜索 */
+const reload = (where?: HjmViolationParam) => {
+  selection.value = [];
+  tableRef?.value?.reload({where: where});
+};
+
+/* 打开编辑弹窗 */
+const openEdit = (row?: HjmViolation) => {
+  current.value = row ?? null;
+  showEdit.value = true;
+};
+
+/* 打开批量移动弹窗 */
+const openMove = () => {
+  showMove.value = true;
+};
+
+/* 删除单个 */
+const remove = (row: HjmViolation) => {
+  const hide = message.loading('请求中..', 0);
+  removeHjmViolation(row.id)
+    .then((msg) => {
+      hide();
+      message.success(msg);
+      reload();
+    })
+    .catch((e) => {
+      hide();
+      message.error(e.message);
+    });
+};
+
+/* 批量删除 */
+const removeBatch = () => {
+  if (!selection.value.length) {
+    message.error('请至少选择一条数据');
+    return;
+  }
+  Modal.confirm({
+    title: '提示',
+    content: '确定要删除选中的记录吗?',
+    icon: createVNode(ExclamationCircleOutlined),
+    maskClosable: true,
+    onOk: () => {
+      const hide = message.loading('请求中..', 0);
+      removeBatchHjmViolation(selection.value.map((d) => d.id))
+        .then((msg) => {
+          hide();
+          message.success(msg);
+          reload();
+        })
+        .catch((e) => {
+          hide();
+          message.error(e.message);
+        });
+    }
+  });
+};
+
+/* 查询 */
+const query = () => {
+  loading.value = true;
+};
+
+/* 自定义行属性 */
+const customRow = (record: HjmViolation) => {
+  return {
+    // 行点击事件
+    onClick: () => {
+      // console.log(record);
+    },
+    // 行双击事件
+    onDblclick: () => {
+      openEdit(record);
+    }
+  };
+};
+query();
+</script>
+
+<script lang="ts">
+export default {
+  name: 'HjmViolation'
+};
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/views/hjm/staff/components/org-edit.vue b/src/views/hjm/staff/components/org-edit.vue
new file mode 100644
index 0000000..101b98e
--- /dev/null
+++ b/src/views/hjm/staff/components/org-edit.vue
@@ -0,0 +1,229 @@
+<!-- 部门编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="620"
+    :visible="visible"
+    :confirm-loading="loading"
+    :title="isUpdate ? '修改部门' : '添加部门'"
+    :body-style="{ paddingBottom: '8px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 7, sm: 24 } : { flex: '90px' }"
+      :wrapper-col="styleResponsive ? { md: 17, sm: 24 } : { flex: '1' }"
+    >
+      <a-row :gutter="16">
+        <a-col
+          v-bind="styleResponsive ? { md: 12, sm: 24, xs: 24 } : { span: 12 }"
+        >
+          <a-form-item label="上级部门" name="parentId">
+            <org-select
+              :data="organizationList"
+              placeholder="请选择上级部门"
+              v-model:value="form.parentId"
+            />
+          </a-form-item>
+          <a-form-item label="部门简称" name="organizationName">
+            <a-input
+              allow-clear
+              :maxlength="20"
+              placeholder="请输入部门名称"
+              v-model:value="form.organizationName"
+            />
+          </a-form-item>
+          <a-form-item label="部门全称" name="organizationFullName">
+            <a-input
+              allow-clear
+              :maxlength="100"
+              placeholder="请输入部门全称"
+              v-model:value="form.organizationFullName"
+            />
+          </a-form-item>
+          <a-form-item label="部门代码">
+            <a-input
+              allow-clear
+              :maxlength="20"
+              placeholder="请输入部门代码"
+              v-model:value="form.organizationCode"
+            />
+          </a-form-item>
+        </a-col>
+        <a-col
+          v-bind="styleResponsive ? { md: 12, sm: 24, xs: 24 } : { span: 12 }"
+        >
+          <a-form-item label="类型" name="organizationType">
+            <org-type-select v-model:value="form.organizationType" />
+          </a-form-item>
+          <a-form-item label="排序号" name="sortNumber">
+            <a-input-number
+              :min="0"
+              :max="99999"
+              class="ele-fluid"
+              placeholder="请输入排序号"
+              v-model:value="form.sortNumber"
+            />
+          </a-form-item>
+          <a-form-item label="负责人">
+            <a-input
+              allow-clear
+              :maxlength="20"
+              placeholder="请输入管理责任人"
+              v-model:value="form.comments"
+            />
+          </a-form-item>
+        </a-col>
+      </a-row>
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, watch } from 'vue';
+  import { message } from 'ant-design-vue/es';
+  import type { FormInstance, Rule } from 'ant-design-vue/es/form';
+  import { storeToRefs } from 'pinia';
+  import { useThemeStore } from '@/store/modules/theme';
+  import useFormData from '@/utils/use-form-data';
+  import OrgSelect from './org-select.vue';
+  import OrgTypeSelect from './org-type-select.vue';
+  import {
+    addOrganization,
+    updateOrganization
+  } from '@/api/system/organization';
+  import type { Organization } from '@/api/system/organization/model';
+
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: Organization | null;
+    // 部门id
+    organizationId?: number;
+    // 全部部门
+    organizationList: Organization[];
+  }>();
+
+  //
+  const formRef = ref<FormInstance | null>(null);
+
+  // 是否是修改
+  const isUpdate = ref(false);
+
+  // 提交状态
+  const loading = ref(false);
+
+  // 表单数据
+  const { form, resetFields, assignFields } = useFormData<Organization>({
+    organizationId: undefined,
+    parentId: undefined,
+    organizationName: '',
+    organizationFullName: '',
+    organizationCode: '',
+    organizationType: undefined,
+    sortNumber: 100,
+    comments: ''
+  });
+
+  // 表单验证规则
+  const rules = reactive<Record<string, Rule[]>>({
+    organizationName: [
+      {
+        required: true,
+        message: '请输入部门名称',
+        type: 'string',
+        trigger: 'blur'
+      }
+    ],
+    organizationFullName: [
+      {
+        required: true,
+        message: '请输入部门全称',
+        type: 'string',
+        trigger: 'blur'
+      }
+    ],
+    organizationType: [
+      {
+        required: true,
+        message: '请选择部门类型',
+        type: 'string',
+        trigger: 'blur'
+      }
+    ],
+    sortNumber: [
+      {
+        required: true,
+        message: '请输入排序号',
+        type: 'number',
+        trigger: 'blur'
+      }
+    ]
+  });
+
+  /* 保存编辑 */
+  const save = () => {
+    if (!formRef.value) {
+      return;
+    }
+    formRef.value
+      .validate()
+      .then(() => {
+        loading.value = true;
+        const orgData = {
+          ...form,
+          parentId: form.parentId || 0
+        };
+        const saveOrUpdate = isUpdate.value
+          ? updateOrganization
+          : addOrganization;
+        saveOrUpdate(orgData)
+          .then((msg) => {
+            loading.value = false;
+            message.success(msg);
+            updateVisible(false);
+            emit('done');
+          })
+          .catch((e) => {
+            loading.value = false;
+            message.error(e.message);
+          });
+      })
+      .catch(() => {});
+  };
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  watch(
+    () => props.visible,
+    (visible) => {
+      if (visible) {
+        if (props.data) {
+          assignFields(props.data);
+          isUpdate.value = true;
+        } else {
+          form.parentId = props.organizationId;
+          isUpdate.value = false;
+        }
+      } else {
+        resetFields();
+        formRef.value?.clearValidate();
+      }
+    }
+  );
+</script>
diff --git a/src/views/hjm/staff/components/org-select.vue b/src/views/hjm/staff/components/org-select.vue
new file mode 100644
index 0000000..587424f
--- /dev/null
+++ b/src/views/hjm/staff/components/org-select.vue
@@ -0,0 +1,39 @@
+<!-- 机构选择下拉框 -->
+<template>
+  <a-tree-select
+    allow-clear
+    tree-default-expand-all
+    :placeholder="placeholder"
+    :value="value || undefined"
+    :tree-data="data"
+    :dropdown-style="{ maxHeight: '360px', overflow: 'auto' }"
+    @update:value="updateValue"
+  />
+</template>
+
+<script lang="ts" setup>
+  import type { Organization } from '@/api/system/organization/model';
+
+  const emit = defineEmits<{
+    (e: 'update:value', value?: number): void;
+  }>();
+
+  withDefaults(
+    defineProps<{
+      // 选中的数据(v-modal)
+      value?: number;
+      // 提示信息
+      placeholder?: string;
+      // 机构数据
+      data: Organization[];
+    }>(),
+    {
+      placeholder: '请选择角色'
+    }
+  );
+
+  /* 更新选中数据 */
+  const updateValue = (value?: number) => {
+    emit('update:value', value);
+  };
+</script>
diff --git a/src/views/hjm/staff/components/org-type-select.vue b/src/views/hjm/staff/components/org-type-select.vue
new file mode 100644
index 0000000..c969d57
--- /dev/null
+++ b/src/views/hjm/staff/components/org-type-select.vue
@@ -0,0 +1,39 @@
+<!-- 机构类型选择下拉框 -->
+<template>
+  <a-select
+    allow-clear
+    :value="value"
+    :placeholder="placeholder"
+    @update:value="updateValue"
+  >
+    <a-select-option v-for="item in data" :key="item.label" :value="item.value">
+      {{ item.label }}
+    </a-select-option>
+  </a-select>
+</template>
+
+<script lang="ts" setup>
+  import { getDictionaryOptions } from '@/utils/common';
+
+  const emit = defineEmits<{
+    (e: 'update:value', value: string): void;
+  }>();
+
+  withDefaults(
+    defineProps<{
+      value?: string;
+      placeholder?: string;
+    }>(),
+    {
+      placeholder: '请选择机构类型'
+    }
+  );
+
+  // 机构类型数据
+  const data = getDictionaryOptions('organizationType');
+
+  /* 更新选中数据 */
+  const updateValue = (value: string) => {
+    emit('update:value', value);
+  };
+</script>
diff --git a/src/views/hjm/staff/components/org-user-edit.vue b/src/views/hjm/staff/components/org-user-edit.vue
new file mode 100644
index 0000000..478f648
--- /dev/null
+++ b/src/views/hjm/staff/components/org-user-edit.vue
@@ -0,0 +1,509 @@
+<!-- 用户编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="1280"
+    :visible="visible"
+    :confirm-loading="loading"
+    :title="isUpdate ? '添加成员' : '添加成员'"
+    :body-style="{ paddingBottom: '8px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-card :bordered="false" :body-style="{ padding: '16px 16px' }">
+      <a-row :gutter="14">
+        <a-col
+          v-bind="
+            styleResponsive ? { lg: 12, md: 24, sm: 24, xs: 24 } : { span: 12 }
+          "
+        >
+          <!-- 未选择的成员数据表格 -->
+          <ele-pro-table
+            bordered
+            size="small"
+            :toolkit="[]"
+            :columns="columns"
+            row-key="userId"
+            sub-title="未选成员:"
+            empty-text="已全部选择"
+            tools-theme="default"
+            :show-size-changer="false"
+            :datasource="unChooseClass"
+            :scroll="{ x: 400 }"
+          >
+            <template #toolkit>
+              <a-button type="dashed" class="ele-btn-icon" @click="addAll">
+                全部添加
+              </a-button>
+            </template>
+            <template #bodyCell="{ column, record }">
+              <template v-if="column.key === 'action'">
+                <a-button size="small" type="dashed" @click="addItem(record)">
+                  添加
+                </a-button>
+              </template>
+            </template>
+          </ele-pro-table>
+        </a-col>
+        <a-col
+          v-bind="
+            styleResponsive ? { lg: 12, md: 24, sm: 24, xs: 24 } : { span: 12 }
+          "
+        >
+          <!-- 已选择的成员数据表格 -->
+          <ele-pro-table
+            bordered
+            size="small"
+            :toolkit="[]"
+            :columns="columns"
+            row-key="userId"
+            sub-title="已选成员:"
+            emptyText="未选择成员"
+            tools-theme="default"
+            :show-size-changer="false"
+            :datasource="chooseUsers"
+            :scroll="{ x: 400 }"
+          >
+            <template #toolkit>
+              <a-button
+                danger
+                type="dashed"
+                class="ele-btn-icon"
+                @click="removeAll"
+              >
+                全部移除
+              </a-button>
+            </template>
+            <template #bodyCell="{ column, record }">
+              <template v-if="column.key === 'action'">
+                <a-button
+                  danger
+                  size="small"
+                  type="dashed"
+                  @click="removeItem(record)"
+                >
+                  移除
+                </a-button>
+              </template>
+            </template>
+          </ele-pro-table>
+        </a-col>
+      </a-row>
+    </a-card>
+    <!--    <a-form-->
+    <!--      ref="formRef"-->
+    <!--      :model="form"-->
+    <!--      :rules="rules"-->
+    <!--      :label-col="styleResponsive ? { md: 7, sm: 24 } : { flex: '90px' }"-->
+    <!--      :wrapper-col="styleResponsive ? { md: 17, sm: 24 } : { flex: '1' }"-->
+    <!--    >-->
+    <!--      <a-row :gutter="16">-->
+    <!--        <a-col-->
+    <!--          v-bind="styleResponsive ? { md: 12, sm: 24, xs: 24 } : { span: 12 }"-->
+    <!--        >-->
+    <!--          <a-form-item label="所属部门">-->
+    <!--            <org-select-->
+    <!--              :data="organizationList"-->
+    <!--              placeholder="请选择所属部门"-->
+    <!--              v-model:value="form.organizationId"-->
+    <!--            />-->
+    <!--          </a-form-item>-->
+    <!--          <a-form-item label="账号" name="username">-->
+    <!--            <a-input-->
+    <!--              allow-clear-->
+    <!--              :maxlength="20"-->
+    <!--              placeholder="请输入用户账号"-->
+    <!--              v-model:value="form.username"-->
+    <!--            />-->
+    <!--          </a-form-item>-->
+    <!--          <a-form-item label="姓名" name="realName">-->
+    <!--            <a-input-->
+    <!--              allow-clear-->
+    <!--              :maxlength="20"-->
+    <!--              placeholder="请输入真实姓名"-->
+    <!--              v-model:value="form.realName"-->
+    <!--            />-->
+    <!--          </a-form-item>-->
+    <!--          <a-form-item label="性别" name="sex">-->
+    <!--            <sex-select v-model:value="form.sex" />-->
+    <!--          </a-form-item>-->
+    <!--          <a-form-item label="角色" name="roles">-->
+    <!--            <role-select v-model:value="form.roles" />-->
+    <!--          </a-form-item>-->
+    <!--        </a-col>-->
+    <!--        <a-col-->
+    <!--          v-bind="styleResponsive ? { md: 12, sm: 24, xs: 24 } : { span: 12 }"-->
+    <!--        >-->
+    <!--          <a-form-item label="手机号" name="phone">-->
+    <!--            <a-input-->
+    <!--              allow-clear-->
+    <!--              :maxlength="11"-->
+    <!--              placeholder="请输入手机号"-->
+    <!--              v-model:value="form.phone"-->
+    <!--            />-->
+    <!--          </a-form-item>-->
+    <!--          <a-form-item label="邮箱" name="email">-->
+    <!--            <a-input-->
+    <!--              allow-clear-->
+    <!--              :maxlength="100"-->
+    <!--              placeholder="请输入邮箱"-->
+    <!--              v-model:value="form.email"-->
+    <!--            />-->
+    <!--          </a-form-item>-->
+    <!--          <a-form-item label="出生日期">-->
+    <!--            <a-date-picker-->
+    <!--              class="ele-fluid"-->
+    <!--              value-format="YYYY-MM-DD"-->
+    <!--              placeholder="请选择出生日期"-->
+    <!--              v-model:value="form.birthday"-->
+    <!--            />-->
+    <!--          </a-form-item>-->
+    <!--          <a-form-item v-if="!isUpdate" label="登录密码" name="password">-->
+    <!--            <a-input-password-->
+    <!--              :maxlength="20"-->
+    <!--              v-model:value="form.password"-->
+    <!--              placeholder="请输入登录密码"-->
+    <!--            />-->
+    <!--          </a-form-item>-->
+    <!--          <a-form-item label="个人简介">-->
+    <!--            <a-textarea-->
+    <!--              :rows="4"-->
+    <!--              :maxlength="200"-->
+    <!--              placeholder="请输入个人简介"-->
+    <!--              v-model:value="form.introduction"-->
+    <!--            />-->
+    <!--          </a-form-item>-->
+    <!--        </a-col>-->
+    <!--      </a-row>-->
+    <!--    </a-form>-->
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, computed, reactive, watch } from 'vue';
+  import { message } from 'ant-design-vue/es';
+  import type { FormInstance, Rule } from 'ant-design-vue/es/form';
+  import { emailReg, phoneReg } from 'ele-admin-pro/es';
+  import { storeToRefs } from 'pinia';
+  import { useThemeStore } from '@/store/modules/theme';
+  import useFormData from '@/utils/use-form-data';
+  import type {
+    DatasourceFunction,
+    ColumnItem
+  } from 'ele-admin-pro/es/ele-pro-table/types';
+  import OrgSelect from './org-select.vue';
+  import RoleSelect from './role-select.vue';
+  import SexSelect from './sex-select.vue';
+  import {
+    addUser,
+    updateUser,
+    checkExistence,
+    pageUsers
+  } from '@/api/system/user';
+  import type { User } from '@/api/system/user/model';
+  import type { Organization } from '@/api/system/organization/model';
+
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: User | null;
+    // 全部部门
+    organizationList: Organization[];
+    // 部门id
+    organizationId?: number;
+  }>();
+
+  interface MockData {
+    key: string;
+    title: string;
+    description: string;
+    disabled: boolean;
+  }
+
+  //
+  const formRef = ref<FormInstance | null>(null);
+
+  // 是否是修改
+  const isUpdate = ref(false);
+
+  // 提交状态
+  const loading = ref(false);
+
+  const targetKeys = ref<string[]>([]);
+  const selectedKeys = ref<string[]>([]);
+  const users = ref<User[]>([]);
+  const mockData: MockData[] = [];
+  const disabled = ref<boolean>(false);
+
+  // 已选择的成员数据
+  const chooseUsers = ref<User[]>([]);
+
+  // 未选择的成员数据
+  const unChooseClass = computed(() =>
+    users.value.filter((d) => chooseUsers.value.indexOf(d) === -1)
+  );
+
+  /* 获取全部成员 */
+  const query = () => {
+    pageUsers({})
+      .then((data) => {
+        if (data?.list) {
+          users.value = data?.list;
+        }
+      })
+      .catch((e) => {
+        message.error(e.message);
+      });
+  };
+
+  query();
+
+  /* 添加 */
+  const addItem = (row: User) => {
+    chooseUsers.value = [...chooseUsers.value, row];
+  };
+
+  /* 移除 */
+  const removeItem = (row: User) => {
+    const index = chooseUsers.value.indexOf(row);
+    chooseUsers.value = chooseUsers.value.filter((_d, i) => i !== index);
+  };
+
+  /* 添加全部 */
+  const addAll = () => {
+    chooseUsers.value = [...users.value];
+  };
+
+  /* 移除所有 */
+  const removeAll = () => {
+    chooseUsers.value = [];
+  };
+
+  // 表单数据
+  const { form, resetFields, assignFields } = useFormData<User>({
+    userId: undefined,
+    organizationId: undefined,
+    username: '',
+    nickname: '',
+    realName: '',
+    sex: undefined,
+    roles: [],
+    email: '',
+    phone: '',
+    password: '',
+    introduction: ''
+  });
+
+  // 表单验证规则
+  const rules = reactive<Record<string, Rule[]>>({
+    username: [
+      {
+        required: true,
+        type: 'string',
+        validator: (_rule: Rule, value: string) => {
+          return new Promise<void>((resolve, reject) => {
+            if (!value) {
+              return reject('请输入用户账号');
+            }
+            checkExistence('username', value, props.data?.userId)
+              .then(() => {
+                reject('账号已经存在');
+              })
+              .catch(() => {
+                resolve();
+              });
+          });
+        },
+        trigger: 'blur'
+      }
+    ],
+    nickname: [
+      {
+        required: true,
+        message: '请输入昵称',
+        type: 'string',
+        trigger: 'blur'
+      }
+    ],
+    realName: [
+      {
+        required: true,
+        message: '请输入真实姓名',
+        type: 'string',
+        trigger: 'blur'
+      }
+    ],
+    // sex: [
+    //   {
+    //     required: true,
+    //     message: '请选择性别',
+    //     type: 'string',
+    //     trigger: 'blur'
+    //   }
+    // ],
+    roles: [
+      {
+        required: true,
+        message: '请选择角色',
+        type: 'array',
+        trigger: 'blur'
+      }
+    ],
+    email: [
+      {
+        pattern: emailReg,
+        message: '邮箱格式不正确',
+        type: 'string',
+        trigger: 'blur'
+      }
+    ],
+    password: [
+      {
+        required: true,
+        type: 'string',
+        validator: async (_rule: Rule, value: string) => {
+          if (isUpdate.value || /^[\S]{5,18}$/.test(value)) {
+            return Promise.resolve();
+          }
+          return Promise.reject('密码必须为5-18位非空白字符');
+        },
+        trigger: 'blur'
+      }
+    ],
+    phone: [
+      {
+        required: true,
+        pattern: phoneReg,
+        message: '手机号格式不正确',
+        type: 'string',
+        trigger: 'blur'
+      }
+    ]
+  });
+
+  // 表格列配置
+  const columns = ref<ColumnItem[]>([
+    {
+      title: '用户ID',
+      dataIndex: 'userId',
+      width: 120,
+      showSorterTooltip: false
+    },
+    {
+      title: '手机号码',
+      dataIndex: 'mobile',
+      showSorterTooltip: false
+    },
+    {
+      title: '姓名',
+      dataIndex: 'realName',
+      showSorterTooltip: false
+    },
+    {
+      title: '性别',
+      dataIndex: 'sexName',
+      width: 80,
+      align: 'center',
+      showSorterTooltip: false,
+      hideInTable: true,
+      ellipsis: true
+    },
+    {
+      title: '操作',
+      key: 'action',
+      width: 100,
+      align: 'center'
+    }
+  ]);
+
+  const handleChange = (
+    nextTargetKeys: string[],
+    direction: string,
+    moveKeys: string[]
+  ) => {
+    console.log('targetKeys: ', nextTargetKeys);
+    console.log('direction: ', direction);
+    console.log('moveKeys: ', moveKeys);
+  };
+
+  const handleSelectChange = (
+    sourceSelectedKeys: string[],
+    targetSelectedKeys: string[]
+  ) => {
+    console.log('sourceSelectedKeys: ', sourceSelectedKeys);
+    console.log('targetSelectedKeys: ', targetSelectedKeys);
+  };
+  const handleScroll = (direction: string, e: Event) => {
+    console.log('direction:', direction);
+    console.log('target:', e.target);
+  };
+
+  const reload = () => {
+    pageUsers({}).then((res) => {
+      if (res?.list) {
+        users.value = res?.list;
+      }
+    });
+  };
+
+  reload();
+
+  /* 保存编辑 */
+  const save = () => {
+    if (!formRef.value) {
+      return;
+    }
+    formRef.value
+      .validate()
+      .then(() => {
+        loading.value = true;
+        form.nickname = form.realName;
+        form.alias = form.realName;
+        const saveOrUpdate = isUpdate.value ? updateUser : addUser;
+        saveOrUpdate(form)
+          .then((msg) => {
+            loading.value = false;
+            message.success(msg);
+            updateVisible(false);
+            emit('done');
+          })
+          .catch((e) => {
+            loading.value = false;
+            message.error(e.message);
+          });
+      })
+      .catch(() => {});
+  };
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  watch(
+    () => props.visible,
+    (visible) => {
+      if (visible) {
+        if (props.data) {
+          assignFields(props.data);
+          isUpdate.value = true;
+        } else {
+          form.organizationId = props.organizationId;
+          isUpdate.value = false;
+        }
+      } else {
+        resetFields();
+        formRef.value?.clearValidate();
+      }
+    }
+  );
+</script>
diff --git a/src/views/hjm/staff/components/org-user-list.vue b/src/views/hjm/staff/components/org-user-list.vue
new file mode 100644
index 0000000..6edc31e
--- /dev/null
+++ b/src/views/hjm/staff/components/org-user-list.vue
@@ -0,0 +1,199 @@
+<template>
+  <!-- 表格 -->
+  <ele-pro-table
+    ref="tableRef"
+    row-key="userId"
+    :columns="columns"
+    :datasource="datasource"
+    height="calc(100vh - 290px)"
+    tool-class="ele-toolbar-form"
+    :scroll="{ x: 800 }"
+    bordered
+  >
+    <template #toolbar>
+      <org-user-search
+        @search="reload"
+        :organizationId="organizationId"
+        @add="openEdit()"
+      />
+    </template>
+    <template #bodyCell="{ column, record }">
+      <template v-if="column.key === 'roles'">
+        <a-tag v-for="item in record.roles" :key="item.roleId" color="blue">
+          {{ item.roleName }}
+        </a-tag>
+      </template>
+      <template v-else-if="column.key === 'status'">
+        <a-switch
+          :checked="record.status === 0"
+          @change="(checked: boolean) => editStatus(checked, record)"
+        />
+      </template>
+
+      <template v-if="column.key === 'balance'">
+        <span class="ele-text-success">
+          ￥{{ formatNumber(record.balance) }}
+        </span>
+      </template>
+      <template v-else-if="column.key === 'action'">
+        <a-space>
+          <a class="text-red-500" @click="remove(record)">移除</a>
+        </a-space>
+      </template>
+    </template>
+  </ele-pro-table>
+  <!-- 编辑弹窗 -->
+  <org-user-edit
+    :data="current"
+    v-model:visible="showEdit"
+    :organization-list="organizationList"
+    :organization-id="organizationId"
+    @done="reload"
+  />
+</template>
+
+<script lang="ts" setup>
+  import { ref, watch } from 'vue';
+  import { message } from 'ant-design-vue/es';
+  import type { EleProTable } from 'ele-admin-pro/es';
+  import type {
+    DatasourceFunction,
+    ColumnItem
+  } from 'ele-admin-pro/es/ele-pro-table/types';
+  import OrgUserSearch from './org-user-search.vue';
+  import OrgUserEdit from './org-user-edit.vue';
+  import { timeAgo } from 'ele-admin-pro';
+  import { formatNumber } from 'ele-admin-pro/es';
+  import {
+    pageUsers,
+    updateUser,
+    updateUserStatus
+  } from '@/api/system/user';
+  import type { User, UserParam } from '@/api/system/user/model';
+  import type { Organization } from '@/api/system/organization/model';
+
+  const props = defineProps<{
+    // 部门 id
+    organizationId?: number;
+    // 部门列表
+    organizationList: Organization[];
+  }>();
+
+  // 表格实例
+  const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+  // 表格列配置
+  const columns = ref<ColumnItem[]>([
+    {
+      title: '用户ID',
+      dataIndex: 'userId',
+      width: 120,
+      showSorterTooltip: false
+    },
+    {
+      title: '手机号码',
+      dataIndex: 'mobile',
+      sorter: true,
+      showSorterTooltip: false
+    },
+    {
+      title: '姓名',
+      dataIndex: 'realName',
+      sorter: true,
+      showSorterTooltip: false
+    },
+    {
+      title: '余额',
+      dataIndex: 'balance',
+      key: 'balance',
+      sorter: true,
+      showSorterTooltip: false
+    },
+    {
+      title: '性别',
+      dataIndex: 'sexName',
+      width: 80,
+      align: 'center',
+      showSorterTooltip: false,
+      hideInTable: true,
+      ellipsis: true
+    },
+    {
+      title: '角色',
+      key: 'roles'
+    },
+    {
+      title: '创建时间',
+      dataIndex: 'createTime',
+      sorter: true,
+      showSorterTooltip: false,
+      hideInTable: true,
+      ellipsis: true,
+      customRender: ({ text }) => timeAgo(text)
+    },
+    {
+      title: '操作',
+      key: 'action',
+      width: 100,
+      align: 'center'
+    }
+  ]);
+
+  // 当前编辑数据
+  const current = ref<User | null>(null);
+
+  // 是否显示编辑弹窗
+  const showEdit = ref(false);
+
+  // 表格数据源
+  const datasource: DatasourceFunction = ({ page, limit, where, orders }) => {
+    if (props.organizationId) {
+      where.organizationId = props.organizationId;
+    }
+    return pageUsers({
+      ...where,
+      ...orders,
+      page,
+      limit
+    });
+  };
+
+  /* 搜索 */
+  const reload = (where?: UserParam) => {
+    tableRef?.value?.reload({ page: 1, where });
+  };
+
+  /* 打开编辑弹窗 */
+  const openEdit = (row?: User) => {
+    current.value = row ?? null;
+    showEdit.value = true;
+  };
+
+  /* 删除单个 */
+  const remove = (row: User) => {
+    updateUser({ ...row, organizationId: 0 }).then(() => {
+      reload();
+    });
+  };
+
+  /* 修改用户状态 */
+  const editStatus = (checked: boolean, row: User) => {
+    const status = checked ? 0 : 1;
+    updateUserStatus(row.userId, status)
+      .then((msg) => {
+        row.status = status;
+        message.success(msg);
+      })
+      .catch((e) => {
+        message.error(e.message);
+      });
+  };
+
+  // 监听部门 id 变化
+  watch(
+    () => props.organizationId,
+    () => {
+      reload();
+    }
+  );
+</script>
diff --git a/src/views/hjm/staff/components/org-user-search.vue b/src/views/hjm/staff/components/org-user-search.vue
new file mode 100644
index 0000000..b24a88e
--- /dev/null
+++ b/src/views/hjm/staff/components/org-user-search.vue
@@ -0,0 +1,31 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space style="flex-wrap: wrap">
+<!--    <SelectUser-->
+<!--      :placeholder="`添加成员`"-->
+<!--      :organizationId="0"-->
+<!--      @done="updateOrganizationId"-->
+<!--    />-->
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+  import { updateUser } from '@/api/system/user';
+  import { User } from '@/api/system/user/model';
+
+  const props = defineProps<{
+    // 部门 id
+    organizationId?: number;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'search'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  const updateOrganizationId = (date: User) => {
+    updateUser({ ...date, organizationId: props.organizationId }).then(() => {
+      emit('search');
+    });
+  };
+</script>
diff --git a/src/views/hjm/staff/components/role-select.vue b/src/views/hjm/staff/components/role-select.vue
new file mode 100644
index 0000000..04534b9
--- /dev/null
+++ b/src/views/hjm/staff/components/role-select.vue
@@ -0,0 +1,71 @@
+<!-- 角色选择下拉框 -->
+<template>
+  <a-select
+    allow-clear
+    mode="multiple"
+    :value="roleIds"
+    :placeholder="placeholder"
+    @update:value="updateValue"
+    @blur="onBlur"
+  >
+    <a-select-option
+      v-for="item in data"
+      :key="item.roleId"
+      :value="item.roleId"
+    >
+      {{ item.roleName }}
+    </a-select-option>
+  </a-select>
+</template>
+
+<script lang="ts" setup>
+  import { ref, computed } from 'vue';
+  import { message } from 'ant-design-vue/es';
+  import { listRoles } from '@/api/system/role';
+  import type { Role } from '@/api/system/role/model';
+
+  const emit = defineEmits<{
+    (e: 'update:value', value: Role[]): void;
+    (e: 'blur'): void;
+  }>();
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的角色
+      value?: Role[];
+      //
+      placeholder?: string;
+    }>(),
+    {
+      placeholder: '请选择角色'
+    }
+  );
+
+  // 选中的角色id
+  const roleIds = computed(() => props.value?.map((d) => d.roleId as number));
+
+  // 角色数据
+  const data = ref<Role[]>([]);
+
+  /* 更新选中数据 */
+  const updateValue = (value: number[]) => {
+    emit(
+      'update:value',
+      value.map((v) => ({ roleId: v }))
+    );
+  };
+
+  /* 获取角色数据 */
+  listRoles()
+    .then((list) => {
+      data.value = list;
+    })
+    .catch((e) => {
+      message.error(e.message);
+    });
+
+  /* 失去焦点 */
+  const onBlur = () => {
+    emit('blur');
+  };
+</script>
diff --git a/src/views/hjm/staff/components/sex-select.vue b/src/views/hjm/staff/components/sex-select.vue
new file mode 100644
index 0000000..1497ad5
--- /dev/null
+++ b/src/views/hjm/staff/components/sex-select.vue
@@ -0,0 +1,45 @@
+<!-- 角色选择下拉框 -->
+<template>
+  <a-select
+    show-search
+    optionFilterProp="label"
+    :options="data"
+    allow-clear
+    :value="value"
+    :placeholder="placeholder"
+    @update:value="updateValue"
+    @blur="onBlur"
+  />
+</template>
+
+<script lang="ts" setup>
+  import { getDictionaryOptions } from '@/utils/common';
+
+  const emit = defineEmits<{
+    (e: 'update:value', value: string): void;
+    (e: 'blur'): void;
+  }>();
+
+  withDefaults(
+    defineProps<{
+      value?: string;
+      placeholder?: string;
+    }>(),
+    {
+      placeholder: '请选择性别'
+    }
+  );
+
+  // 字典数据
+  const data = getDictionaryOptions('sex');
+
+  /* 更新选中数据 */
+  const updateValue = (value: string) => {
+    emit('update:value', value);
+  };
+
+  /* 失去焦点 */
+  const onBlur = () => {
+    emit('blur');
+  };
+</script>
diff --git a/src/views/hjm/staff/index.vue b/src/views/hjm/staff/index.vue
new file mode 100644
index 0000000..16a34e0
--- /dev/null
+++ b/src/views/hjm/staff/index.vue
@@ -0,0 +1,213 @@
+<template>
+  <a-page-header :title="getPageTitle()" @back="() => $router.go(-1)">
+    <template #extra>
+      <Extra/>
+    </template>
+    <a-card :bordered="false" :body-style="{ padding: '16px' }">
+      <ele-split-layout
+        width="266px"
+        allow-collapse
+        :right-style="{ overflow: 'hidden' }"
+        :style="{ minHeight: 'calc(100vh - 152px)' }"
+      >
+        <div>
+          <ele-toolbar theme="default">
+            <a-space :size="10">
+              <a-button type="primary" class="ele-btn-icon" @click="openEdit()">
+                <template #icon>
+                  <plus-outlined/>
+                </template>
+                <span>新建</span>
+              </a-button>
+              <a-button
+                type="primary"
+                :disabled="!current"
+                class="ele-btn-icon"
+                @click="openEdit(current)"
+              >
+                <template #icon>
+                  <edit-outlined/>
+                </template>
+                <span>修改</span>
+              </a-button>
+              <a-button
+                danger
+                type="primary"
+                :disabled="!current"
+                class="ele-btn-icon"
+                @click="remove"
+              >
+                <template #icon>
+                  <delete-outlined/>
+                </template>
+                <span>删除</span>
+              </a-button>
+            </a-space>
+          </ele-toolbar>
+          <div class="ele-border-split sys-organization-list">
+            <a-tree
+              :tree-data="(data as any)"
+              :show-line="true"
+              v-model:expanded-keys="expandedRowKeys"
+              v-model:selected-keys="selectedRowKeys"
+              @select="onTreeSelect"
+            />
+          </div>
+        </div>
+        <template #content>
+          <org-user-list
+            :organization-list="data"
+            :organization-id="current?.organizationId"
+            @done="query"
+          />
+        </template>
+      </ele-split-layout>
+    </a-card>
+    <!-- 编辑弹窗 -->
+    <org-edit
+      v-model:visible="showEdit"
+      :data="editData"
+      :organization-list="data"
+      :organization-id="current?.organizationId"
+      @done="query"
+    />
+  </a-page-header>
+</template>
+
+<script lang="ts" setup>
+import {createVNode, ref} from 'vue';
+import {message, Modal} from 'ant-design-vue/es';
+import {
+  PlusOutlined,
+  EditOutlined,
+  DeleteOutlined,
+  ExclamationCircleOutlined
+} from '@ant-design/icons-vue';
+import {messageLoading, toTreeData, eachTreeData} from 'ele-admin-pro/es';
+import OrgUserList from './components/org-user-list.vue';
+import OrgEdit from './components/org-edit.vue';
+import {
+  listOrganizations,
+  removeOrganization
+} from '@/api/system/organization';
+import type {Organization} from '@/api/system/organization/model';
+import {getPageTitle} from "@/utils/common";
+import Extra from "@/views/hjm/userVerify/components/Extra.vue";
+
+// 加载状态
+const loading = ref(true);
+
+// 树形数据
+const data = ref<Organization[]>([]);
+
+// 树展开的key
+const expandedRowKeys = ref<number[]>([]);
+
+// 树选中的key
+const selectedRowKeys = ref<number[]>([]);
+
+// 选中数据
+const current = ref<Organization | null>(null);
+
+// 是否显示表单弹窗
+const showEdit = ref(false);
+
+// 编辑回显数据
+const editData = ref<Organization | null>(null);
+
+/* 查询 */
+const query = () => {
+  loading.value = true;
+  listOrganizations()
+    .then((list) => {
+      loading.value = false;
+      const eks: number[] = [];
+      list.forEach((d, i) => {
+        d.title = d.organizationName + `[${d.organizationId}]`;
+        d.key = d.organizationId;
+        d.value = d.organizationId;
+
+        if (typeof d.key === 'number') {
+          eks.push(d.key);
+        }
+      });
+      expandedRowKeys.value = eks;
+      data.value = toTreeData({
+        data: list,
+        idField: 'organizationId',
+        parentIdField: 'parentId'
+      });
+      if (list.length) {
+        // if (typeof list[0].key === 'number') {
+        //   selectedRowKeys.value = [list[0].key];
+        // }
+        // current.value = list[0];
+        // current.value.organizationId = 0;
+      } else {
+        selectedRowKeys.value = [];
+        current.value = null;
+      }
+    })
+    .catch((e) => {
+      loading.value = false;
+      message.error(e.message);
+    });
+};
+
+/* 选择数据 */
+const onTreeSelect = () => {
+  eachTreeData(data.value, (d) => {
+    if (typeof d.key === 'number' && selectedRowKeys.value.includes(d.key)) {
+      current.value = d;
+      return false;
+    }
+  });
+};
+
+/* 打开编辑弹窗 */
+const openEdit = (item?: Organization | null) => {
+  editData.value = item ?? null;
+  showEdit.value = true;
+};
+
+/* 删除 */
+const remove = () => {
+  Modal.confirm({
+    title: '提示',
+    content: '确定要删除选中的部门吗?',
+    icon: createVNode(ExclamationCircleOutlined),
+    maskClosable: true,
+    onOk: () => {
+      const hide = messageLoading('请求中..', 0);
+      removeOrganization(current.value?.organizationId)
+        .then((msg) => {
+          hide();
+          message.success(msg);
+          query();
+        })
+        .catch((e) => {
+          hide();
+          message.error(e.message);
+        });
+    }
+  });
+};
+
+query();
+</script>
+
+<script lang="ts">
+export default {
+  name: 'SystemOrganization'
+};
+</script>
+
+<style lang="less" scoped>
+.sys-organization-list {
+  padding: 12px 6px;
+  height: calc(100vh - 242px);
+  border-width: 1px;
+  border-style: solid;
+  overflow: auto;
+}
+</style>
diff --git a/src/views/hjm/userAlert/components/Edit.vue b/src/views/hjm/userAlert/components/Edit.vue
new file mode 100644
index 0000000..a9c1147
--- /dev/null
+++ b/src/views/hjm/userAlert/components/Edit.vue
@@ -0,0 +1,149 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑推送提醒接收员' : '添加推送提醒接收员'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="openid" name="officeOpenid">
+        <a-input
+          allow-clear
+          placeholder="openid"
+          v-model:value="form.officeOpenid"
+        />
+      </a-form-item>
+      <a-form-item label="备注" name="comments">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="请输入描述"
+          v-model:value="form.comments"
+        />
+      </a-form-item>
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+import {ref, reactive, watch} from 'vue';
+import {Form, message} from 'ant-design-vue';
+import {assignObject} from 'ele-admin-pro';
+import {addUser, updateUser} from '@/api/system/user';
+import {User} from '@/api/system/user/model';
+import {useThemeStore} from '@/store/modules/theme';
+import {storeToRefs} from 'pinia';
+import {ItemType} from 'ele-admin-pro/es/ele-image-upload/types';
+import {FormInstance} from 'ant-design-vue/es/form';
+
+// 是否是修改
+const isUpdate = ref(false);
+const useForm = Form.useForm;
+// 是否开启响应式布局
+const themeStore = useThemeStore();
+const {styleResponsive} = storeToRefs(themeStore);
+
+const props = defineProps<{
+  // 弹窗是否打开
+  visible: boolean;
+  // 修改回显的数据
+  data?: User | null;
+}>();
+
+const emit = defineEmits<{
+  (e: 'done'): void;
+  (e: 'update:visible', visible: boolean): void;
+}>();
+
+// 提交状态
+const loading = ref(false);
+// 是否显示最大化切换按钮
+const maxable = ref(true);
+// 表格选中数据
+const formRef = ref<FormInstance | null>(null);
+const images = ref<ItemType[]>([]);
+
+// 用户信息
+const form = reactive<User>({
+  userId: undefined,
+  officeOpenid: undefined,
+});
+
+/* 更新visible */
+const updateVisible = (value: boolean) => {
+  emit('update:visible', value);
+};
+
+// 表单验证规则
+const rules = reactive({
+  officeOpenid: [
+    {
+      required: true,
+      message: '请输入openid',
+      trigger: 'blur'
+    }
+  ]
+});
+
+const {resetFields} = useForm(form, rules);
+
+/* 保存编辑 */
+const save = () => {
+  if (!formRef.value) {
+    return;
+  }
+  formRef.value
+    .validate()
+    .then(() => {
+      loading.value = true;
+      const formData = {
+        ...form
+      };
+      const saveOrUpdate = isUpdate.value ? updateUser : addUser;
+      saveOrUpdate(formData)
+        .then((msg) => {
+          loading.value = false;
+          message.success(msg);
+          updateVisible(false);
+          emit('done');
+        })
+        .catch((e) => {
+          loading.value = false;
+          message.error(e.message);
+        });
+    })
+    .catch(() => {
+    });
+};
+
+watch(
+  () => props.visible,
+  (visible) => {
+    if (visible) {
+      images.value = [];
+      if (props.data) {
+        assignObject(form, props.data);
+        isUpdate.value = true;
+      } else {
+        isUpdate.value = false;
+      }
+    } else {
+      resetFields();
+    }
+  },
+  {immediate: true}
+);
+</script>
diff --git a/src/views/hjm/userAlert/components/search.vue b/src/views/hjm/userAlert/components/search.vue
new file mode 100644
index 0000000..f5b8521
--- /dev/null
+++ b/src/views/hjm/userAlert/components/search.vue
@@ -0,0 +1,36 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+    1、设置角色为【邮政协会/管局】即可出现以下列表，2、关注微信公众号，3、然后<a href="https://mp.weixin.qq.com/" target="_blank">获取openId</a> 并填入表格，即可接受到微信的订阅消息提醒。
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+  import { watch } from 'vue';
+  import {UserParam} from "@/api/system/user/model";
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的角色
+      selection?: [];
+    }>(),
+    {}
+  );
+
+  const emit = defineEmits<{
+    (e: 'search', where?: UserParam): void;
+    (e: 'add'): void;
+    (e: 'remove'): void;
+    (e: 'batchMove'): void;
+  }>();
+
+  // 新增
+  const add = () => {
+    emit('add');
+  };
+
+  watch(
+    () => props.selection,
+    () => {}
+  );
+</script>
diff --git a/src/views/hjm/userAlert/index.vue b/src/views/hjm/userAlert/index.vue
new file mode 100644
index 0000000..fe1eacc
--- /dev/null
+++ b/src/views/hjm/userAlert/index.vue
@@ -0,0 +1,171 @@
+<template>
+  <div class="page">
+    <div class="ele-body">
+      <a-card :bordered="false" :body-style="{ padding: '16px' }">
+        <ele-pro-table
+          ref="tableRef"
+          row-key="userOauthId"
+          :columns="columns"
+          :datasource="datasource"
+          :customRow="customRow"
+          tool-class="ele-toolbar-form"
+          class="sys-org-table"
+        >
+          <template #toolbar>
+            <search
+              @search="reload"
+              :selection="selection"
+              @add="openEdit"
+              @remove="removeBatch"
+              @batchMove="openMove"
+            />
+          </template>
+          <template #bodyCell="{ column, record }">
+            <template v-if="column.key === 'image'">
+              <a-image :src="record.image" :width="50" />
+            </template>
+            <template v-if="column.key === 'status'">
+              <a-tag v-if="record.status === 0" color="green">显示</a-tag>
+              <a-tag v-if="record.status === 1" color="red">隐藏</a-tag>
+            </template>
+            <template v-if="column.key === 'action'">
+              <a-space>
+                <a @click="openEdit(record)">修改</a>
+              </a-space>
+            </template>
+          </template>
+        </ele-pro-table>
+      </a-card>
+
+      <!-- 编辑弹窗 -->
+      <Edit v-model:visible="showEdit" :data="current" @done="reload" />
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+  import { ref } from 'vue';
+  import type { EleProTable } from 'ele-admin-pro';
+  import type {
+    DatasourceFunction,
+    ColumnItem
+  } from 'ele-admin-pro/es/ele-pro-table/types';
+  import Search from './components/search.vue';
+  import Edit from './components/Edit.vue';
+  import {pageUsers} from "@/api/system/user";
+  import {User, UserParam} from "@/api/system/user/model";
+
+  // 表格实例
+  const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+  // 表格选中数据
+  const selection = ref<User[]>([]);
+  // 当前编辑数据
+  const current = ref<User | null>(null);
+  // 是否显示编辑弹窗
+  const showEdit = ref(false);
+  // 是否显示批量移动弹窗
+  const showMove = ref(false);
+  // 加载状态
+  const loading = ref(true);
+
+  // 表格数据源
+  const datasource: DatasourceFunction = ({
+    page,
+    limit,
+    where,
+    orders
+  }) => {
+    where.organizationId = 421;
+    return pageUsers({
+      ...where,
+      ...orders,
+      page,
+      limit
+    });
+  };
+
+  // 表格列配置
+  const columns = ref<ColumnItem[]>([
+    {
+      title: '用户ID',
+      dataIndex: 'userId',
+      key: 'userId',
+      align: 'center',
+      width: 120
+    },
+    {
+      title: '姓名',
+      dataIndex: 'realName',
+      key: 'realName',
+      align: 'center',
+      width: 170
+    },
+    {
+      title: '手机号',
+      dataIndex: 'phone',
+      key: 'phone',
+      align: 'center',
+      width: 170
+    },
+    {
+      title: 'openId（微信公众号）',
+      dataIndex: 'officeOpenid',
+      key: 'officeOpenid',
+      align: 'center',
+    },
+    {
+      title: '操作',
+      key: 'action',
+      width: 180,
+      fixed: 'right',
+      align: 'center',
+      hideInSetting: true
+    }
+  ]);
+
+  /* 搜索 */
+  const reload = (where?: UserParam) => {
+    selection.value = [];
+    tableRef?.value?.reload({ where: where });
+  };
+
+  /* 打开编辑弹窗 */
+  const openEdit = (row?: User) => {
+    current.value = row ?? null;
+    showEdit.value = true;
+  };
+
+  /* 打开批量移动弹窗 */
+  const openMove = () => {
+    showMove.value = true;
+  };
+
+  /* 查询 */
+  const query = () => {
+    loading.value = true;
+  };
+
+  /* 自定义行属性 */
+  const customRow = (record: User) => {
+    return {
+      // 行点击事件
+      onClick: () => {
+        // console.log(record);
+      },
+      // 行双击事件
+      onDblclick: () => {
+        openEdit(record);
+      }
+    };
+  };
+  query();
+</script>
+
+<script lang="ts">
+  export default {
+    name: 'User'
+  };
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/views/hjm/userVerify/components/Extra.vue b/src/views/hjm/userVerify/components/Extra.vue
new file mode 100644
index 0000000..56181bd
--- /dev/null
+++ b/src/views/hjm/userVerify/components/Extra.vue
@@ -0,0 +1,55 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space style="flex-wrap: wrap" v-if="hasRole('superAdmin') || hasRole('admin') || hasRole('foundation')">
+    <a-button
+      type="text"
+      v-if="hasPermission('sys:org:list')"
+      @click="openUrl('/staff')"
+    >人员管理
+    </a-button
+    >
+    <a-button
+      type="text"
+      v-if="hasPermission('sys:userVerify:list')"
+      @click="openUrl('/user-verify')"
+    >实名认证
+    </a-button
+    >
+    <a-button
+      type="text"
+      v-if="hasAnyRole(['superAdmin','admin'])"
+      @click="openUrl('/system/admin')"
+    >管理员列表
+    </a-button
+    >
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+import {watch, nextTick} from 'vue';
+import {CmsWebsite} from '@/api/cms/cmsWebsite/model';
+import {openUrl} from "@/utils/common";
+import {hasAnyRole, hasPermission, hasRole} from "@/utils/permission";
+
+const props = withDefaults(
+  defineProps<{
+    // 选中的角色
+    selection?: [];
+    website?: CmsWebsite;
+    count?: 0;
+  }>(),
+  {}
+);
+
+nextTick(() => {
+  if (localStorage.getItem('NotActive')) {
+    // IsActive.value = false
+  }
+})
+
+watch(
+  () => props.selection,
+  () => {
+  }
+);
+</script>
diff --git a/src/views/hjm/userVerify/components/search.vue b/src/views/hjm/userVerify/components/search.vue
new file mode 100644
index 0000000..54511b3
--- /dev/null
+++ b/src/views/hjm/userVerify/components/search.vue
@@ -0,0 +1,67 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+<!--    <a-button type="primary" class="ele-btn-icon" @click="add">-->
+<!--      <template #icon>-->
+<!--        <PlusOutlined />-->
+<!--      </template>-->
+<!--      <span>添加</span>-->
+<!--    </a-button>-->
+<!--    <a-radio-group v-model:value="where.type">-->
+<!--      <a-radio-button :value="0" @click="push(`/user-verify`)">个人</a-radio-button>-->
+<!--      <a-radio-button :value="1" @click="push(`/user-verify2`)">企业</a-radio-button>-->
+<!--    </a-radio-group>-->
+    <a-input-search
+      allow-clear
+      placeholder="请输入关键词"
+      style="width: 240px"
+      v-model:value="where.keywords"
+      @search="reload"
+    />
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+  // import { PlusOutlined } from '@ant-design/icons-vue';
+  import { watch } from 'vue';
+  import useSearch from "@/utils/use-search";
+  import {UserVerifyParam} from "@/api/system/userVerify/model";
+  import {push} from "@/utils/common";
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的角色
+      selection?: [];
+    }>(),
+    {}
+  );
+
+  const emit = defineEmits<{
+    (e: 'search', where?: UserVerifyParam): void;
+    (e: 'add'): void;
+    (e: 'remove'): void;
+    (e: 'batchMove'): void;
+  }>();
+
+  // 表单数据
+  const {where} = useSearch<UserVerifyParam>({
+    id: undefined,
+    type: undefined,
+    keywords: '',
+    userId: undefined
+  });
+
+  // 新增
+  // const add = () => {
+  //   emit('add');
+  // };
+
+  const reload = () => {
+    emit('search', where);
+  }
+
+  watch(
+    () => props.selection,
+    () => {}
+  );
+</script>
diff --git a/src/views/hjm/userVerify/components/userVerifyEdit.vue b/src/views/hjm/userVerify/components/userVerifyEdit.vue
new file mode 100644
index 0000000..f279ad5
--- /dev/null
+++ b/src/views/hjm/userVerify/components/userVerifyEdit.vue
@@ -0,0 +1,352 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '实名认证' : '实名认证'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="类型" name="type">
+        <a-tag v-if="form.type === 0">{{ ['个人', '企业'][form.type] }}</a-tag>
+        <a-tag color="pink" v-if="form.type === 1">{{ ['个人', '企业'][form.type] }}</a-tag>
+      </a-form-item>
+      <a-form-item label="所属站点" name="organizationName">
+        <a-input
+          allow-clear
+          disabled
+          placeholder="请选择属站点"
+          v-model:value="form.organizationName"
+        />
+      </a-form-item>
+      <a-form-item label="真实姓名" name="realName">
+        <a-input
+          allow-clear
+          disabled
+          placeholder="请输入真实姓名"
+          v-model:value="form.realName"
+        />
+      </a-form-item>
+      <a-form-item label="手机号码" name="phone">
+        <a-input
+          allow-clear
+          disabled
+          placeholder="请输入手机号码"
+          v-model:value="form.phone"
+        />
+      </a-form-item>
+<!--      <a-form-item label="证件号码" name="idCard">-->
+<!--        <a-input-->
+<!--          allow-clear-->
+<!--          :disabled="form.status == 1"-->
+<!--          placeholder="请输入证件号码"-->
+<!--          v-model:value="form.idCard"-->
+<!--        />-->
+<!--      </a-form-item>-->
+<!--      <a-form-item label="身份证(正面)" name="sfz1">-->
+<!--        <SelectFile-->
+<!--          :placeholder="`请选择图片`"-->
+<!--          :limit="1"-->
+<!--          :data="sfz1"-->
+<!--          @done="chooseSfz1"-->
+<!--          @del="onDeleteSfz1"-->
+<!--        />-->
+<!--      </a-form-item>-->
+<!--      <a-form-item label="身份证(反面)" name="sfz2">-->
+<!--        <SelectFile-->
+<!--          :placeholder="`请选择图片`"-->
+<!--          :limit="1"-->
+<!--          :data="sfz2"-->
+<!--          @done="chooseSfz2"-->
+<!--          @del="onDeleteSfz2"-->
+<!--        />-->
+<!--      </a-form-item>-->
+      <a-form-item label="状态" name="status">
+        <a-radio-group v-model:value="form.status">
+          <a-radio :value="1">审核通过</a-radio>
+          <a-radio :value="2">驳回</a-radio>
+        </a-radio-group>
+      </a-form-item>
+      <a-form-item label="驳回原因" name="comments" v-if="form.status == 2">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="请填写驳回原因"
+          v-model:value="form.comments"
+        />
+      </a-form-item>
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+import {ref, reactive, watch} from 'vue';
+import {Form, message} from 'ant-design-vue';
+import {assignObject, uuid} from 'ele-admin-pro';
+import {addUserVerify, updateUserVerify} from '@/api/system/userVerify';
+import {UserVerify} from '@/api/system/userVerify/model';
+import {useThemeStore} from '@/store/modules/theme';
+import {storeToRefs} from 'pinia';
+import {ItemType} from 'ele-admin-pro/es/ele-image-upload/types';
+import {FormInstance} from 'ant-design-vue/es/form';
+import {FileRecord} from '@/api/system/file/model';
+import {listUserRole, updateUserRole} from "@/api/system/userRole";
+
+// 是否是修改
+const isUpdate = ref(false);
+const useForm = Form.useForm;
+// 是否开启响应式布局
+const themeStore = useThemeStore();
+const {styleResponsive} = storeToRefs(themeStore);
+
+const props = defineProps<{
+  // 弹窗是否打开
+  visible: boolean;
+  // 修改回显的数据
+  data?: UserVerify | null;
+}>();
+
+const emit = defineEmits<{
+  (e: 'done'): void;
+  (e: 'update:visible', visible: boolean): void;
+}>();
+
+// 提交状态
+const loading = ref(false);
+// 是否显示最大化切换按钮
+const maxable = ref(true);
+// 表格选中数据
+const formRef = ref<FormInstance | null>(null);
+const images = ref<ItemType[]>([]);
+const sfz1 = ref<ItemType[]>([]);
+const sfz2 = ref<ItemType[]>([]);
+const userRoleId = ref<number>(0);
+
+// 用户信息
+const form = reactive<UserVerify>({
+  id: undefined,
+  userId: undefined,
+  type: undefined,
+  name: undefined,
+  realName: undefined,
+  phone: undefined,
+  idCard: undefined,
+  birthday: undefined,
+  sfz1: undefined,
+  sfz2: undefined,
+  organizationName: undefined,
+  status: undefined,
+  deleted: undefined,
+  tenantId: undefined,
+  createTime: undefined,
+  updateTime: undefined,
+  comments: ''
+});
+
+/* 更新visible */
+const updateVisible = (value: boolean) => {
+  emit('update:visible', value);
+};
+
+// 表单验证规则
+const rules = reactive({
+  type: [
+    {
+      required: true,
+      type: 'number',
+      message: '请选择类型',
+      trigger: 'blur'
+    }
+  ],
+  realName: [
+    {
+      required: true,
+      type: 'string',
+      message: '请填写真实姓名',
+      trigger: 'blur'
+    }
+  ],
+  idCard: [
+    {
+      required: true,
+      type: 'string',
+      message: '请填写证件号码',
+      trigger: 'blur'
+    }
+  ],
+  phone: [
+    {
+      required: true,
+      type: 'string',
+      message: '请填写手机号码',
+      trigger: 'blur'
+    }
+  ],
+  sfz1: [
+    {
+      required: true,
+      type: 'string',
+      message: '请上传身份证正面',
+      trigger: 'blur'
+    }
+  ],
+  sfz2: [
+    {
+      required: true,
+      type: 'string',
+      message: '请上传身份证反面',
+      trigger: 'blur'
+    }
+  ],
+  status: [
+    {
+      required: true,
+      type: 'number',
+      message: '请选择审核状态',
+      trigger: 'blur'
+    }
+  ],
+  comments: [
+    {
+      required: true,
+      type: 'string',
+      message: '请填写驳回原因',
+      trigger: 'blur'
+    }
+  ]
+});
+
+const chooseSfz1 = (data: FileRecord) => {
+  sfz1.value.push({
+    uid: data.id,
+    url: data.path,
+    status: 'done'
+  });
+  form.sfz1 = data.path;
+};
+
+const onDeleteSfz1 = (index: number) => {
+  sfz1.value.splice(index, 1);
+  form.sfz1 = '';
+};
+
+const chooseSfz2 = (data: FileRecord) => {
+  sfz2.value.push({
+    uid: data.id,
+    url: data.path,
+    status: 'done'
+  });
+  form.sfz2 = data.path;
+};
+
+const onDeleteSfz2 = (index: number) => {
+  sfz2.value.splice(index, 1);
+  form.sfz2 = '';
+};
+
+const {resetFields} = useForm(form, rules);
+
+/* 保存编辑 */
+const save = async () => {
+  if (!formRef.value) {
+    return;
+  }
+  if(form.status == 0){
+    message.error('请选择审核状态');
+    return;
+  }
+  // 审核通过
+  if(form.status == 1){
+    const res = await listUserRole({userId: form.userId,roleId: 1701})
+    const role = res[0];
+    if(role){
+      role.roleId = 1738;
+      userRoleId.value = Number(role.id);
+      updateUserRole(role).then(() => {});
+    }
+  }
+  // 驳回
+  if(form.status == 2){
+    const res = await listUserRole({userId: form.userId,roleId: 1738})
+    const role = res[0];
+    if(role){
+      role.roleId = 1701;
+      userRoleId.value = Number(role.id);
+      updateUserRole(role).then(() => {});
+    }
+  }
+
+  formRef.value
+    .validate()
+    .then(() => {
+      loading.value = true;
+      const formData = {
+        ...form,
+        userRoleId: userRoleId.value,
+      };
+      const saveOrUpdate = isUpdate.value ? updateUserVerify : addUserVerify;
+      saveOrUpdate(formData)
+        .then((msg) => {
+          loading.value = false;
+          message.success(msg);
+          updateVisible(false);
+          if(formData.status == 1){
+
+          }
+          emit('done');
+        })
+        .catch((e) => {
+          loading.value = false;
+          message.error(e.message);
+        });
+    })
+    .catch(() => {
+    });
+};
+
+watch(
+  () => props.visible,
+  (visible) => {
+    if (visible) {
+      images.value = [];
+      sfz1.value = [];
+      sfz2.value = [];
+      if (props.data) {
+        assignObject(form, props.data);
+        if (props.data.sfz1) {
+          sfz1.value.push({
+            uid: uuid(),
+            url: props.data.sfz1,
+            status: 'done'
+          })
+        }
+        if (props.data.sfz2) {
+          sfz2.value.push({
+            uid: uuid(),
+            url: props.data.sfz2,
+            status: 'done'
+          })
+        }
+        isUpdate.value = true;
+      } else {
+        isUpdate.value = false;
+      }
+    } else {
+      resetFields();
+    }
+  },
+  {immediate: true}
+);
+</script>
diff --git a/src/views/hjm/userVerify/index.vue b/src/views/hjm/userVerify/index.vue
new file mode 100644
index 0000000..c6ae698
--- /dev/null
+++ b/src/views/hjm/userVerify/index.vue
@@ -0,0 +1,282 @@
+<template>
+  <a-page-header :title="getPageTitle()" @back="() => $router.go(-1)">
+    <template #extra>
+      <Extra/>
+    </template>
+    <a-card :bordered="false" :body-style="{ padding: '16px' }">
+      <ele-pro-table
+        ref="tableRef"
+        row-key="id"
+        :columns="columns"
+        :datasource="datasource"
+        :customRow="customRow"
+        tool-class="ele-toolbar-form"
+        class="sys-org-table"
+      >
+        <template #toolbar>
+          <search
+            @search="reload"
+            :selection="selection"
+            @add="openEdit"
+            @remove="removeBatch"
+            @batchMove="openMove"
+          />
+        </template>
+        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'image'">
+            <a-image :src="record.image" :width="50"/>
+          </template>
+          <template v-if="column.key === 'status'">
+            <a-tag v-if="record.status === 0" color="orange">待审核</a-tag>
+            <a-tag v-if="record.status === 1" color="green">审核通过</a-tag>
+            <a-tag v-if="record.status === 2" color="red">已驳回</a-tag>
+            <div class="text-orange-500 py-1" v-if="record.status == 2">原因：{{ record.comments }}</div>
+          </template>
+          <template v-if="column.key === 'action'">
+            <div v-if="hasPermission('sys:userVerify:update')">
+              <a @click="openEdit(record)">修改</a>
+              <a-divider type="vertical"/>
+              <a-popconfirm
+                title="确定要删除此记录吗？"
+                @confirm="remove(record)"
+              >
+                <a class="ele-text-danger">删除</a>
+              </a-popconfirm>
+            </div>
+          </template>
+        </template>
+      </ele-pro-table>
+    </a-card>
+
+    <!-- 编辑弹窗 -->
+    <UserVerifyEdit v-model:visible="showEdit" :data="current" @done="reload"/>
+  </a-page-header>
+</template>
+
+<script lang="ts" setup>
+import {createVNode, ref} from 'vue';
+import {message, Modal} from 'ant-design-vue';
+import {ExclamationCircleOutlined} from '@ant-design/icons-vue';
+import type {EleProTable} from 'ele-admin-pro';
+import type {
+  DatasourceFunction,
+  ColumnItem
+} from 'ele-admin-pro/es/ele-pro-table/types';
+import Search from './components/search.vue';
+import UserVerifyEdit from './components/userVerifyEdit.vue';
+import {pageUserVerify, removeUserVerify, removeBatchUserVerify} from '@/api/system/userVerify';
+import type {UserVerify, UserVerifyParam} from '@/api/system/userVerify/model';
+import {getPageTitle} from "@/utils/common";
+import Extra from "./components/Extra.vue";
+import {hasPermission} from "@/utils/permission";
+
+// 表格实例
+const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+// 表格选中数据
+const selection = ref<UserVerify[]>([]);
+// 当前编辑数据
+const current = ref<UserVerify | null>(null);
+// 是否显示编辑弹窗
+const showEdit = ref(false);
+// 是否显示批量移动弹窗
+const showMove = ref(false);
+// 加载状态
+const loading = ref(true);
+
+// 表格数据源
+const datasource: DatasourceFunction = ({
+                                          page,
+                                          limit,
+                                          where,
+                                          orders,
+                                          filters
+                                        }) => {
+  if (filters) {
+    where.status = filters.status;
+  }
+  where.type = 0;
+  return pageUserVerify({
+    ...where,
+    ...orders,
+    page,
+    limit
+  });
+};
+
+// 表格列配置
+const columns = ref<ColumnItem[]>([
+  {
+    title: '用户ID',
+    dataIndex: 'userId',
+    key: 'userId',
+    align: 'center',
+    width: 90
+  },
+  {
+    title: '所属站点',
+    dataIndex: 'organizationName',
+    key: 'organizationName',
+    align: 'center'
+  },
+  // {
+  //   title: '类型',
+  //   dataIndex: 'type',
+  //   key: 'type',
+  //   align: 'center',
+  //   customRender: ({text}) => ['个人', '企业'][text]
+  // },
+  {
+    title: '真实姓名',
+    dataIndex: 'realName',
+    key: 'realName',
+    align: 'center',
+  },
+  // {
+  //   title: '证件号码',
+  //   dataIndex: 'idCard',
+  //   key: 'idCard',
+  //   align: 'center',
+  // },
+  {
+    title: '手机号码',
+    dataIndex: 'phone',
+    key: 'phone',
+    align: 'center',
+  },
+  // {
+  //   title: '身份证',
+  //   dataIndex: 'sfz1',
+  //   key: 'sfz1',
+  //   align: 'center',
+  // },
+  // {
+  //   title: '营业执照',
+  //   dataIndex: 'yyzz',
+  //   key: 'yyzz',
+  //   align: 'center',
+  // },
+  // {
+  //   title: '其他',
+  //   dataIndex: 'files',
+  //   key: 'files',
+  //   align: 'center',
+  // },
+  {
+    title: '状态',
+    dataIndex: 'status',
+    key: 'status',
+    align: 'center',
+  },
+  // {
+  //   title: '驳回',
+  //   dataIndex: 'comments',
+  //   key: 'comments',
+  //   align: 'center',
+  // },
+  {
+    title: '添加时间',
+    dataIndex: 'createTime',
+    key: 'createTime',
+    align: 'center',
+    sorter: true
+  },
+  {
+    title: '操作',
+    key: 'action',
+    width: 130,
+    fixed: 'right',
+    align: 'center',
+    hideInSetting: true
+  }
+]);
+
+/* 搜索 */
+const reload = (where?: UserVerifyParam) => {
+  selection.value = [];
+  tableRef?.value?.reload({where: where});
+};
+
+/* 打开编辑弹窗 */
+const openEdit = (row?: UserVerify) => {
+  current.value = row ?? null;
+  showEdit.value = true;
+};
+
+/* 打开批量移动弹窗 */
+const openMove = () => {
+  showMove.value = true;
+};
+
+/* 删除单个 */
+const remove = (row: UserVerify) => {
+  const hide = message.loading('请求中..', 0);
+  removeUserVerify(row.id)
+    .then((msg) => {
+      hide();
+      message.success(msg);
+      reload();
+    })
+    .catch((e) => {
+      hide();
+      message.error(e.message);
+    });
+};
+
+/* 批量删除 */
+const removeBatch = () => {
+  if (!selection.value.length) {
+    message.error('请至少选择一条数据');
+    return;
+  }
+  Modal.confirm({
+    title: '提示',
+    content: '确定要删除选中的记录吗?',
+    icon: createVNode(ExclamationCircleOutlined),
+    maskClosable: true,
+    onOk: () => {
+      const hide = message.loading('请求中..', 0);
+      removeBatchUserVerify(selection.value.map((d) => d.id))
+        .then((msg) => {
+          hide();
+          message.success(msg);
+          reload();
+        })
+        .catch((e) => {
+          hide();
+          message.error(e.message);
+        });
+    }
+  });
+};
+
+/* 查询 */
+const query = () => {
+  loading.value = true;
+};
+
+/* 自定义行属性 */
+const customRow = (record: UserVerify) => {
+  return {
+    // 行点击事件
+    onClick: () => {
+      // console.log(record);
+    },
+    // 行双击事件
+    onDblclick: () => {
+      if (hasPermission('sys:userVerify:update')) {
+        openEdit(record);
+      }
+    }
+  };
+};
+query();
+</script>
+
+<script lang="ts">
+export default {
+  name: 'UserVerify'
+};
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/views/hjm/userVerify2/components/search.vue b/src/views/hjm/userVerify2/components/search.vue
new file mode 100644
index 0000000..4194d41
--- /dev/null
+++ b/src/views/hjm/userVerify2/components/search.vue
@@ -0,0 +1,67 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+<!--    <a-button type="primary" class="ele-btn-icon" @click="add">-->
+<!--      <template #icon>-->
+<!--        <PlusOutlined />-->
+<!--      </template>-->
+<!--      <span>添加</span>-->
+<!--    </a-button>-->
+    <a-radio-group v-model:value="where.type">
+      <a-radio-button :value="0" @click="push(`/user-verify`)">个人</a-radio-button>
+      <a-radio-button :value="1" @click="push(`/user-verify2`)">企业</a-radio-button>
+    </a-radio-group>
+    <a-input-search
+      allow-clear
+      placeholder="请输入关键词"
+      style="width: 240px"
+      v-model:value="where.keywords"
+      @search="reload"
+    />
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+  // import { PlusOutlined } from '@ant-design/icons-vue';
+  import { watch } from 'vue';
+  import useSearch from "@/utils/use-search";
+  import {UserVerifyParam} from "@/api/system/userVerify/model";
+  import {push} from "@/utils/common";
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的角色
+      selection?: [];
+    }>(),
+    {}
+  );
+
+  const emit = defineEmits<{
+    (e: 'search', where?: UserVerifyParam): void;
+    (e: 'add'): void;
+    (e: 'remove'): void;
+    (e: 'batchMove'): void;
+  }>();
+
+  // 表单数据
+  const {where} = useSearch<UserVerifyParam>({
+    id: undefined,
+    type: undefined,
+    keywords: '',
+    userId: undefined
+  });
+
+  // 新增
+  // const add = () => {
+  //   emit('add');
+  // };
+
+  const reload = () => {
+    emit('search', where);
+  }
+
+  watch(
+    () => props.selection,
+    () => {}
+  );
+</script>
diff --git a/src/views/hjm/userVerify2/components/userVerifyEdit.vue b/src/views/hjm/userVerify2/components/userVerifyEdit.vue
new file mode 100644
index 0000000..184a622
--- /dev/null
+++ b/src/views/hjm/userVerify2/components/userVerifyEdit.vue
@@ -0,0 +1,374 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '实名认证' : '实名认证'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="类型" name="type">
+        <a-tag v-if="form.type === 0">{{ ['个人', '企业'][form.type] }}</a-tag>
+        <a-tag color="pink" v-if="form.type === 1">{{ ['个人', '企业'][form.type] }}</a-tag>
+      </a-form-item>
+      <a-form-item label="主体名称" name="name">
+        <a-input
+          allow-clear
+          :disabled="form.status == 1"
+          placeholder="请输入公司名称或单位名称"
+          v-model:value="form.name"
+        />
+      </a-form-item>
+      <a-form-item label="营业执照号码" name="zzCode">
+        <a-input
+          allow-clear
+          :disabled="form.status == 1"
+          placeholder="请输入营业执照号码"
+          v-model:value="form.zzCode"
+        />
+      </a-form-item>
+      <a-form-item label="营业执照" name="zzImg">
+        <SelectFile
+          :placeholder="`请上传营业执照`"
+          :limit="1"
+          :data="zzImg"
+          @done="chooseYzImg"
+          @del="onDeleteYzImg"
+        />
+      </a-form-item>
+      <a-form-item label="真实姓名" name="realName">
+        <a-input
+          allow-clear
+          :disabled="form.status == 1"
+          placeholder="请输入真实姓名"
+          v-model:value="form.realName"
+        />
+      </a-form-item>
+<!--      <a-form-item label="证件号码" name="idCard">-->
+<!--        <a-input-->
+<!--          allow-clear-->
+<!--          :disabled="form.status == 1"-->
+<!--          placeholder="请输入证件号码"-->
+<!--          v-model:value="form.idCard"-->
+<!--        />-->
+<!--      </a-form-item>-->
+<!--      <a-form-item label="身份证(正面)" name="sfz1">-->
+<!--        <a-image :src="form.sfz1" :width="80" :height="80" v-if="form.status == 1" />-->
+<!--        <SelectFile-->
+<!--          v-else-->
+<!--          :placeholder="`请选择图片`"-->
+<!--          :limit="1"-->
+<!--          :data="sfz1"-->
+<!--          @done="chooseSfz1"-->
+<!--          @del="onDeleteSfz1"-->
+<!--        />-->
+<!--      </a-form-item>-->
+<!--      <a-form-item label="身份证(反面)" name="sfz2">-->
+<!--        <a-image :src="form.sfz2" :width="80" :height="80" v-if="form.status == 1" />-->
+<!--        <SelectFile-->
+<!--          v-else-->
+<!--          :placeholder="`请选择图片`"-->
+<!--          :limit="1"-->
+<!--          :data="sfz2"-->
+<!--          @done="chooseSfz2"-->
+<!--          @del="onDeleteSfz2"-->
+<!--        />-->
+<!--      </a-form-item>-->
+      <a-form-item label="状态" name="status">
+        <a-radio-group v-model:value="form.status">
+          <a-radio :value="1">审核通过</a-radio>
+          <a-radio :value="2">驳回</a-radio>
+        </a-radio-group>
+      </a-form-item>
+      <a-form-item label="驳回原因" name="comments" v-if="form.status == 2">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="请填写驳回原因"
+          v-model:value="form.comments"
+        />
+      </a-form-item>
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+import {ref, reactive, watch} from 'vue';
+import {Form, message} from 'ant-design-vue';
+import {assignObject, uuid} from 'ele-admin-pro';
+import {addUserVerify, updateUserVerify} from '@/api/system/userVerify';
+import {UserVerify} from '@/api/system/userVerify/model';
+import {useThemeStore} from '@/store/modules/theme';
+import {storeToRefs} from 'pinia';
+import {ItemType} from 'ele-admin-pro/es/ele-image-upload/types';
+import {FormInstance} from 'ant-design-vue/es/form';
+import {FileRecord} from '@/api/system/file/model';
+
+// 是否是修改
+const isUpdate = ref(false);
+const useForm = Form.useForm;
+// 是否开启响应式布局
+const themeStore = useThemeStore();
+const {styleResponsive} = storeToRefs(themeStore);
+
+const props = defineProps<{
+  // 弹窗是否打开
+  visible: boolean;
+  // 修改回显的数据
+  data?: UserVerify | null;
+}>();
+
+const emit = defineEmits<{
+  (e: 'done'): void;
+  (e: 'update:visible', visible: boolean): void;
+}>();
+
+// 提交状态
+const loading = ref(false);
+// 是否显示最大化切换按钮
+const maxable = ref(true);
+// 表格选中数据
+const formRef = ref<FormInstance | null>(null);
+const images = ref<ItemType[]>([]);
+const sfz1 = ref<ItemType[]>([]);
+const sfz2 = ref<ItemType[]>([]);
+const zzImg = ref<ItemType[]>([]);
+
+// 用户信息
+const form = reactive<UserVerify>({
+  id: undefined,
+  userId: undefined,
+  type: undefined,
+  name: undefined,
+  zzCode: undefined,
+  zzImg: undefined,
+  realName: undefined,
+  phone: undefined,
+  idCard: undefined,
+  birthday: undefined,
+  sfz1: undefined,
+  sfz2: undefined,
+  status: undefined,
+  deleted: undefined,
+  tenantId: undefined,
+  createTime: undefined,
+  updateTime: undefined,
+  comments: ''
+});
+
+/* 更新visible */
+const updateVisible = (value: boolean) => {
+  emit('update:visible', value);
+};
+
+// 表单验证规则
+const rules = reactive({
+  type: [
+    {
+      required: true,
+      type: 'number',
+      message: '请选择类型',
+      trigger: 'blur'
+    }
+  ],
+  name: [
+    {
+      required: true,
+      type: 'string',
+      message: '请填写实名认证名称',
+      trigger: 'blur'
+    }
+  ],
+  zzCode: [
+    {
+      required: true,
+      type: 'string',
+      message: '请填写营业执照号码',
+      trigger: 'blur'
+    }
+  ],
+  zzImg: [
+    {
+      required: true,
+      type: 'string',
+      message: '请上传营业执照',
+      trigger: 'blur'
+    }
+  ],
+  realName: [
+    {
+      required: true,
+      type: 'string',
+      message: '请填写真实姓名',
+      trigger: 'blur'
+    }
+  ],
+  idCard: [
+    {
+      required: true,
+      type: 'string',
+      message: '请填写证件号码',
+      trigger: 'blur'
+    }
+  ],
+  sfz1: [
+    {
+      required: true,
+      type: 'string',
+      message: '请上传身份证正面',
+      trigger: 'blur'
+    }
+  ],
+  sfz2: [
+    {
+      required: true,
+      type: 'string',
+      message: '请上传身份证反面',
+      trigger: 'blur'
+    }
+  ],
+  status: [
+    {
+      required: true,
+      type: 'number',
+      message: '请选择审核状态',
+      trigger: 'blur'
+    }
+  ],
+  comments: [
+    {
+      required: true,
+      type: 'string',
+      message: '请填写驳回原因',
+      trigger: 'blur'
+    }
+  ]
+});
+
+const chooseSfz1 = (data: FileRecord) => {
+  sfz1.value.push({
+    uid: data.id,
+    url: data.path,
+    status: 'done'
+  });
+  form.sfz1 = data.path;
+};
+
+const onDeleteSfz1 = (index: number) => {
+  sfz1.value.splice(index, 1);
+  form.sfz1 = '';
+};
+
+const chooseSfz2 = (data: FileRecord) => {
+  sfz2.value.push({
+    uid: data.id,
+    url: data.path,
+    status: 'done'
+  });
+  form.sfz2 = data.path;
+};
+
+const onDeleteSfz2 = (index: number) => {
+  sfz2.value.splice(index, 1);
+  form.sfz2 = '';
+};
+
+const chooseYzImg = (data: FileRecord) => {
+  zzImg.value.push({
+    uid: data.id,
+    url: data.path,
+    status: 'done'
+  });
+  form.zzImg = data.path;
+};
+
+const onDeleteYzImg = (index: number) => {
+  zzImg.value.splice(index, 1);
+  form.zzImg = '';
+}
+
+const {resetFields} = useForm(form, rules);
+
+/* 保存编辑 */
+const save = () => {
+  if (!formRef.value) {
+    return;
+  }
+  formRef.value
+    .validate()
+    .then(() => {
+      loading.value = true;
+      const formData = {
+        ...form
+      };
+      const saveOrUpdate = isUpdate.value ? updateUserVerify : addUserVerify;
+      saveOrUpdate(formData)
+        .then((msg) => {
+          loading.value = false;
+          message.success(msg);
+          updateVisible(false);
+          emit('done');
+        })
+        .catch((e) => {
+          loading.value = false;
+          message.error(e.message);
+        });
+    })
+    .catch(() => {
+    });
+};
+
+watch(
+  () => props.visible,
+  (visible) => {
+    if (visible) {
+      images.value = [];
+      sfz1.value = [];
+      sfz2.value = [];
+      zzImg.value = [];
+      if (props.data) {
+        assignObject(form, props.data);
+        if (props.data.sfz1) {
+          sfz1.value.push({
+            uid: uuid(),
+            url: props.data.sfz1,
+            status: 'done'
+          })
+        }
+        if (props.data.sfz2) {
+          sfz2.value.push({
+            uid: uuid(),
+            url: props.data.sfz2,
+            status: 'done'
+          })
+        }
+        if (props.data.zzImg) {
+          zzImg.value.push({
+            uid: uuid(),
+            url: props.data.zzImg,
+            status: 'done'
+          })
+        }
+        isUpdate.value = true;
+      } else {
+        isUpdate.value = false;
+      }
+    } else {
+      resetFields();
+    }
+  },
+  {immediate: true}
+);
+</script>
diff --git a/src/views/hjm/userVerify2/index.vue b/src/views/hjm/userVerify2/index.vue
new file mode 100644
index 0000000..0ac72f6
--- /dev/null
+++ b/src/views/hjm/userVerify2/index.vue
@@ -0,0 +1,273 @@
+<template>
+  <a-page-header :title="getPageTitle()" @back="() => $router.go(-1)">
+    <template #extra>
+      <Extra/>
+    </template>
+    <a-card :bordered="false" :body-style="{ padding: '16px' }">
+      <ele-pro-table
+        ref="tableRef"
+        row-key="id"
+        :columns="columns"
+        :datasource="datasource"
+        :customRow="customRow"
+        tool-class="ele-toolbar-form"
+        class="sys-org-table"
+      >
+        <template #toolbar>
+          <search
+            @search="reload"
+            :selection="selection"
+            @add="openEdit"
+            @remove="removeBatch"
+            @batchMove="openMove"
+          />
+        </template>
+        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'image'">
+            <a-image :src="record.image" :width="50"/>
+          </template>
+          <template v-if="column.key === 'status'">
+            <a-tag v-if="record.status === 0" color="orange">待审核</a-tag>
+            <a-tag v-if="record.status === 1" color="green">审核通过</a-tag>
+            <a-tag v-if="record.status === 2" color="red">已驳回</a-tag>
+            <div class="text-orange-500 py-1" v-if="record.status == 2">原因：{{ record.comments }}</div>
+          </template>
+          <template v-if="column.key === 'action'">
+            <div>
+              <a @click="openEdit(record)">修改</a>
+              <a-divider type="vertical"/>
+              <a-popconfirm
+                title="确定要删除此记录吗？"
+                @confirm="remove(record)"
+              >
+                <a class="ele-text-danger">删除</a>
+              </a-popconfirm>
+            </div>
+          </template>
+        </template>
+      </ele-pro-table>
+    </a-card>
+
+    <!-- 编辑弹窗 -->
+    <UserVerifyEdit v-model:visible="showEdit" :data="current" @done="reload"/>
+  </a-page-header>
+</template>
+
+<script lang="ts" setup>
+import {createVNode, ref} from 'vue';
+import {message, Modal} from 'ant-design-vue';
+import {ExclamationCircleOutlined} from '@ant-design/icons-vue';
+import type {EleProTable} from 'ele-admin-pro';
+import type {
+  DatasourceFunction,
+  ColumnItem
+} from 'ele-admin-pro/es/ele-pro-table/types';
+import Search from './components/search.vue';
+import UserVerifyEdit from './components/userVerifyEdit.vue';
+import {pageUserVerify, removeUserVerify, removeBatchUserVerify} from '@/api/system/userVerify';
+import type {UserVerify, UserVerifyParam} from '@/api/system/userVerify/model';
+import {getPageTitle} from "@/utils/common";
+import Extra from "@/views/system/user/components/Extra.vue";
+
+// 表格实例
+const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+// 表格选中数据
+const selection = ref<UserVerify[]>([]);
+// 当前编辑数据
+const current = ref<UserVerify | null>(null);
+// 是否显示编辑弹窗
+const showEdit = ref(false);
+// 是否显示批量移动弹窗
+const showMove = ref(false);
+// 加载状态
+const loading = ref(true);
+
+// 表格数据源
+const datasource: DatasourceFunction = ({
+                                          page,
+                                          limit,
+                                          where,
+                                          orders,
+                                          filters
+                                        }) => {
+  if (filters) {
+    where.status = filters.status;
+  }
+  where.type = 1;
+  return pageUserVerify({
+    ...where,
+    ...orders,
+    page,
+    limit
+  });
+};
+
+// 表格列配置
+const columns = ref<ColumnItem[]>([
+  {
+    title: '用户ID',
+    dataIndex: 'userId',
+    key: 'userId',
+    align: 'center',
+    width: 90
+  },
+  {
+    title: '类型',
+    dataIndex: 'type',
+    key: 'type',
+    align: 'center',
+    customRender: ({text}) => ['个人', '企业'][text]
+  },
+  {
+    title: '主体名称',
+    dataIndex: 'name',
+    key: 'name',
+    align: 'center',
+  },
+  {
+    title: '证件号码',
+    dataIndex: 'zzCode',
+    key: 'zzCode',
+    align: 'center',
+  },
+  {
+    title: '真实姓名',
+    dataIndex: 'realName',
+    key: 'realName',
+    align: 'center',
+  },
+  {
+    title: '联系电话',
+    dataIndex: 'phone',
+    key: 'phone',
+    align: 'center',
+  },
+  // {
+  //   title: '营业执照',
+  //   dataIndex: 'yyzz',
+  //   key: 'yyzz',
+  //   align: 'center',
+  // },
+  // {
+  //   title: '其他',
+  //   dataIndex: 'files',
+  //   key: 'files',
+  //   align: 'center',
+  // },
+  // {
+  //   title: '备注',
+  //   dataIndex: 'comments',
+  //   key: 'comments',
+  //   align: 'center',
+  // },
+  {
+    title: '状态',
+    dataIndex: 'status',
+    key: 'status',
+    align: 'center',
+  },
+  {
+    title: '添加时间',
+    dataIndex: 'createTime',
+    key: 'createTime',
+    align: 'center',
+    sorter: true
+  },
+  {
+    title: '操作',
+    key: 'action',
+    width: 130,
+    fixed: 'right',
+    align: 'center',
+    hideInSetting: true
+  }
+]);
+
+/* 搜索 */
+const reload = (where?: UserVerifyParam) => {
+  selection.value = [];
+  tableRef?.value?.reload({where: where});
+};
+
+/* 打开编辑弹窗 */
+const openEdit = (row?: UserVerify) => {
+  current.value = row ?? null;
+  showEdit.value = true;
+};
+
+/* 打开批量移动弹窗 */
+const openMove = () => {
+  showMove.value = true;
+};
+
+/* 删除单个 */
+const remove = (row: UserVerify) => {
+  const hide = message.loading('请求中..', 0);
+  removeUserVerify(row.id)
+    .then((msg) => {
+      hide();
+      message.success(msg);
+      reload();
+    })
+    .catch((e) => {
+      hide();
+      message.error(e.message);
+    });
+};
+
+/* 批量删除 */
+const removeBatch = () => {
+  if (!selection.value.length) {
+    message.error('请至少选择一条数据');
+    return;
+  }
+  Modal.confirm({
+    title: '提示',
+    content: '确定要删除选中的记录吗?',
+    icon: createVNode(ExclamationCircleOutlined),
+    maskClosable: true,
+    onOk: () => {
+      const hide = message.loading('请求中..', 0);
+      removeBatchUserVerify(selection.value.map((d) => d.id))
+        .then((msg) => {
+          hide();
+          message.success(msg);
+          reload();
+        })
+        .catch((e) => {
+          hide();
+          message.error(e.message);
+        });
+    }
+  });
+};
+
+/* 查询 */
+const query = () => {
+  loading.value = true;
+};
+
+/* 自定义行属性 */
+const customRow = (record: UserVerify) => {
+  return {
+    // 行点击事件
+    onClick: () => {
+      // console.log(record);
+    },
+    // 行双击事件
+    onDblclick: () => {
+      openEdit(record);
+    }
+  };
+};
+query();
+</script>
+
+<script lang="ts">
+export default {
+  name: 'UserVerify'
+};
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/views/led/components/cmsAdEdit.vue b/src/views/led/components/cmsAdEdit.vue
new file mode 100644
index 0000000..ecc2176
--- /dev/null
+++ b/src/views/led/components/cmsAdEdit.vue
@@ -0,0 +1,402 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="1000"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑广告' : '添加广告'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 3, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="类型" name="type">
+        <a-radio-group
+          v-model:value="form.type"
+          :disabled="isUpdate || !disabled"
+          @change="onTypeChange"
+        >
+          <a-radio :value="1">轮播</a-radio>
+          <a-radio :value="2">图片</a-radio>
+          <a-radio :value="3">视频</a-radio>
+          <a-radio :value="4">文本</a-radio>
+        </a-radio-group>
+      </a-form-item>
+      <a-form-item label="名称" name="name">
+        <a-input
+          allow-clear
+          :maxlength="100"
+          style="width: 500px"
+          placeholder="请输入广告名称"
+          v-model:value="form.name"
+        />
+      </a-form-item>
+      <a-form-item label="编号" name="code">
+        <a-input
+          allow-clear
+          :maxlength="100"
+          style="width: 500px"
+          placeholder="请输入广告唯一标识"
+          v-model:value="form.code"
+        />
+      </a-form-item>
+      <template v-if="form.type == 1">
+        <a-form-item label="多图" name="images">
+          <div :class="`item-style ${form.style}`">
+            <SelectFile
+              :placeholder="`请选择图片`"
+              :limit="9"
+              :data="images"
+              @done="chooseFile"
+              @del="onDeleteItem"
+            />
+          </div>
+          <div class="flex flex-col gap-2 mt-2">
+            <div class="w-[500px] space-y-2" v-for="(_, index) in images" :key="index">
+              <a-input
+                v-model:value="images[index].title"
+                :placeholder="`请输入图片标题${index+1}`"
+              />
+              <a-input
+                v-model:value="images[index].path"
+                placeholder="https://"
+              />
+            </div>
+          </div>
+        </a-form-item>
+      </template>
+      <template v-if="form.type == 2">
+        <a-form-item label="单图" name="images">
+          <div :class="`item-style ${form.style}`">
+            <SelectFile
+              :limit="1"
+              :data="images"
+              @done="chooseFile"
+              @del="onDeleteItem"
+            />
+          </div>
+        </a-form-item>
+        <a-form-item label="图片标题" name="title" v-if="images.length > 0">
+          <a-input
+            v-model:value="images[0].title"
+            placeholder="请输入图片标题"
+            style="width: 500px"
+          />
+        </a-form-item>
+        <a-form-item label="图片链接" name="path" v-if="images.length > 0">
+          <a-input
+            v-model:value="images[0].path"
+            placeholder="https://"
+            style="width: 500px"
+          />
+        </a-form-item>
+      </template>
+      <template v-if="form.type == 3">
+        <a-form-item
+          label="视频"
+          name="images"
+          extra="请上传视频文件，仅支持mp4格式，大小200M以内"
+        >
+          <div :class="`item-style ${form.style}`">
+            <SelectFile
+              :placeholder="`请选择视频文件`"
+              :limit="1"
+              :data="images"
+              @done="chooseFile"
+              @del="onDeleteItem"
+            />
+          </div>
+        </a-form-item>
+        <a-form-item label="视频标题" name="title" v-if="images.length > 0">
+          <a-input
+            v-model:value="images[0].title"
+            placeholder="请输入视频标题"
+            style="width: 500px"
+          />
+        </a-form-item>
+        <a-form-item label="视频链接" name="path" v-if="images.length > 0">
+          <a-input
+            v-model:value="images[0].path"
+            placeholder="https://"
+            style="width: 500px"
+          />
+        </a-form-item>
+      </template>
+      <template v-if="form.type == 4">
+        <a-form-item
+          label="文本"
+          name="comments"
+        >
+          <a-textarea
+            :rows="4"
+            :maxlength="200"
+            placeholder="请输入广告内容"
+            v-model:value="form.comments"
+          />
+        </a-form-item>
+      </template>
+      <a-form-item label="链接" name="path" v-if="form.type == 4">
+        <a-input
+          v-model:value="form.path"
+          placeholder="https://"
+        />
+      </a-form-item>
+      <a-form-item label="尺寸">
+        <a-space>
+          <a-input-number
+            allow-clear
+            :maxlength="3000"
+            placeholder="宽"
+            v-model:value="form.width"
+          />
+          <span>X</span>
+          <a-input-number
+            allow-clear
+            :maxlength="2000"
+            placeholder="高"
+            v-model:value="form.height"
+          />
+        </a-space>
+        <div class="pt-2">
+          <span class="text-gray-400">广告位尺寸大小(默认值：100% * 500px)</span>
+        </div>
+      </a-form-item>
+      <a-form-item label="位置">
+        <a-tree-select
+          allow-clear
+          :tree-data="navigationList"
+          tree-default-expand-all
+          style="width: 500px;"
+          placeholder="请选择所属栏目"
+          :value="form.categoryId || undefined"
+          :listHeight="700"
+          :dropdown-style="{ overflow: 'auto' }"
+          @update:value="(value?: number) => (form.categoryId = value)"
+          @change="onCategoryId"
+        />
+      </a-form-item>
+      <a-form-item label="style" name="style">
+        <a-input
+          allow-clear
+          placeholder="font-bold text-red-500"
+          v-model:value="form.style"
+        />
+        <div class="pt-2 none">
+          <a class="text-sm text-gray-400" href="https://tailwindcss.com/docs/padding" target="_blank">Tailwind 使用说明</a>
+        </div>
+      </a-form-item>
+      <a-form-item label="描述" name="comments" v-if="form.type != 4">
+        <a-textarea
+          :rows="4"
+          :maxlength="200"
+          placeholder="请输入广告描述"
+          v-model:value="form.comments"
+        />
+      </a-form-item>
+      <a-form-item label="排序" name="sortNumber">
+        <a-input-number
+          :min="0"
+          :max="9999"
+          placeholder="请输入排序号"
+          v-model:value="form.sortNumber"
+        />
+      </a-form-item>
+      <a-form-item label="状态" name="status">
+        <a-radio-group v-model:value="form.status">
+          <a-radio :value="0">开启</a-radio>
+          <a-radio :value="1">关闭</a-radio>
+        </a-radio-group>
+      </a-form-item>
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+import {ref, reactive, watch} from 'vue';
+import {Form, message} from 'ant-design-vue';
+import {assignObject} from 'ele-admin-pro';
+import {addCmsAd, updateCmsAd} from '@/api/cms/cmsAd';
+import {CmsAd} from '@/api/cms/cmsAd/model';
+import {useThemeStore} from '@/store/modules/theme';
+import {storeToRefs} from 'pinia';
+import {FormInstance} from 'ant-design-vue/es/form';
+import {useI18n} from 'vue-i18n';
+import {FileRecord} from '@/api/system/file/model';
+import {CmsNavigation} from "@/api/cms/cmsNavigation/model";
+
+// 是否是修改
+const isUpdate = ref(false);
+const disabled = ref(true);
+const useForm = Form.useForm;
+// 是否开启响应式布局
+const themeStore = useThemeStore();
+const {styleResponsive} = storeToRefs(themeStore);
+
+const props = defineProps<{
+  // 弹窗是否打开
+  visible: boolean;
+  // 修改回显的数据
+  data?: CmsAd | null;
+  // 栏目导航
+  navigationList?: CmsNavigation[];
+}>();
+
+const emit = defineEmits<{
+  (e: 'done'): void;
+  (e: 'update:visible', visible: boolean): void;
+}>();
+
+// 提交状态
+const loading = ref(false);
+// 已上传数据
+const images = ref<any[]>([]);
+const {locale} = useI18n();
+// 是否显示最大化切换按钮
+const maxable = ref(true);
+// 表格选中数据
+const formRef = ref<FormInstance | null>(null);
+
+// 用户信息
+const form = reactive<CmsAd>({
+  adId: undefined,
+  type: undefined,
+  code: undefined,
+  categoryId: undefined,
+  name: '',
+  style: '',
+  images: '',
+  imageList: undefined,
+  width: '',
+  height: '',
+  path: '',
+  status: 0,
+  comments: '',
+  lang: locale.value || undefined,
+  sortNumber: 100,
+  merchantId: undefined
+});
+
+/* 更新visible */
+const updateVisible = (value: boolean) => {
+  emit('update:visible', value);
+};
+
+// 表单验证规则
+const rules = {
+  name: [
+    {
+      required: true,
+      message: '请输入标题',
+      trigger: 'blur'
+    }
+  ],
+  type: [
+    {
+      required: true,
+      message: '请选择类型',
+      trigger: 'blur'
+    }
+  ],
+  images: [
+    {
+      required: true,
+      message: '请上传图片或视频',
+      trigger: 'blur',
+      validator: (_rule: any, _: string) => {
+        return new Promise<void>((resolve, reject) => {
+          if (images.value.length == 0) {
+            return reject('请上传图片或视频文件');
+          }
+          return resolve();
+        });
+      }
+    }
+  ]
+};
+
+const {resetFields} = useForm(form, rules);
+
+const chooseFile = (data: FileRecord) => {
+  images.value.push({
+    uid: data.id,
+    url: data.downloadUrl + '?x-oss-process=image/resize,m_fixed,w_2000/quality,Q_90',
+    status: 'done',
+    title: '', // 初始化标题为空
+    path: ''   // 初始化链接为空
+  });
+  form.images = data.downloadUrl + '?x-oss-process=image/resize,m_fixed,w_2000/quality,Q_90';
+};
+
+const onDeleteItem = (index: number) => {
+  images.value.splice(index, 1);
+  form.images = '';
+};
+
+// 选择栏目
+const onCategoryId = (id: number) => {
+  form.categoryId = id;
+};
+
+const onTypeChange = () => {
+  disabled.value = !disabled.value;
+}
+
+/* 保存编辑 */
+const save = () => {
+  if (!formRef.value) {
+    return;
+  }
+  formRef.value
+    .validate()
+    .then(() => {
+      loading.value = true;
+      const formData = {
+        ...form,
+        images: JSON.stringify(images.value)
+      };
+      const saveOrUpdate = isUpdate.value ? updateCmsAd : addCmsAd;
+      saveOrUpdate(formData)
+        .then((msg) => {
+          loading.value = false;
+          message.success(msg);
+          updateVisible(false);
+          emit('done');
+        })
+        .catch((e) => {
+          loading.value = false;
+          message.error(e.message);
+        });
+    })
+    .catch(() => {
+    });
+};
+
+watch(
+  () => props.visible,
+  (visible) => {
+    if (visible) {
+      if (props.data) {
+        assignObject(form, props.data);
+        images.value = props.data.imageList;
+        isUpdate.value = true;
+      } else {
+        images.value = [];
+        disabled.value = true;
+        isUpdate.value = false;
+      }
+    } else {
+      resetFields();
+    }
+  },
+  {immediate: true}
+);
+</script>
diff --git a/src/views/led/components/search.vue b/src/views/led/components/search.vue
new file mode 100644
index 0000000..3bb8202
--- /dev/null
+++ b/src/views/led/components/search.vue
@@ -0,0 +1,81 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+    <a-button type="primary" class="ele-btn-icon"  @click="add">
+      <template #icon>
+        <PlusOutlined />
+      </template>
+      <span>添加</span>
+    </a-button>
+    <a-tree-select
+      allow-clear
+      :tree-data="navigationList"
+      tree-default-expand-all
+      style="width: 240px"
+      :listHeight="700"
+      placeholder="请选择栏目"
+      :value="where.categoryId || undefined"
+      :dropdown-style="{ overflow: 'auto' }"
+      @update:value="(value?: number) => (where.categoryId = value)"
+      @change="onCategoryId"
+    />
+    <a-input-search
+      allow-clear
+      placeholder="请输入关键词"
+      style="width: 280px"
+      v-model:value="where.keywords"
+      @search="reload"
+    />
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+  import { PlusOutlined } from '@ant-design/icons-vue';
+  import { watch } from 'vue';
+  import {CmsNavigation} from "@/api/cms/cmsNavigation/model";
+  import {CmsAdParam} from "@/api/cms/cmsAd/model";
+  import useSearch from "@/utils/use-search";
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的角色
+      selection?: [];
+      navigationList?: CmsNavigation[];
+    }>(),
+    {}
+  );
+
+  const emit = defineEmits<{
+    (e: 'search', where?: CmsAdParam): void;
+    (e: 'add'): void;
+    (e: 'remove'): void;
+    (e: 'batchMove'): void;
+  }>();
+
+  // 表单数据
+  const { where } = useSearch<CmsAdParam>({
+    adId: undefined,
+    pageId: undefined,
+    keywords: ''
+  });
+
+  // 新增
+  const add = () => {
+    emit('add');
+  };
+
+  // 按分类查询
+  const onCategoryId = (id: number) => {
+    where.categoryId = id;
+    emit('search', where);
+  };
+
+  const reload = () => {
+    emit('search', where);
+  };
+
+  watch(
+    () => props.selection,
+    () => {}
+  );
+</script>
diff --git a/src/views/led/index.vue b/src/views/led/index.vue
new file mode 100644
index 0000000..6dfc4b3
--- /dev/null
+++ b/src/views/led/index.vue
@@ -0,0 +1,259 @@
+<template>
+  <div class="ele-body">
+    <div class="flex flex-col justify-center items-center mt-10">
+      <div class="text-4xl font-bold">广西医科大学第一附属医院</div>
+      <div class="text-2xl my-5">门诊医生一周内停替诊公布</div>
+      <ele-pro-table
+        ref="stopTableRef"
+        row-key="id"
+        :columns="columns"
+        :datasource="datasource"
+        :customRow="customRow"
+        :toolkit="[]"
+        :toolbar="false"
+        :page-size="pageSize"
+        tool-class="ele-toolbar-form"
+        class="sys-org-table led-table"
+        @done="onStopDone"
+      />
+      <div class="text-2xl my-5">门诊医生当天剩余号源公布</div>
+      <ele-pro-table
+        ref="numberTableRef"
+        row-key="id"
+        :columns="columns2"
+        :datasource="datasource2"
+        :customRow="customRow"
+        :toolkit="[]"
+        :toolbar="false"
+        :page-size="pageSize"
+        tool-class="ele-toolbar-form"
+        class="sys-org-table led-table"
+        @done="onNumberDone"
+      />
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+  import { onBeforeUnmount, onMounted, ref } from 'vue';
+  import type { EleProTable } from 'ele-admin-pro';
+  import type {
+    DatasourceFunction,
+    ColumnItem,
+    EleProTableDone
+  } from 'ele-admin-pro/es/ele-pro-table/types';
+  import { numberReplace, stopReplace } from '@/api/led';
+
+  const pageSize = 10;
+  const rotateIntervalMs = 10000;
+
+  // 表格实例
+  const stopTableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+  const numberTableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+  const stopPageCount = ref(1);
+  const numberPageCount = ref(1);
+  const stopCurrPage = ref(1);
+  const numberCurrPage = ref(1);
+
+  let stopTimer: number | undefined;
+  let numberTimer: number | undefined;
+
+  // 表格数据源
+  const datasource: DatasourceFunction = ({ page, limit, where, orders }) => {
+    where.startDate = '2025-12-23';
+    where.endDate = '2025-12-23';
+    return stopReplace({
+      ...where,
+      ...orders,
+      page,
+      limit
+    });
+  };
+
+  // 表格列配置
+  const columns = ref<ColumnItem[]>([
+    {
+      title: '出诊时间',
+      width: 180,
+      align: 'center',
+      dataIndex: 'aSDate',
+      key: 'aSDate'
+    },
+    {
+      title: '科室',
+      dataIndex: 'aSLOCDesc',
+      key: 'aSLOCDesc',
+      align: 'center',
+      ellipsis: true,
+      width: 180
+    },
+    {
+      title: '时段',
+      dataIndex: 'aSTimeRange',
+      key: 'aSTimeRange',
+      align: 'center',
+      width: 120
+    },
+    {
+      title: '医生',
+      dataIndex: 'aSDoctor',
+      key: 'aSDoctor',
+      width: 120,
+      align: 'center'
+    },
+    {
+      title: '职称',
+      dataIndex: 'aSmedicalTitle',
+      key: 'aSmedicalTitle',
+      align: 'center',
+      width: 180
+    },
+    {
+      title: '替诊医生',
+      dataIndex: 'aSsubDoctor',
+      key: 'aSsubDoctor',
+      align: 'center',
+      width: 120
+    },
+    {
+      title: '替诊职称',
+      key: 'aSDoctorTitle',
+      dataIndex: 'aSDoctorTitle',
+      width: 120,
+      align: 'center'
+    }
+  ]);
+
+  // 表格列配置
+  const columns2 = ref<ColumnItem[]>([
+    {
+      title: '出诊时间',
+      width: 180,
+      align: 'center',
+      dataIndex: 'aSDate',
+      key: 'aSDate'
+    },
+    {
+      title: '科室',
+      dataIndex: 'aSLOCDesc',
+      key: 'aSLOCDesc',
+      align: 'center',
+      ellipsis: true,
+      width: 180
+    },
+    {
+      title: '时段',
+      dataIndex: 'aSTimeRange',
+      key: 'aSTimeRange',
+      align: 'center',
+      width: 120
+    },
+    {
+      title: '医生',
+      dataIndex: 'aSDoctor',
+      key: 'aSDoctor',
+      width: 120,
+      align: 'center'
+    },
+    {
+      title: '号别',
+      dataIndex: 'aSmedicalTitle',
+      key: 'aSmedicalTitle',
+      align: 'center',
+      width: 180
+    },
+    {
+      title: '剩余号源',
+      dataIndex: 'remanentResource',
+      key: 'remanentResource',
+      align: 'center',
+      width: 120
+    },
+    {
+      title: '诊区位置',
+      key: 'aSLocPosition',
+      width: 120,
+      align: 'center',
+      dataIndex: 'aSLocPosition'
+    }
+  ]);
+
+  const datasource2: DatasourceFunction = ({ page, limit, where, orders }) => {
+    where.startDate = '2025-12-23';
+    where.endDate = '2025-12-23';
+    return numberReplace({
+      ...where,
+      ...orders,
+      page,
+      limit
+    });
+  };
+
+  const onStopDone: EleProTableDone<any> = (_res, curr, count) => {
+    stopCurrPage.value = curr;
+    stopPageCount.value = count || 1;
+  };
+
+  const onNumberDone: EleProTableDone<any> = (_res, curr, count) => {
+    numberCurrPage.value = curr;
+    numberPageCount.value = count || 1;
+  };
+
+  const nextStopPage = () => {
+    if (stopPageCount.value <= 1) return;
+    stopCurrPage.value =
+      stopCurrPage.value >= stopPageCount.value ? 1 : stopCurrPage.value + 1;
+    stopTableRef.value?.reload({ page: stopCurrPage.value, limit: pageSize });
+  };
+
+  const nextNumberPage = () => {
+    if (numberPageCount.value <= 1) return;
+    numberCurrPage.value =
+      numberCurrPage.value >= numberPageCount.value
+        ? 1
+        : numberCurrPage.value + 1;
+    numberTableRef.value?.reload({
+      page: numberCurrPage.value,
+      limit: pageSize
+    });
+  };
+
+  /* 自定义行属性 */
+  const customRow = (_record: any) => {
+    return {
+      // 行点击事件
+      onClick: () => {
+        //
+      },
+      // 行双击事件
+      onDblclick: () => {
+        //
+      }
+    };
+  };
+
+  onMounted(() => {
+    stopTimer = window.setInterval(nextStopPage, rotateIntervalMs);
+    numberTimer = window.setInterval(nextNumberPage, rotateIntervalMs);
+  });
+
+  onBeforeUnmount(() => {
+    if (stopTimer) window.clearInterval(stopTimer);
+    if (numberTimer) window.clearInterval(numberTimer);
+  });
+</script>
+
+<script lang="ts">
+  export default {
+    name: 'LedIndex'
+  };
+</script>
+
+<style lang="less" scoped>
+  .led-table {
+    :deep(.ant-pagination) {
+      display: none;
+    }
+  }
+</style>
diff --git a/src/views/passport/login/index.vue b/src/views/passport/login/index.vue
index 14a3978..1f9c514 100644
--- a/src/views/passport/login/index.vue
+++ b/src/views/passport/login/index.vue
@@ -18,9 +18,8 @@
       />
       <h4>{{ config.siteName }}</h4>
     </div>
-    <div class="company-name" v-if="config?.loginTitle">{{
-        config?.loginTitle
-      }}
+    <div class="company-name" v-if="config?.loginTitle"
+      >{{ config?.loginTitle }}
     </div>
     <a-form
       ref="formRef"
@@ -30,60 +29,64 @@
     >
       <div class="login-title flex justify-center items-center px-12">
         <template v-if="loginType === 'scan'">
-          <h4
-            class="title-btn"
-          >扫码登录</h4
-          >
+          <h4 class="title-btn">扫码登录</h4>
         </template>
         <template v-else>
           <h4
             class="title-btn"
             :class="loginType === 'sms' ? 'active' : ''"
             @click="onLoginType('sms')"
-          >短信登录</h4
+            >手机号登录</h4
           >
-          <a-divider type="vertical" style="height: 20px"/>
+          <a-divider type="vertical" style="height: 20px" />
           <h4
             class="title-btn"
             :class="loginType === 'account' ? 'active' : ''"
             @click="onLoginType('account')"
-          >密码登录</h4
+            >账号登录</h4
           >
         </template>
       </div>
-      <div class="login-bar absolute top-0 z-50 right-0 cursor-pointer" @click="onScan">
+      <div
+        class="login-bar absolute top-0 z-50 right-0 cursor-pointer"
+        @click="onScan"
+      >
         <div class="go-to-register cursor-pointer">
-          <img src="@/assets/O1CN01yz6fEl1MwaRtkJyvf_!!6000000001499-55-tps-70-70.svg"
-               alt=""/>
+          <img
+            src="@/assets/O1CN01yz6fEl1MwaRtkJyvf_!!6000000001499-55-tps-70-70.svg"
+            alt=""
+          />
         </div>
-        <div class="absolute top-2 right-2 text-lg text-white font-bold cursor-pointer">
-          <QrcodeOutlined v-if="loginType === 'sms'"/>
-          <MobileOutlined v-else/>
+        <div
+          class="absolute top-2 right-2 text-lg text-white font-bold cursor-pointer"
+        >
+          <QrcodeOutlined v-if="loginType === 'sms'" />
+          <MobileOutlined v-else />
         </div>
         <!--        <span class="absolute top-3 right-1.5 text-sm text-white font-bold cursor-pointer">{{ '登录' }}</span>-->
       </div>
       <template v-if="loginType === 'account'">
-        <a-form-item name="tenantId">
-          <a-input
-            allow-clear
-            size="large"
-            v-model:value="form.tenantId"
-            :placeholder="`请输入租户ID`"
-          >
-            <template #prefix>
-              <UserOutlined/>
-            </template>
-          </a-input>
-        </a-form-item>
+        <!--        <a-form-item name="tenantId">-->
+        <!--          <a-input-->
+        <!--            allow-clear-->
+        <!--            size="large"-->
+        <!--            v-model:value="form.tenantId"-->
+        <!--            :placeholder="`请输入租户ID`"-->
+        <!--          >-->
+        <!--            <template #prefix>-->
+        <!--              <UserOutlined />-->
+        <!--            </template>-->
+        <!--          </a-input>-->
+        <!--        </a-form-item>-->
         <a-form-item name="username">
           <a-input
             allow-clear
             size="large"
-            v-model:value="form.username"
-            :placeholder="`请输入用户名`"
+            v-model:value="form.userId"
+            :placeholder="`用户ID`"
           >
             <template #prefix>
-              <UserOutlined/>
+              <UserOutlined />
             </template>
           </a-input>
         </a-form-item>
@@ -91,11 +94,11 @@
           <a-input-password
             size="large"
             v-model:value="form.password"
-            placeholder="请输入登录密码"
+            placeholder="登录密码"
             @pressEnter="submit"
           >
             <template #prefix>
-              <lock-outlined/>
+              <lock-outlined />
             </template>
           </a-input-password>
         </a-form-item>
@@ -107,22 +110,27 @@
               type="text"
               :maxlength="5"
               v-model:value="form.code"
-              placeholder="图形验证码"
+              placeholder="验证码"
               @pressEnter="submit"
             >
               <template #prefix>
-                <safety-certificate-outlined/>
+                <safety-certificate-outlined />
               </template>
             </a-input>
             <a-button class="login-captcha" @click="changeCaptcha">
-              <img v-if="captcha" :src="captcha" alt=""/>
+              <img v-if="captcha" :src="captcha" alt="" />
             </a-button>
           </div>
         </a-form-item>
         <a-form-item>
-          <a-checkbox v-model:checked="form.remember">
-            {{ t('login.remember') }}
-          </a-checkbox>
+          <div class="flex justify-between">
+            <a-checkbox v-model:checked="form.remember">
+              {{ t('login.remember') }}
+            </a-checkbox>
+            <a class="login-forget" @click="push('/forget')">
+              {{ t('login.forget') }}
+            </a>
+          </div>
         </a-form-item>
         <a-form-item>
           <a-button
@@ -134,7 +142,9 @@
           >
             {{ loading ? t('login.loading') : t('login.login') }}
           </a-button>
-          <!--          <div class="register text-center pt-5"><a @click="push('/register')">免费注册</a></div>-->
+          <div class="register text-center pt-5"
+            ><a @click="push('/register')">前往注册</a></div
+          >
         </a-form-item>
       </template>
       <template v-if="loginType === 'sms'">
@@ -179,7 +189,9 @@
           >
             {{ loading ? t('login.loading') : t('login.login') }}
           </a-button>
-          <!--          <div class="register text-center pt-5"><a @click="push('/register')">免费注册</a></div>-->
+          <div class="register text-center pt-5"
+            ><a @click="push('/register')">前往注册</a></div
+          >
         </a-form-item>
       </template>
       <template v-if="loginType == 'scan'">
@@ -212,7 +224,7 @@
           @pressEnter="sendCode"
         />
         <a-button class="login-captcha">
-          <img alt="" :src="captcha" @click="changeCaptcha"/>
+          <img alt="" :src="captcha" @click="changeCaptcha" />
         </a-button>
       </div>
       <a-button
@@ -236,19 +248,20 @@
       <div class="flex flex-col justify-start">
         <a-list item-layout="horizontal" :data-source="admins">
           <template #renderItem="{ item }">
-            <a-list-item class="cursor-pointer hover:border-gray-100" @click="onSelectUser(item)">
-              <a-list-item-meta
-                :description="`租户ID: ${item.tenantId}`"
-              >
+            <a-list-item
+              class="cursor-pointer hover:border-gray-100"
+              @click="onSelectUser(item)"
+            >
+              <a-list-item-meta :description="`租户ID: ${item.tenantId}`">
                 <template #title>
                   {{ item.tenantName }}
                 </template>
                 <template #avatar>
-                  <a-avatar :src="item.avatar"/>
+                  <a-avatar :src="item.avatar" />
                 </template>
               </a-list-item-meta>
               <template #actions>
-                <RightOutlined/>
+                <RightOutlined />
               </template>
             </a-list-item>
           </template>
@@ -259,525 +272,533 @@
 </template>
 
 <script lang="ts" setup>
-import {ref, reactive, unref, watch} from 'vue';
-import {useI18n} from 'vue-i18n';
-import {useRouter} from 'vue-router';
-import {Form, message} from 'ant-design-vue';
-import {
-  LockOutlined,
-  UserOutlined,
-  QrcodeOutlined,
-  MobileOutlined,
-  SafetyCertificateOutlined
-} from '@ant-design/icons-vue';
-import {goHomeRoute, cleanPageTabs} from '@/utils/page-tab-util';
-import {login, loginBySms, getCaptcha} from '@/api/passport/login';
-import QrLogin from '@/components/QrLogin/index.vue';
+  import { ref, reactive, unref, watch } from 'vue';
+  import { useI18n } from 'vue-i18n';
+  import { useRouter } from 'vue-router';
+  import { Form, message } from 'ant-design-vue';
+  import {
+    LockOutlined,
+    UserOutlined,
+    QrcodeOutlined,
+    MobileOutlined,
+    SafetyCertificateOutlined,
+    RightOutlined
+  } from '@ant-design/icons-vue';
+  import { goHomeRoute, cleanPageTabs } from '@/utils/page-tab-util';
+  import { login, loginBySms, getCaptcha } from '@/api/passport/login';
+  import QrLogin from '@/components/QrLogin/index.vue';
 
-import {User} from '@/api/system/user/model';
-import {TEMPLATE_ID, THEME_STORE_NAME} from '@/config/setting';
-import {sendSmsCaptcha} from '@/api/passport/login';
-import useFormData from '@/utils/use-form-data';
-import {FormInstance} from 'ant-design-vue/es/form';
-import {configWebsiteField} from '@/api/cms/cmsWebsiteField';
-import {Config} from '@/api/cms/cmsWebsiteField/model';
-import {phoneReg} from 'ele-admin-pro';
-import router from "@/router";
-import {listAdminsByPhoneAll} from "@/api/system/user";
-import {QrCodeStatusResponse} from "@/api/passport/qrLogin";
+  import { User } from '@/api/system/user/model';
+  import { TEMPLATE_ID, THEME_STORE_NAME } from '@/config/setting';
+  import { sendSmsCaptcha } from '@/api/passport/login';
+  import useFormData from '@/utils/use-form-data';
+  import { FormInstance } from 'ant-design-vue/es/form';
+  import { configWebsiteField } from '@/api/cms/cmsWebsiteField';
+  import { Config } from '@/api/cms/cmsWebsiteField/model';
+  import { phoneReg } from 'ele-admin-pro';
+  import router from '@/router';
+  import { listAdminsByPhoneAll } from '@/api/system/user';
+  import { QrCodeStatusResponse } from '@/api/passport/qrLogin';
 
-const useForm = Form.useForm;
-const {currentRoute} = useRouter();
-const {t} = useI18n();
-const {locale} = useI18n();
+  const useForm = Form.useForm;
+  const routerInstance = useRouter();
+  const { currentRoute } = routerInstance;
+  const { t } = useI18n();
+  const { locale } = useI18n();
 
-// 登录框方向, 0 居中, 1 居右, 2 居左
-const direction = ref(0);
-// 加载状态
-const loading = ref(false);
-// 是否显示tenantId填写输入框
-const loginType = ref('scan');
-const config = ref<Config>();
-// 配置信息
-const {form} = useFormData<User>({
-  userId: undefined,
-  username: '',
-  phone: '',
-  password: '',
-  code: '',
-  smsCode: '',
-  tenantId: undefined,
-  templateId: TEMPLATE_ID,
-  isSuperAdmin: true,
-  remember: true
-});
+  // 路由导航函数
+  const push = (path: string) => {
+    routerInstance.push(path);
+  };
 
-// 验证码 base64 数据
-const captcha = ref('');
-// 验证码内容, 实际项目去掉
-const text = ref('');
-// 是否显示图形验证码弹窗
-const visible = ref(false);
-// 图形验证码
-const imgCode = ref('');
-// 发送验证码按钮loading
-const codeLoading = ref(false);
-// 验证码倒计时时间
-const countdownTime = ref(0);
-// 验证码倒计时定时器
-let countdownTimer: number | null = null;
-// 多用户选择账号登录
-const showSelectLoginUser = ref<boolean>(false)
-const admins = ref<User[]>([]);
-// const tenantId = getTenantId();
-
-// 表格选中数据
-const formRef = ref<FormInstance | null>(null);
-
-// 表单验证规则
-const rules = reactive({
-  userId: [
-    {
-      required: true,
-      message: t('login.username'),
-      type: 'string'
-    }
-  ],
-  phone: [
-    {
-      pattern: phoneReg,
-      required: true,
-      type: 'string',
-      message: '手机号格式不正确',
-      trigger: 'blur'
-    }
-  ],
-  password: [
-    {
-      required: true,
-      message: t('login.password'),
-      type: 'string'
-    }
-  ],
-  code: [
-    {
-      required: true,
-      message: t('login.code'),
-      type: 'string'
-    }
-  ],
-  smsCode: [
-    {
-      required: true,
-      message: t('login.code'),
-      type: 'string'
-    }
-  ]
-});
-
-/* 显示发送短信验证码弹窗 */
-const openImgCodeModal = () => {
-  if (!form.phone) {
-    message.error('请输入手机号码');
-    return;
-  }
-  imgCode.value = '';
-  changeCaptcha();
-  visible.value = true;
-};
-
-/* 发送短信验证码 */
-const sendCode = () => {
-  if (!imgCode.value) {
-    message.error('请输入图形验证码');
-    return;
-  }
-  if (text.value !== imgCode.value.toLowerCase()) {
-    message.error('图形验证码不正确');
-    return;
-  }
-  codeLoading.value = true;
-  sendSmsCaptcha({phone: form.phone}).then(() => {
-    message.success('短信验证码发送成功, 请注意查收!');
-    visible.value = false;
-    codeLoading.value = false;
-    countdownTime.value = 30;
-    // 开始对按钮进行倒计时
-    countdownTimer = window.setInterval(() => {
-      if (countdownTime.value <= 1) {
-        countdownTimer && clearInterval(countdownTimer);
-        countdownTimer = null;
-      }
-      countdownTime.value--;
-    }, 1000);
+  // 登录框方向, 0 居中, 1 居右, 2 居左
+  const direction = ref(0);
+  // 加载状态
+  const loading = ref(false);
+  // 是否显示tenantId填写输入框
+  const loginType = ref('scan');
+  const config = ref<Config>();
+  // 配置信息
+  const { form } = useFormData<User>({
+    userId: undefined,
+    username: '',
+    phone: '',
+    password: '',
+    code: '',
+    smsCode: '',
+    tenantId: undefined,
+    templateId: TEMPLATE_ID,
+    isSuperAdmin: true,
+    remember: true
   });
-};
 
-// const { clearValidate, validate, validateInfos } = useForm(form, rules);
+  // 验证码 base64 数据
+  const captcha = ref('');
+  // 验证码内容, 实际项目去掉
+  const text = ref('');
+  // 是否显示图形验证码弹窗
+  const visible = ref(false);
+  // 图形验证码
+  const imgCode = ref('');
+  // 发送验证码按钮loading
+  const codeLoading = ref(false);
+  // 验证码倒计时时间
+  const countdownTime = ref(0);
+  // 验证码倒计时定时器
+  let countdownTimer: number | null = null;
+  // 多用户选择账号登录
+  const showSelectLoginUser = ref<boolean>(false);
+  const admins = ref<User[]>([]);
+  // const tenantId = getTenantId();
 
-const {resetFields} = useForm(form, rules);
+  // 表格选中数据
+  const formRef = ref<FormInstance | null>(null);
 
-const goHome = () => {
-  const {query} = unref(currentRoute);
-  goHomeRoute(query.from as string);
-  localStorage.removeItem(THEME_STORE_NAME);
-};
+  // 表单验证规则
+  const rules = reactive({
+    userId: [
+      {
+        required: true,
+        message: t('login.username'),
+        type: 'string'
+      }
+    ],
+    phone: [
+      {
+        pattern: phoneReg,
+        required: true,
+        type: 'string',
+        message: '手机号格式不正确',
+        trigger: 'blur'
+      }
+    ],
+    password: [
+      {
+        required: true,
+        message: t('login.password'),
+        type: 'string'
+      }
+    ],
+    code: [
+      {
+        required: true,
+        message: t('login.code'),
+        type: 'string'
+      }
+    ],
+    smsCode: [
+      {
+        required: true,
+        message: t('login.code'),
+        type: 'string'
+      }
+    ]
+  });
 
-const onLoginBySms = () => {
-  if (!formRef.value) {
-    return;
-  }
-  formRef.value
-    .validate()
-    .then(() => {
-      loading.value = true;
-      form.code = form.smsCode?.toLowerCase();
-      loginBySms(form)
-        .then((msg) => {
-          if (msg == '请选择登录用户') {
-            showSelectLoginUser.value = true;
-            listAdminsByPhoneAll({phone: form.phone, templateId: TEMPLATE_ID}).then(data => {
-              admins.value = data;
-            })
-            return false;
-          } else {
+  /* 显示发送短信验证码弹窗 */
+  const openImgCodeModal = () => {
+    if (!form.phone) {
+      message.error('请输入手机号码');
+      return;
+    }
+    imgCode.value = '';
+    changeCaptcha();
+    visible.value = true;
+  };
+
+  /* 发送短信验证码 */
+  const sendCode = () => {
+    if (!imgCode.value) {
+      message.error('请输入图形验证码');
+      return;
+    }
+    if (text.value !== imgCode.value.toLowerCase()) {
+      message.error('图形验证码不正确');
+      return;
+    }
+    codeLoading.value = true;
+    sendSmsCaptcha({ phone: form.phone }).then(() => {
+      message.success('短信验证码发送成功, 请注意查收!');
+      visible.value = false;
+      codeLoading.value = false;
+      countdownTime.value = 30;
+      // 开始对按钮进行倒计时
+      countdownTimer = window.setInterval(() => {
+        if (countdownTime.value <= 1) {
+          countdownTimer && clearInterval(countdownTimer);
+          countdownTimer = null;
+        }
+        countdownTime.value--;
+      }, 1000);
+    });
+  };
+
+  // const { clearValidate, validate, validateInfos } = useForm(form, rules);
+
+  const { resetFields } = useForm(form, rules);
+
+  const goHome = () => {
+    const { query } = unref(currentRoute);
+    goHomeRoute(query.from as string);
+    localStorage.removeItem(THEME_STORE_NAME);
+  };
+
+  const onLoginBySms = () => {
+    if (!formRef.value) {
+      return;
+    }
+    formRef.value
+      .validate()
+      .then(() => {
+        loading.value = true;
+        form.code = form.smsCode?.toLowerCase();
+        loginBySms(form)
+          .then((msg) => {
+            if (msg == '请选择登录用户') {
+              showSelectLoginUser.value = true;
+              listAdminsByPhoneAll({
+                phone: form.phone,
+                templateId: TEMPLATE_ID
+              }).then((data) => {
+                admins.value = data;
+              });
+              return false;
+            } else {
+              message.success(msg);
+              loading.value = false;
+              resetFields();
+              cleanPageTabs();
+              goHome();
+            }
+          })
+          .catch((e: Error) => {
+            message.error(e.message);
+            loading.value = false;
+          });
+      })
+      .catch(() => {});
+  };
+
+  const onSelectUser = (item: User) => {
+    form.tenantId = item.tenantId;
+    onLoginBySms();
+  };
+
+  /* 保存编辑 */
+  const submit = () => {
+    if (!formRef.value) {
+      return;
+    }
+    formRef.value
+      .validate()
+      .then(() => {
+        // if (form.code?.toLowerCase() !== text.value) {
+        //   message.error('验证码错误');
+        //   changeCaptcha();
+        //   return;
+        // }
+        loading.value = true;
+        form.code = form.code?.toLowerCase();
+        form.phone = undefined;
+        login(form)
+          .then((msg) => {
+            if (msg == '请选择登录用户') {
+              showSelectLoginUser.value = true;
+              return false;
+            }
+            // 登录成功
             message.success(msg);
             loading.value = false;
             resetFields();
             cleanPageTabs();
             goHome();
-          }
-        })
-        .catch((e: Error) => {
-          message.error(e.message);
-          loading.value = false;
-        });
-    })
-    .catch(() => {
-    });
-};
+          })
+          .catch((e: Error) => {
+            message.error(e.message);
+            loading.value = false;
+          });
+      })
+      .catch(() => {});
+  };
 
-const onSelectUser = (item: User) => {
-  form.tenantId = item.tenantId;
-  onLoginBySms();
-}
+  // const doRegister = () => {
+  //   registerUser(form)
+  //     .then(() => {
+  //       loading.value = false;
+  //       message.success('注册成功');
+  //     })
+  //     .catch((e) => {
+  //       loading.value = false;
+  //       message.error(e.message);
+  //     });
+  // };
 
-/* 保存编辑 */
-const submit = () => {
-  if (!formRef.value) {
-    return;
-  }
-  formRef.value
-    .validate()
-    .then(() => {
-      // if (form.code?.toLowerCase() !== text.value) {
-      //   message.error('验证码错误');
-      //   changeCaptcha();
-      //   return;
-      // }
-      loading.value = true;
-      form.code = form.code?.toLowerCase();
-      form.phone = undefined;
-      login(form)
-        .then((msg) => {
-          if (msg == '请选择登录用户') {
-            showSelectLoginUser.value = true;
-            return false;
-          }
-          // 登录成功
-          message.success(msg);
-          loading.value = false;
-          resetFields();
-          cleanPageTabs();
-          goHome();
-        })
-        .catch((e: Error) => {
-          message.error(e.message);
-          loading.value = false;
-        });
-    })
-    .catch(() => {
-    });
-};
+  const onLoginType = (text) => {
+    loginType.value = text;
+  };
 
-// const doRegister = () => {
-//   registerUser(form)
-//     .then(() => {
-//       loading.value = false;
-//       message.success('注册成功');
-//     })
-//     .catch((e) => {
-//       loading.value = false;
-//       message.error(e.message);
-//     });
-// };
-
-const onLoginType = (text) => {
-  loginType.value = text;
-};
-
-const onScan = () => {
-  if (loginType.value == 'scan') {
-    loginType.value = 'sms'
-  } else {
-    loginType.value = 'scan'
-  }
-}
-
-/* 二维码登录成功处理 */
-const onQrLoginSuccess = async (item: QrCodeStatusResponse) => {
-  // 设置token到localStorage或其他存储
-  localStorage.setItem('access_token', item.accessToken || '');
-  message.success('扫码登录成功');
-  if (item) {
-    localStorage.setItem('access_token', `${item.accessToken}`);
-    localStorage.setItem('TenantId', `${item.tenantId}`);
-    cleanPageTabs();
-    goHome();
-  }
-};
-
-/* 二维码登录错误处理 */
-const onQrLoginError = (error: string) => {
-  message.error(error || '扫码登录失败');
-};
-
-// const goBack = () => {
-//   openUrl(getDomain());
-//   return;
-// };
-
-const loginConnect = () => {
-  // getWxWorkQrConnect().then((result) => {
-  //   console.log(result);
-  //   qrConnect.value = result;
-  // });
-};
-
-/* 获取图形验证码 */
-const changeCaptcha = () => {
-  configWebsiteField({lang: locale.value}).then((data) => {
-    config.value = data;
-  });
-  // 这里演示的验证码是后端返回base64格式的形式, 如果后端地址直接是图片请参考忘记密码页面
-  getCaptcha()
-    .then((data) => {
-      captcha.value = data.base64;
-      // 实际项目后端一般会返回验证码的key而不是直接返回验证码的内容, 登录用key去验证, 你可以根据自己后端接口修改
-      text.value = data.text;
-      // 自动回填验证码, 实际项目去掉这个
-      // form.code = data.text;
-      // resetFields();
-    })
-    .catch((e) => {
-      message.error(e.message);
-    });
-};
-
-// 首次加载
-changeCaptcha();
-loginConnect();
-
-watch(
-  router.currentRoute,
-  (data) => {
-    if (data.query?.loginPhone) {
-      form.phone = `${data.query?.loginPhone}`;
+  const onScan = () => {
+    if (loginType.value == 'scan') {
+      loginType.value = 'sms';
     } else {
-      localStorage.clear();
+      loginType.value = 'scan';
     }
-  },
-  {immediate: true}
-);
+  };
+
+  /* 二维码登录成功处理 */
+  const onQrLoginSuccess = async (item: QrCodeStatusResponse) => {
+    // 设置token到localStorage或其他存储
+    localStorage.setItem('access_token', item.accessToken || '');
+    message.success('扫码登录成功');
+    if (item) {
+      localStorage.setItem('access_token', `${item.accessToken}`);
+      localStorage.setItem('TenantId', `${item.tenantId}`);
+      cleanPageTabs();
+      goHome();
+    }
+  };
+
+  /* 二维码登录错误处理 */
+  const onQrLoginError = (error: string) => {
+    message.error(error || '扫码登录失败');
+  };
+
+  // const goBack = () => {
+  //   openUrl(getDomain());
+  //   return;
+  // };
+
+  const loginConnect = () => {
+    // getWxWorkQrConnect().then((result) => {
+    //   console.log(result);
+    //   qrConnect.value = result;
+    // });
+  };
+
+  /* 获取图形验证码 */
+  const changeCaptcha = () => {
+    configWebsiteField({ lang: locale.value }).then((data) => {
+      config.value = data;
+    });
+    // 这里演示的验证码是后端返回base64格式的形式, 如果后端地址直接是图片请参考忘记密码页面
+    getCaptcha()
+      .then((data) => {
+        captcha.value = data.base64;
+        // 实际项目后端一般会返回验证码的key而不是直接返回验证码的内容, 登录用key去验证, 你可以根据自己后端接口修改
+        text.value = data.text;
+        // 自动回填验证码, 实际项目去掉这个
+        // form.code = data.text;
+        // resetFields();
+      })
+      .catch((e) => {
+        message.error(e.message);
+      });
+  };
+
+  // 首次加载
+  changeCaptcha();
+  loginConnect();
+
+  watch(
+    router.currentRoute,
+    (data) => {
+      if (data.query?.loginPhone) {
+        form.phone = `${data.query?.loginPhone}`;
+      } else {
+        localStorage.clear();
+      }
+    },
+    { immediate: true }
+  );
 </script>
 
 <style lang="less" scoped>
-/* 背景 */
-.login-wrapper {
-  padding: 48px 16px 0 16px;
-  position: relative;
-  box-sizing: border-box;
-  background-image: url('@/assets/bg-2.jpeg');
-  background-color: var(--grey-5);
-  background-repeat: no-repeat;
-  background-size: cover;
-  min-height: 100vh;
+  /* 背景 */
+  .login-wrapper {
+    padding: 48px 16px 0 16px;
+    position: relative;
+    box-sizing: border-box;
+    background-image: url('@/assets/bg-2.jpeg');
+    background-color: var(--grey-5);
+    background-repeat: no-repeat;
+    background-size: cover;
+    min-height: 100vh;
 
-  &:before {
-    content: '';
+    &:before {
+      content: '';
+      position: absolute;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      background: rgba(0, 0, 0, 0.2);
+    }
+  }
+
+  .company-name {
     position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    background: rgba(0, 0, 0, 0.2);
-  }
-}
-
-.company-name {
-  position: absolute;
-  top: 17%;
-  left: 50%;
-  transform: translateX(-50%);
-  font-size: 24px;
-  color: #ffffff;
-}
-
-/* 卡片 */
-.login-form {
-  width: 380px;
-  margin: 0 auto;
-  max-width: 100%;
-  padding: 0 28px;
-  box-sizing: border-box;
-  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
-  border-radius: 2px;
-  position: relative;
-  z-index: 2;
-
-  h4 {
-    padding: 22px 0;
-    text-align: center;
+    top: 17%;
+    left: 50%;
+    transform: translateX(-50%);
+    font-size: 24px;
+    color: #ffffff;
   }
 
-  .title-btn {
+  /* 卡片 */
+  .login-form {
+    width: 380px;
+    margin: 0 auto;
+    max-width: 100%;
+    padding: 0 28px;
+    box-sizing: border-box;
+    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
+    border-radius: 2px;
+    position: relative;
+    z-index: 2;
+
+    h4 {
+      padding: 22px 0;
+      text-align: center;
+    }
+
+    .title-btn {
+      cursor: pointer;
+    }
+
+    .login-title {
+      display: flex;
+      justify-content: space-around;
+      line-height: 50px;
+
+      .active {
+        color: #007dff;
+      }
+    }
+  }
+
+  .login-form-right .login-form {
+    margin: 0 15% 0 auto;
+  }
+
+  .login-form-left .login-form {
+    margin: 0 auto 0 15%;
+  }
+
+  /* 验证码 */
+  .login-input-group {
+    display: flex;
+    align-items: center;
+    background-repeat: no-repeat;
+
+    :deep(.ant-input-affix-wrapper) {
+      flex: 1;
+    }
+
+    .login-captcha {
+      width: 102px;
+      height: 40px;
+      margin-left: 10px;
+      padding: 0;
+
+      & > img {
+        width: 100%;
+        height: 100%;
+      }
+    }
+  }
+
+  /* 第三方登录图标 */
+  .login-oauth-icon {
+    color: #fff;
+    padding: 5px;
+    margin: 0 12px;
+    font-size: 18px;
+    border-radius: 50%;
     cursor: pointer;
   }
 
-  .login-title {
-    display: flex;
-    justify-content: space-around;
-    line-height: 50px;
-
-    .active {
-      color: #007dff;
-    }
-  }
-}
-
-.login-form-right .login-form {
-  margin: 0 15% 0 auto;
-}
-
-.login-form-left .login-form {
-  margin: 0 auto 0 15%;
-}
-
-/* 验证码 */
-.login-input-group {
-  display: flex;
-  align-items: center;
-  background-repeat: no-repeat;
-
-  :deep(.ant-input-affix-wrapper) {
-    flex: 1;
-  }
-
-  .login-captcha {
-    width: 102px;
-    height: 40px;
-    margin-left: 10px;
-    padding: 0;
-
-    & > img {
-      width: 100%;
-      height: 100%;
-    }
-  }
-}
-
-/* 第三方登录图标 */
-.login-oauth-icon {
-  color: #fff;
-  padding: 5px;
-  margin: 0 12px;
-  font-size: 18px;
-  border-radius: 50%;
-  cursor: pointer;
-}
-
-.work-icon {
-  width: 50px;
-  height: 50px;
-}
-
-/* 底部版权 */
-.login-copyright {
-  color: #eee;
-  text-align: center;
-  padding: 48px 0 22px 0;
-  position: relative;
-  z-index: 1;
-}
-
-/* 响应式 */
-@media screen and (min-height: 640px) {
-  .login-wrapper {
-    padding-top: 0;
-  }
-
-  .login-form {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translateX(-50%);
-    margin-top: -230px;
-  }
-
-  .login-form-right .login-form,
-  .login-form-left .login-form {
-    left: auto;
-    right: 15%;
-    transform: translateX(0);
-    margin: -230px auto auto auto;
-  }
-
-  .login-form-left .login-form {
-    right: auto;
-    left: 15%;
+  .work-icon {
+    width: 50px;
+    height: 50px;
   }
 
+  /* 底部版权 */
   .login-copyright {
+    color: #eee;
+    text-align: center;
+    padding: 48px 0 22px 0;
+    position: relative;
+    z-index: 1;
+  }
+
+  /* 响应式 */
+  @media screen and (min-height: 640px) {
+    .login-wrapper {
+      padding-top: 0;
+    }
+
+    .login-form {
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      transform: translateX(-50%);
+      margin-top: -230px;
+    }
+
+    .login-form-right .login-form,
+    .login-form-left .login-form {
+      left: auto;
+      right: 15%;
+      transform: translateX(0);
+      margin: -230px auto auto auto;
+    }
+
+    .login-form-left .login-form {
+      right: auto;
+      left: 15%;
+    }
+
+    .login-copyright {
+      position: absolute;
+      left: 0;
+      right: 0;
+      bottom: 0;
+    }
+  }
+
+  @media screen and (max-width: 768px) {
+    .login-form-right .login-form,
+    .login-form-left .login-form {
+      left: 50%;
+      right: auto;
+      margin-left: 0;
+      margin-right: auto;
+      transform: translateX(-50%);
+    }
+  }
+
+  .wwLogin_qrcode_head {
+    padding: 10px 0 40px 0 !important;
+  }
+
+  .logo-login {
     position: absolute;
-    left: 0;
-    right: 0;
-    bottom: 0;
+    top: 20px;
+    left: 20px;
+    display: flex;
+    align-items: center;
+    cursor: pointer;
+
+    img {
+      width: 28px;
+      height: 28px;
+      border-radius: 4px;
+    }
+
+    h4 {
+      margin-left: 6px;
+      color: #ffffff;
+      font-size: 20px;
+    }
   }
-}
-
-@media screen and (max-width: 768px) {
-  .login-form-right .login-form,
-  .login-form-left .login-form {
-    left: 50%;
-    right: auto;
-    margin-left: 0;
-    margin-right: auto;
-    transform: translateX(-50%);
-  }
-}
-
-.wwLogin_qrcode_head {
-  padding: 10px 0 40px 0 !important;
-}
-
-.logo-login {
-  position: absolute;
-  top: 20px;
-  left: 20px;
-  display: flex;
-  align-items: center;
-  cursor: pointer;
-
-  img {
-    width: 28px;
-    height: 28px;
-    border-radius: 4px;
-  }
-
-  h4 {
-    margin-left: 6px;
-    color: #ffffff;
-    font-size: 20px;
-  }
-}
 </style>
diff --git a/src/views/passport/register/index.vue b/src/views/passport/register/index.vue
index 6877f7a..dd1ca84 100644
--- a/src/views/passport/register/index.vue
+++ b/src/views/passport/register/index.vue
@@ -1,40 +1,65 @@
 <template>
   <div
-      :class="[
+    :class="[
       'login-wrapper',
       ['', 'login-form-right', 'login-form-left'][direction]
     ]"
-      :style="{
+    :style="{
       backgroundImage: 'url(' + config?.loginBgImg + ')'
     }"
   >
     <div class="logo-login" v-if="config?.siteName">
       <img
-          :src="
+        :src="
           config.sysLogo ||
           'https://oss.wsdns.cn/20240822/0252ad4ed46449cdafe12f8d3d96c2ea.svg'
         "
-          alt="登录页面LOGO"
-          class="logo"
+        alt="登录页面LOGO"
+        class="logo"
       />
       <h4>{{ config.siteName }}</h4>
     </div>
-    <div class="company-name" v-if="config?.loginTitle">{{
-        config?.loginTitle
-      }}
+    <div class="company-name" v-if="config?.loginTitle"
+      >{{ config?.loginTitle }}
     </div>
     <a-form
-        ref="formRef"
-        :model="form"
-        :rules="rules"
-        class="login-form ele-bg-white"
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      class="login-form ele-bg-white"
     >
       <div class="login-title flex justify-center items-center px-12">
-        <h4
-            class="title-btn"
-        >注册</h4
-        >
+        <h4 class="title-btn">创建应用</h4>
       </div>
+      <a-form-item name="companyName">
+        <div class="flex">
+          <a-input
+            allow-clear
+            size="large"
+            placeholder="租户名称"
+            v-model:value="form.companyName"
+          />
+          <!--            <a-button-->
+          <!--              class="ele-btn-icon"-->
+          <!--              size="large"-->
+          <!--              style="margin-left: 10px; width: 137px"-->
+          <!--              @click="openMapPicker"-->
+          <!--            >-->
+          <!--              <AimOutlined />选取-->
+          <!--            </a-button>-->
+        </div>
+      </a-form-item>
+      <a-form-item name="category">
+        <industry-select
+          v-model:value="form.category"
+          valueField="label"
+          allow-clear
+          size="large"
+          placeholder="所属行业"
+          class="ele-fluid"
+          @change="onIndustry"
+        />
+      </a-form-item>
       <template v-if="loginType === 'account'">
         <a-form-item name="phone">
           <a-input
@@ -67,80 +92,55 @@
             </a-button>
           </div>
         </a-form-item>
-        <a-form-item name="companyName">
-          <div class="flex">
-            <a-input
-              allow-clear
-              size="large"
-              placeholder="公众号|小程序名称"
-              v-model:value="form.companyName"
-            >
-            </a-input>
-            <a-button
-              class="ele-btn-icon"
-              size="large"
-              style="margin-left: 10px; width: 137px"
-              @click="openMapPicker"
-            >
-              <AimOutlined />选取
-            </a-button>
-          </div>
-        </a-form-item>
-<!--        <a-form-item name="companyName">-->
-<!--          <a-input-->
-<!--            allow-clear-->
-<!--            size="large"-->
-<!--            :maxlength="11"-->
-<!--            v-model:value="form.companyName"-->
-<!--            :placeholder="`请输入店铺名称`"-->
-<!--          />-->
-<!--        </a-form-item>-->
-<!--        <a-form-item name="email">-->
-<!--          <a-input-->
-<!--            allow-clear-->
-<!--            size="large"-->
-<!--            v-model:value="form.email"-->
-<!--            :placeholder="`(选填)请输入电子邮箱`"-->
-<!--          />-->
-<!--        </a-form-item>-->
-        <a-form-item name="category">
-          <industry-select
-            v-model:value="form.category"
-            valueField="label"
-            allow-clear
-            size="large"
-            placeholder="所属行业"
-            class="ele-fluid"
-            @change="onIndustry"
-          />
-        </a-form-item>
+        <!--        <a-form-item name="companyName">-->
+        <!--          <a-input-->
+        <!--            allow-clear-->
+        <!--            size="large"-->
+        <!--            :maxlength="11"-->
+        <!--            v-model:value="form.companyName"-->
+        <!--            :placeholder="`请输入店铺名称`"-->
+        <!--          />-->
+        <!--        </a-form-item>-->
+        <!--        <a-form-item name="email">-->
+        <!--          <a-input-->
+        <!--            allow-clear-->
+        <!--            size="large"-->
+        <!--            v-model:value="form.email"-->
+        <!--            :placeholder="`(选填)请输入电子邮箱`"-->
+        <!--          />-->
+        <!--        </a-form-item>-->
         <a-form-item>
           <a-checkbox v-model:checked="form.remember">
-            同意 <a href="https://website.websoft.top/xieyi/01.html" target="_blank">《服务协议及隐私政策》</a>
+            同意
+            <a href="https://website.websoft.top/xieyi/01.html" target="_blank"
+              >《服务协议及隐私政策》</a
+            >
           </a-checkbox>
         </a-form-item>
         <a-form-item>
           <a-button
-              block
-              size="large"
-              type="primary"
-              :disabled="!form.remember"
-              :loading="loading"
-              @click="submit"
+            block
+            size="large"
+            type="primary"
+            :disabled="!form.remember"
+            :loading="loading"
+            @click="submit"
           >
             注册
           </a-button>
-          <div class="register text-center pt-5"><a @click="push('/login')">已有账号，立即登录</a></div>
+          <div class="register text-center pt-5"
+            ><a @click="push('/login')">已有账号，立即登录</a></div
+          >
         </a-form-item>
       </template>
       <template v-if="loginType === 'sms'">
         <a-form-item name="phone">
           <a-input
-              allow-clear
-              size="large"
-              :maxlength="11"
-              v-model:value="form.phone"
-              :placeholder="`请输入手机号码`"
+            allow-clear
+            size="large"
+            :maxlength="11"
+            v-model:value="form.phone"
+            :placeholder="`请输入手机号码`"
           >
             <template #addonBefore> +86</template>
           </a-input>
@@ -148,17 +148,17 @@
         <a-form-item name="code">
           <div class="login-input-group">
             <a-input
-                placeholder="请输入验证码"
-                v-model:value="form.code"
-                size="large"
-                :maxlength="6"
-                allow-clear
-                @pressEnter="onLoginBySms"
+              placeholder="请输入验证码"
+              v-model:value="form.code"
+              size="large"
+              :maxlength="6"
+              allow-clear
+              @pressEnter="onLoginBySms"
             />
             <a-button
-                class="login-captcha"
-                :disabled="!!countdownTime"
-                @click="openImgCodeModal"
+              class="login-captcha"
+              :disabled="!!countdownTime"
+              @click="openImgCodeModal"
             >
               <span v-if="!countdownTime">发送验证码</span>
               <span v-else>已发送 {{ countdownTime }} s</span>
@@ -167,11 +167,11 @@
         </a-form-item>
         <a-form-item>
           <a-button
-              block
-              size="large"
-              type="primary"
-              :loading="loading"
-              @click="onLoginBySms"
+            block
+            size="large"
+            type="primary"
+            :loading="loading"
+            @click="onLoginBySms"
           >
             {{ loading ? t('login.loading') : t('login.login') }}
           </a-button>
@@ -186,30 +186,30 @@
     </div>
     <!-- 编辑弹窗 -->
     <a-modal
-        :width="340"
-        :footer="null"
-        title="发送验证码"
-        v-model:visible="visible"
+      :width="340"
+      :footer="null"
+      title="发送验证码"
+      v-model:visible="visible"
     >
       <div class="login-input-group" style="margin-bottom: 16px">
         <a-input
-            v-model:value="imgCode"
-            :maxlength="5"
-            size="large"
-            placeholder="请输入图形验证码"
-            allow-clear
-            @pressEnter="sendCode"
+          v-model:value="imgCode"
+          :maxlength="5"
+          size="large"
+          placeholder="请输入图形验证码"
+          allow-clear
+          @pressEnter="sendCode"
         />
         <a-button class="login-captcha">
-          <img alt="" :src="captcha" @click="changeCaptcha"/>
+          <img alt="" :src="captcha" @click="changeCaptcha" />
         </a-button>
       </div>
       <a-button
-          block
-          size="large"
-          type="primary"
-          :loading="codeLoading"
-          @click="sendCode"
+        block
+        size="large"
+        type="primary"
+        :loading="codeLoading"
+        @click="sendCode"
       >
         立即发送
       </a-button>
@@ -228,358 +228,356 @@
 </template>
 
 <script lang="ts" setup>
-import {ref, reactive, unref, watch} from 'vue';
-import {useI18n} from 'vue-i18n';
-import {useRouter} from 'vue-router';
-import {getTenantId} from '@/utils/domain';
-import {Form, message} from 'ant-design-vue';
-import { AimOutlined } from '@ant-design/icons-vue';
-import { storeToRefs } from 'pinia';
-import {goHomeRoute, cleanPageTabs} from '@/utils/page-tab-util';
-import {loginBySms, getCaptcha} from '@/api/passport/login';
-import { CenterPoint } from 'ele-admin-pro/es/ele-map-picker/types';
-import {TEMPLATE_ID, THEME_STORE_NAME} from '@/config/setting';
-import {sendSmsCaptcha} from '@/api/passport/login';
-import useFormData from '@/utils/use-form-data';
-import {FormInstance} from 'ant-design-vue/es/form';
-import {configWebsiteField} from '@/api/cms/cmsWebsiteField';
-import {Config} from '@/api/cms/cmsWebsiteField/model';
-import {phoneReg} from 'ele-admin-pro';
-import {push} from "@/utils/common";
-import {useThemeStore} from "@/store/modules/theme";
-import {CmsWebsite} from "@/api/cms/cmsWebsite/model";
-import {createCmsWebSite} from "@/api/layout";
+  import { ref, reactive, unref, watch } from 'vue';
+  import { useI18n } from 'vue-i18n';
+  import { useRouter } from 'vue-router';
+  import { getTenantId } from '@/utils/domain';
+  import { Form, message } from 'ant-design-vue';
+  import { AimOutlined } from '@ant-design/icons-vue';
+  import { storeToRefs } from 'pinia';
+  import { goHomeRoute, cleanPageTabs } from '@/utils/page-tab-util';
+  import { loginBySms, getCaptcha } from '@/api/passport/login';
+  import { CenterPoint } from 'ele-admin-pro/es/ele-map-picker/types';
+  import { TEMPLATE_ID, THEME_STORE_NAME } from '@/config/setting';
+  import { sendSmsCaptcha } from '@/api/passport/login';
+  import useFormData from '@/utils/use-form-data';
+  import { FormInstance } from 'ant-design-vue/es/form';
+  import { configWebsiteField } from '@/api/cms/cmsWebsiteField';
+  import { Config } from '@/api/cms/cmsWebsiteField/model';
+  import { phoneReg } from 'ele-admin-pro';
+  import { push } from '@/utils/common';
+  import { useThemeStore } from '@/store/modules/theme';
+  import { CmsWebsite } from '@/api/cms/cmsWebsite/model';
+  import { createCmsWebSite } from '@/api/layout';
 
-const useForm = Form.useForm;
-const {currentRoute} = useRouter();
-const {t} = useI18n();
-const { locale } = useI18n();
+  const useForm = Form.useForm;
+  const { currentRoute } = useRouter();
+  const { t } = useI18n();
+  const { locale } = useI18n();
 
-// 登录框方向, 0 居中, 1 居右, 2 居左
-const direction = ref(0);
-// 加载状态
-const loading = ref(false);
-// 是否显示tenantId填写输入框
-const showTenantId = ref(true);
-const loginType = ref('account');
-const config = ref<Config>();
-// 是否开启响应式布局
-const themeStore = useThemeStore();
-const { darkMode } = storeToRefs(themeStore);
+  // 登录框方向, 0 居中, 1 居右, 2 居左
+  const direction = ref(0);
+  // 加载状态
+  const loading = ref(false);
+  // 是否显示tenantId填写输入框
+  const showTenantId = ref(true);
+  const loginType = ref('account');
+  const config = ref<Config>();
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { darkMode } = storeToRefs(themeStore);
 
-// 配置信息
-const {form} = useFormData<CmsWebsite>({
-// 站点ID
-  websiteId: undefined,
-  // 网站名称
-  websiteName: undefined,
-  // 网站标识
-  websiteCode: undefined,
-  // 网站LOGO
-  websiteIcon: undefined,
-  // 网站LOGO
-  websiteLogo: undefined,
-  // 网站LOGO(深色模式)
-  websiteDarkLogo: undefined,
-  // 网站类型
-  websiteType: undefined,
-  // 网站关键词
-  keywords: undefined,
-  // 域名前缀
-  prefix: undefined,
-  // 绑定域名
-  domain: undefined,
-  // 全局样式
-  style: undefined,
-  // 后台管理地址
-  adminUrl: undefined,
-  // 应用版本 10标准版 20专业版 30永久授权
-  version: undefined,
-  // 服务到期时间
-  expirationTime: undefined,
-  // 模版ID
-  templateId: TEMPLATE_ID,
-  // 行业类型(父级)
-  industryParent: undefined,
-  // 行业类型(子级)
-  industryChild: undefined,
-  // 企业ID
-  companyId: undefined,
-  // 所在国家
-  country: undefined,
-  // 所在省份
-  province: undefined,
-  // 所在城市
-  city: undefined,
-  // 所在辖区
-  region: undefined,
-  // 经度
-  longitude: undefined,
-  // 纬度
-  latitude: undefined,
-  // 街道地址
-  address: undefined,
-  // 联系电话
-  phone: undefined,
-  // 电子邮箱
-  email: undefined,
-  // ICP备案号
-  icpNo: undefined,
-  // 公安备案
-  policeNo: undefined,
-  // 备注
-  comments: undefined,
-  // 是否推荐
-  recommend: undefined,
-  // 是否运行中
-  running: undefined,
-  // 状态 0未开通 1运行中 2维护中 3已关闭 4已欠费停机 5违规关停
-  status: undefined,
-  // 维护说明
-  statusText: undefined,
-  // 关闭说明
-  statusClose: undefined,
-  // 全局样式
-  styles: undefined,
-  // 语言
-  lang: undefined,
-  // 排序号
-  sortNumber: undefined,
-  // 用户ID
-  userId: undefined,
-  // 是否删除, 0否, 1是
-  deleted: undefined,
-  // 租户id
-  tenantId: undefined,
-  // 创建时间
-  createTime: undefined,
-  // 修改时间
-  updateTime: undefined,
-  // 网站配置
-  config: undefined,
-  // 短信验证码
-  smsCode: undefined,
-  // 短信验证码
-  code: undefined,
-  // 是否管理员
-  isSuperAdmin: true,
-  // 企业名称
-  companyName: undefined,
-});
-
-// 验证码 base64 数据
-const captcha = ref('');
-// 验证码内容, 实际项目去掉
-const text = ref('');
-// 是否显示图形验证码弹窗
-const visible = ref(false);
-// 图形验证码
-const imgCode = ref('');
-// 发送验证码按钮loading
-const codeLoading = ref(false);
-// 验证码倒计时时间
-const countdownTime = ref(0);
-// 验证码倒计时定时器
-let countdownTimer: number | null = null;
-// 是否显示地图选择弹窗
-const showMap = ref(false);
-
-// 表格选中数据
-const formRef = ref<FormInstance | null>(null);
-
-// 表单验证规则
-const rules = reactive({
-  companyName: [
-    {
-      required: true,
-      message: '请输入店铺名称',
-      type: 'string'
-    }
-  ],
-  category: [
-    {
-      required: true,
-      message: '请选择行业分类',
-      type: 'string'
-    }
-  ],
-  phone: [
-    {
-      pattern: phoneReg,
-      required: true,
-      type: 'string',
-      message: '手机号格式不正确',
-      trigger: 'blur'
-    }
-  ],
-  // address: [
-  //   {
-  //     required: true,
-  //     message: '请选择店铺位置',
-  //     type: 'string'
-  //   }
-  // ],
-  password: [
-    {
-      required: true,
-      message: t('login.password'),
-      type: 'string'
-    }
-  ],
-  code: [
-    {
-      required: true,
-      message: t('login.code'),
-      type: 'string'
-    }
-  ],
-  smsCode: [
-    {
-      required: true,
-      message: t('login.code'),
-      type: 'string'
-    }
-  ]
-});
-
-/* 显示发送短信验证码弹窗 */
-const openImgCodeModal = () => {
-  if (!form.phone) {
-    message.error('请输入手机号码');
-    return;
-  }
-  imgCode.value = '';
-  changeCaptcha();
-  visible.value = true;
-};
-
-/* 发送短信验证码 */
-const sendCode = () => {
-  if (!imgCode.value) {
-    message.error('请输入图形验证码');
-    return;
-  }
-  if (text.value !== imgCode.value.toLowerCase()) {
-    message.error('图形验证码不正确');
-    return;
-  }
-  codeLoading.value = true;
-  sendSmsCaptcha({phone: form.phone}).then(() => {
-    message.success('短信验证码发送成功, 请注意查收!');
-    visible.value = false;
-    codeLoading.value = false;
-    countdownTime.value = 30;
-    // 开始对按钮进行倒计时
-    countdownTimer = window.setInterval(() => {
-      if (countdownTime.value <= 1) {
-        countdownTimer && clearInterval(countdownTimer);
-        countdownTimer = null;
-      }
-      countdownTime.value--;
-    }, 1000);
+  // 配置信息
+  const { form } = useFormData<CmsWebsite>({
+    // 站点ID
+    websiteId: undefined,
+    // 网站名称
+    websiteName: undefined,
+    // 网站标识
+    websiteCode: undefined,
+    // 网站LOGO
+    websiteIcon: undefined,
+    // 网站LOGO
+    websiteLogo: undefined,
+    // 网站LOGO(深色模式)
+    websiteDarkLogo: undefined,
+    // 网站类型
+    websiteType: undefined,
+    // 网站关键词
+    keywords: undefined,
+    // 域名前缀
+    prefix: undefined,
+    // 绑定域名
+    domain: undefined,
+    // 全局样式
+    style: undefined,
+    // 后台管理地址
+    adminUrl: undefined,
+    // 应用版本 10标准版 20专业版 30永久授权
+    version: undefined,
+    // 服务到期时间
+    expirationTime: undefined,
+    // 模版ID
+    templateId: TEMPLATE_ID,
+    // 行业类型(父级)
+    industryParent: undefined,
+    // 行业类型(子级)
+    industryChild: undefined,
+    // 企业ID
+    companyId: undefined,
+    // 所在国家
+    country: undefined,
+    // 所在省份
+    province: undefined,
+    // 所在城市
+    city: undefined,
+    // 所在辖区
+    region: undefined,
+    // 经度
+    longitude: undefined,
+    // 纬度
+    latitude: undefined,
+    // 街道地址
+    address: undefined,
+    // 联系电话
+    phone: undefined,
+    // 电子邮箱
+    email: undefined,
+    // ICP备案号
+    icpNo: undefined,
+    // 公安备案
+    policeNo: undefined,
+    // 备注
+    comments: undefined,
+    // 是否推荐
+    recommend: undefined,
+    // 是否运行中
+    running: undefined,
+    // 状态 0未开通 1运行中 2维护中 3已关闭 4已欠费停机 5违规关停
+    status: undefined,
+    // 维护说明
+    statusText: undefined,
+    // 关闭说明
+    statusClose: undefined,
+    // 全局样式
+    styles: undefined,
+    // 语言
+    lang: undefined,
+    // 排序号
+    sortNumber: undefined,
+    // 用户ID
+    userId: undefined,
+    // 是否删除, 0否, 1是
+    deleted: undefined,
+    // 租户id
+    tenantId: undefined,
+    // 创建时间
+    createTime: undefined,
+    // 修改时间
+    updateTime: undefined,
+    // 网站配置
+    config: undefined,
+    // 短信验证码
+    smsCode: undefined,
+    // 短信验证码
+    code: undefined,
+    // 是否管理员
+    isSuperAdmin: true,
+    // 企业名称
+    companyName: undefined
   });
-};
 
-const {resetFields} = useForm(form, rules);
+  // 验证码 base64 数据
+  const captcha = ref('');
+  // 验证码内容, 实际项目去掉
+  const text = ref('');
+  // 是否显示图形验证码弹窗
+  const visible = ref(false);
+  // 图形验证码
+  const imgCode = ref('');
+  // 发送验证码按钮loading
+  const codeLoading = ref(false);
+  // 验证码倒计时时间
+  const countdownTime = ref(0);
+  // 验证码倒计时定时器
+  let countdownTimer: number | null = null;
+  // 是否显示地图选择弹窗
+  const showMap = ref(false);
 
-const goHome = () => {
-  const {query} = unref(currentRoute);
-  goHomeRoute(query.from as string);
-  localStorage.removeItem(THEME_STORE_NAME);
-};
+  // 表格选中数据
+  const formRef = ref<FormInstance | null>(null);
 
-const onIndustry = (item: any) => {
-  form.industryParent = item[0];
-  form.industryChild = item[1];
-  form.category = `${item[0]}/${item[1]}`;
-};
+  // 表单验证规则
+  const rules = reactive({
+    companyName: [
+      {
+        required: true,
+        message: '请输入品牌名称',
+        type: 'string'
+      }
+    ],
+    category: [
+      {
+        required: true,
+        message: '请选择行业分类',
+        type: 'string'
+      }
+    ],
+    phone: [
+      {
+        pattern: phoneReg,
+        required: true,
+        type: 'string',
+        message: '手机号格式不正确',
+        trigger: 'blur'
+      }
+    ],
+    // address: [
+    //   {
+    //     required: true,
+    //     message: '请选择店铺位置',
+    //     type: 'string'
+    //   }
+    // ],
+    password: [
+      {
+        required: true,
+        message: t('login.password'),
+        type: 'string'
+      }
+    ],
+    code: [
+      {
+        required: true,
+        message: t('login.code'),
+        type: 'string'
+      }
+    ],
+    smsCode: [
+      {
+        required: true,
+        message: t('login.code'),
+        type: 'string'
+      }
+    ]
+  });
 
-/* 打开位置选择 */
-const openMapPicker = () => {
-  showMap.value = true;
-};
+  /* 显示发送短信验证码弹窗 */
+  const openImgCodeModal = () => {
+    if (!form.phone) {
+      message.error('请输入手机号码');
+      return;
+    }
+    imgCode.value = '';
+    changeCaptcha();
+    visible.value = true;
+  };
 
-/* 地图选择后回调 */
-const onDone = (location: CenterPoint) => {
-  if (location) {
-    console.log(location);
-    form.companyName = `${location.name}`;
-    form.province = `${location.city?.province}`;
-    form.city = `${location.city?.city}`;
-    form.region = `${location.city?.district}`;
-    form.address = `${location.address}`;
-    form.longitude = `${location.lng}`;
-    form.latitude = `${location.lat}`;
-  }
-  showMap.value = false;
-};
+  /* 发送短信验证码 */
+  const sendCode = () => {
+    if (!imgCode.value) {
+      message.error('请输入图形验证码');
+      return;
+    }
+    if (text.value !== imgCode.value.toLowerCase()) {
+      message.error('图形验证码不正确');
+      return;
+    }
+    codeLoading.value = true;
+    sendSmsCaptcha({ phone: form.phone }).then(() => {
+      message.success('短信验证码发送成功, 请注意查收!');
+      visible.value = false;
+      codeLoading.value = false;
+      countdownTime.value = 30;
+      // 开始对按钮进行倒计时
+      countdownTimer = window.setInterval(() => {
+        if (countdownTime.value <= 1) {
+          countdownTimer && clearInterval(countdownTimer);
+          countdownTimer = null;
+        }
+        countdownTime.value--;
+      }, 1000);
+    });
+  };
 
-const onLoginBySms = () => {
-  if (!formRef.value) {
-    return;
-  }
-  formRef.value
+  const { resetFields } = useForm(form, rules);
+
+  const goHome = () => {
+    const { query } = unref(currentRoute);
+    goHomeRoute(query.from as string);
+    localStorage.removeItem(THEME_STORE_NAME);
+  };
+
+  const onIndustry = (item: any) => {
+    form.industryParent = item[0];
+    form.industryChild = item[1];
+    form.category = `${item[0]}/${item[1]}`;
+  };
+
+  /* 打开位置选择 */
+  const openMapPicker = () => {
+    showMap.value = true;
+  };
+
+  /* 地图选择后回调 */
+  const onDone = (location: CenterPoint) => {
+    if (location) {
+      console.log(location);
+      form.companyName = `${location.name}`;
+      form.province = `${location.city?.province}`;
+      form.city = `${location.city?.city}`;
+      form.region = `${location.city?.district}`;
+      form.address = `${location.address}`;
+      form.longitude = `${location.lng}`;
+      form.latitude = `${location.lat}`;
+    }
+    showMap.value = false;
+  };
+
+  const onLoginBySms = () => {
+    if (!formRef.value) {
+      return;
+    }
+    formRef.value
       .validate()
       .then(() => {
         loading.value = true;
         form.code = form.smsCode?.toLowerCase();
         loginBySms(form)
-            .then((msg) => {
-              message.success(msg);
-              loading.value = false;
-              resetFields();
-              cleanPageTabs();
-              goHome();
-            })
-            .catch((e: Error) => {
-              message.error(e.message);
-              loading.value = false;
-            });
+          .then((msg) => {
+            message.success(msg);
+            loading.value = false;
+            resetFields();
+            cleanPageTabs();
+            goHome();
+          })
+          .catch((e: Error) => {
+            message.error(e.message);
+            loading.value = false;
+          });
       })
-      .catch(() => {
-      });
-};
+      .catch(() => {});
+  };
 
-/* 保存编辑 */
-const submit = () => {
-  if (!formRef.value) {
-    return;
-  }
-  formRef.value
+  /* 保存编辑 */
+  const submit = () => {
+    if (!formRef.value) {
+      return;
+    }
+    formRef.value
       .validate()
       .then(() => {
         loading.value = true;
 
         // 普通注册流程
         createCmsWebSite(form)
-            .then(async (msg) => {
-              setTimeout(() => {
-                // 登录成功
-                message.success(msg);
-                loading.value = false;
-                resetFields();
-                cleanPageTabs();
-                goHome();
-              }, 2000)
-            })
-            .catch(() => {
-              message.error('该手机号码已经被注册');
+          .then(async (msg) => {
+            setTimeout(() => {
+              // 登录成功
+              message.success(msg);
               loading.value = false;
-            });
+              resetFields();
+              cleanPageTabs();
+              goHome();
+            }, 2000);
+          })
+          .catch((err) => {
+            message.error(err.message);
+            loading.value = false;
+          });
       })
-      .catch(() => {
-      });
-};
+      .catch(() => {});
+  };
 
-/* 获取图形验证码 */
-const changeCaptcha = () => {
-  configWebsiteField({
-    lang: locale.value
-  }).then((data) => {
-    config.value = data;
-  });
-  // 这里演示的验证码是后端返回base64格式的形式, 如果后端地址直接是图片请参考忘记密码页面
-  getCaptcha()
+  /* 获取图形验证码 */
+  const changeCaptcha = () => {
+    configWebsiteField({
+      lang: locale.value
+    }).then((data) => {
+      config.value = data;
+    });
+    // 这里演示的验证码是后端返回base64格式的形式, 如果后端地址直接是图片请参考忘记密码页面
+    getCaptcha()
       .then((data) => {
         captcha.value = data.base64;
         // 实际项目后端一般会返回验证码的key而不是直接返回验证码的内容, 登录用key去验证, 你可以根据自己后端接口修改
@@ -591,12 +589,12 @@ const changeCaptcha = () => {
       .catch((e) => {
         message.error(e.message);
       });
-};
+  };
 
-// 首次加载
-changeCaptcha();
+  // 首次加载
+  changeCaptcha();
 
-watch(
+  watch(
     currentRoute,
     () => {
       // 解析二级域名获取租户ID
@@ -611,197 +609,197 @@ watch(
         showTenantId.value = false;
       }
     },
-    {immediate: true}
-);
+    { immediate: true }
+  );
 </script>
 
 <style lang="less" scoped>
-/* 背景 */
-.login-wrapper {
-  padding: 48px 16px 0 16px;
-  position: relative;
-  box-sizing: border-box;
-  background-image: url('@/assets/bg-2.jpeg');
-  background-color: var(--grey-5);
-  background-repeat: no-repeat;
-  background-size: cover;
-  min-height: 100vh;
+  /* 背景 */
+  .login-wrapper {
+    padding: 48px 16px 0 16px;
+    position: relative;
+    box-sizing: border-box;
+    background-image: url('@/assets/bg-2.jpeg');
+    background-color: var(--grey-5);
+    background-repeat: no-repeat;
+    background-size: cover;
+    min-height: 100vh;
 
-  &:before {
-    content: '';
+    &:before {
+      content: '';
+      position: absolute;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      background: rgba(0, 0, 0, 0.2);
+    }
+  }
+
+  .company-name {
     position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    background: rgba(0, 0, 0, 0.2);
-  }
-}
-
-.company-name {
-  position: absolute;
-  top: 17%;
-  left: 50%;
-  transform: translateX(-50%);
-  font-size: 24px;
-  color: #ffffff;
-}
-
-/* 卡片 */
-.login-form {
-  width: 450px;
-  margin: 0 auto;
-  max-width: 100%;
-  padding: 0 28px;
-  box-sizing: border-box;
-  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
-  border-radius: 2px;
-  position: relative;
-  z-index: 2;
-
-  h4 {
-    padding: 22px 0;
-    text-align: center;
+    top: 17%;
+    left: 50%;
+    transform: translateX(-50%);
+    font-size: 24px;
+    color: #ffffff;
   }
 
-  .title-btn {
+  /* 卡片 */
+  .login-form {
+    width: 450px;
+    margin: 0 auto;
+    max-width: 100%;
+    padding: 0 28px;
+    box-sizing: border-box;
+    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
+    border-radius: 2px;
+    position: relative;
+    z-index: 2;
+
+    h4 {
+      padding: 22px 0;
+      text-align: center;
+    }
+
+    .title-btn {
+      cursor: pointer;
+    }
+
+    .login-title {
+      display: flex;
+      justify-content: space-around;
+      line-height: 50px;
+
+      .active {
+        color: #007dff;
+      }
+    }
+  }
+
+  .login-form-right .login-form {
+    margin: 0 15% 0 auto;
+  }
+
+  .login-form-left .login-form {
+    margin: 0 auto 0 15%;
+  }
+
+  /* 验证码 */
+  .login-input-group {
+    display: flex;
+    align-items: center;
+    background-repeat: no-repeat;
+
+    :deep(.ant-input-affix-wrapper) {
+      flex: 1;
+    }
+
+    .login-captcha {
+      width: 102px;
+      height: 40px;
+      margin-left: 10px;
+      padding: 0;
+
+      & > img {
+        width: 100%;
+        height: 100%;
+      }
+    }
+  }
+
+  /* 第三方登录图标 */
+  .login-oauth-icon {
+    color: #fff;
+    padding: 5px;
+    margin: 0 12px;
+    font-size: 18px;
+    border-radius: 50%;
     cursor: pointer;
   }
 
-  .login-title {
-    display: flex;
-    justify-content: space-around;
-    line-height: 50px;
-
-    .active {
-      color: #007dff;
-    }
-  }
-}
-
-.login-form-right .login-form {
-  margin: 0 15% 0 auto;
-}
-
-.login-form-left .login-form {
-  margin: 0 auto 0 15%;
-}
-
-/* 验证码 */
-.login-input-group {
-  display: flex;
-  align-items: center;
-  background-repeat: no-repeat;
-
-  :deep(.ant-input-affix-wrapper) {
-    flex: 1;
-  }
-
-  .login-captcha {
-    width: 102px;
-    height: 40px;
-    margin-left: 10px;
-    padding: 0;
-
-    & > img {
-      width: 100%;
-      height: 100%;
-    }
-  }
-}
-
-/* 第三方登录图标 */
-.login-oauth-icon {
-  color: #fff;
-  padding: 5px;
-  margin: 0 12px;
-  font-size: 18px;
-  border-radius: 50%;
-  cursor: pointer;
-}
-
-.work-icon {
-  width: 50px;
-  height: 50px;
-}
-
-/* 底部版权 */
-.login-copyright {
-  color: #eee;
-  text-align: center;
-  padding: 48px 0 22px 0;
-  position: relative;
-  z-index: 1;
-}
-
-/* 响应式 */
-@media screen and (min-height: 640px) {
-  .login-wrapper {
-    padding-top: 0;
-  }
-
-  .login-form {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translateX(-50%);
-    margin-top: -230px;
-  }
-
-  .login-form-right .login-form,
-  .login-form-left .login-form {
-    left: auto;
-    right: 15%;
-    transform: translateX(0);
-    margin: -230px auto auto auto;
-  }
-
-  .login-form-left .login-form {
-    right: auto;
-    left: 15%;
+  .work-icon {
+    width: 50px;
+    height: 50px;
   }
 
+  /* 底部版权 */
   .login-copyright {
+    color: #eee;
+    text-align: center;
+    padding: 48px 0 22px 0;
+    position: relative;
+    z-index: 1;
+  }
+
+  /* 响应式 */
+  @media screen and (min-height: 640px) {
+    .login-wrapper {
+      padding-top: 0;
+    }
+
+    .login-form {
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      transform: translateX(-50%);
+      margin-top: -230px;
+    }
+
+    .login-form-right .login-form,
+    .login-form-left .login-form {
+      left: auto;
+      right: 15%;
+      transform: translateX(0);
+      margin: -230px auto auto auto;
+    }
+
+    .login-form-left .login-form {
+      right: auto;
+      left: 15%;
+    }
+
+    .login-copyright {
+      position: absolute;
+      left: 0;
+      right: 0;
+      bottom: 0;
+    }
+  }
+
+  @media screen and (max-width: 768px) {
+    .login-form-right .login-form,
+    .login-form-left .login-form {
+      left: 50%;
+      right: auto;
+      margin-left: 0;
+      margin-right: auto;
+      transform: translateX(-50%);
+    }
+  }
+
+  .wwLogin_qrcode_head {
+    padding: 10px 0 40px 0 !important;
+  }
+
+  .logo-login {
     position: absolute;
-    left: 0;
-    right: 0;
-    bottom: 0;
+    top: 20px;
+    left: 20px;
+    display: flex;
+    align-items: center;
+    cursor: pointer;
+
+    img {
+      width: 28px;
+      height: 28px;
+      border-radius: 4px;
+    }
+
+    h4 {
+      margin-left: 6px;
+      color: #ffffff;
+      font-size: 20px;
+    }
   }
-}
-
-@media screen and (max-width: 768px) {
-  .login-form-right .login-form,
-  .login-form-left .login-form {
-    left: 50%;
-    right: auto;
-    margin-left: 0;
-    margin-right: auto;
-    transform: translateX(-50%);
-  }
-}
-
-.wwLogin_qrcode_head {
-  padding: 10px 0 40px 0 !important;
-}
-
-.logo-login {
-  position: absolute;
-  top: 20px;
-  left: 20px;
-  display: flex;
-  align-items: center;
-  cursor: pointer;
-
-  img {
-    width: 28px;
-    height: 28px;
-    border-radius: 4px;
-  }
-
-  h4 {
-    margin-left: 6px;
-    color: #ffffff;
-    font-size: 20px;
-  }
-}
 </style>
diff --git a/src/views/sdy/shopDealerApply/components/search.vue b/src/views/sdy/shopDealerApply/components/search.vue
new file mode 100644
index 0000000..11d042a
--- /dev/null
+++ b/src/views/sdy/shopDealerApply/components/search.vue
@@ -0,0 +1,159 @@
+<!-- 搜索表单 -->
+<template>
+  <div class="search-container">
+    <!-- 搜索表单 -->
+    <a-form
+      :model="searchForm"
+      layout="inline"
+      class="search-form"
+      @finish="handleSearch"
+    >
+      <a-form-item label="客户名称">
+        <a-input
+          v-model:value="searchForm.dealerName"
+          placeholder="请输入客户名称"
+          allow-clear
+          style="width: 160px"
+        />
+      </a-form-item>
+
+      <a-form-item label="联系电话">
+        <a-input
+          v-model:value="searchForm.mobile"
+          placeholder="客户联系电话"
+          allow-clear
+          style="width: 160px"
+        />
+      </a-form-item>
+
+      <a-form-item label="审核状态">
+        <a-select
+          v-model:value="searchForm.applyStatus"
+          placeholder="全部状态"
+          allow-clear
+          style="width: 120px"
+        >
+          <a-select-option :value="10">跟进中</a-select-option>
+          <a-select-option :value="20">已签约</a-select-option>
+          <a-select-option :value="30">已取消</a-select-option>
+        </a-select>
+      </a-form-item>
+
+      <a-form-item label="添加时间">
+        <a-range-picker
+          v-model:value="searchForm.dateRange"
+          style="width: 240px"
+        />
+      </a-form-item>
+
+      <a-form-item>
+        <a-space>
+          <a-button type="primary" html-type="submit" class="ele-btn-icon">
+            <template #icon>
+              <SearchOutlined />
+            </template>
+            搜索
+          </a-button>
+          <a-button @click="resetSearch">
+            重置
+          </a-button>
+        </a-space>
+      </a-form-item>
+    </a-form>
+  </div>
+</template>
+
+<script lang="ts" setup>
+  import { reactive } from 'vue';
+  import {
+    SearchOutlined
+  } from '@ant-design/icons-vue';
+  import type { ShopDealerApplyParam } from '@/api/shop/shopDealerApply/model';
+  import dayjs from 'dayjs';
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的数据
+      selection?: any[];
+    }>(),
+    {
+      selection: () => []
+    }
+  );
+
+  const emit = defineEmits<{
+    (e: 'search', where?: ShopDealerApplyParam): void;
+    (e: 'add'): void;
+    (e: 'batchApprove'): void;
+    (e: 'export'): void;
+  }>();
+
+  // 搜索表单
+  const searchForm = reactive<any>({
+    realName: '',
+    mobile: '',
+    applyType: undefined,
+    applyStatus: undefined,
+    dateRange: undefined
+  });
+
+  // 搜索
+  const handleSearch = () => {
+    const searchParams: ShopDealerApplyParam = {};
+
+    if (searchForm.realName) {
+      searchParams.realName = searchForm.realName;
+    }
+    if (searchForm.mobile) {
+      searchParams.mobile = searchForm.mobile;
+    }
+    if (searchForm.applyType) {
+      searchParams.applyType = searchForm.applyType;
+    }
+    if (searchForm.applyStatus) {
+      searchParams.applyStatus = searchForm.applyStatus;
+    }
+    if (searchForm.dateRange && searchForm.dateRange.length === 2) {
+      searchParams.startTime = dayjs(searchForm.dateRange[0]).format('YYYY-MM-DD');
+      searchParams.endTime = dayjs(searchForm.dateRange[1]).format('YYYY-MM-DD');
+    }
+    if(searchForm.dealerName){
+      searchParams.dealerName = searchForm.dealerName;
+    }
+
+    emit('search', searchParams);
+  };
+
+  // 重置搜索
+  const resetSearch = () => {
+    searchForm.realName = '';
+    searchForm.mobile = '';
+    searchForm.applyType = undefined;
+    searchForm.applyStatus = undefined;
+    searchForm.dateRange = undefined;
+    emit('search', {});
+  };
+
+</script>
+
+<style lang="less" scoped>
+.search-container {
+  background: #fff;
+  padding: 16px;
+  border-radius: 6px;
+  margin-bottom: 16px;
+
+  .search-form {
+    margin-bottom: 16px;
+
+    :deep(.ant-form-item) {
+      margin-bottom: 8px;
+    }
+  }
+
+  .action-buttons {
+    border-top: 1px solid #f0f0f0;
+    padding-top: 16px;
+  }
+}
+</style>
diff --git a/src/views/sdy/shopDealerApply/components/shopDealerApplyEdit.vue b/src/views/sdy/shopDealerApply/components/shopDealerApplyEdit.vue
new file mode 100644
index 0000000..c57394b
--- /dev/null
+++ b/src/views/sdy/shopDealerApply/components/shopDealerApplyEdit.vue
@@ -0,0 +1,595 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="900"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑客户' : '新增客户'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="{ span: 6 }"
+      :wrapper-col="{ span: 18 }"
+    >
+
+      <!-- 客户信息 -->
+      <a-divider orientation="left">
+        <span style="color: #1890ff; font-weight: 600;">客户信息</span>
+      </a-divider>
+
+      <a-row :gutter="16">
+        <a-col :span="12">
+          <a-form-item label="客户名称" name="dealerName">
+            <a-input
+              placeholder="请输入客户名称"
+              v-model:value="form.dealerName"
+              :disabled="form.applyStatus == 20"
+            />
+          </a-form-item>
+        </a-col>
+        <a-col :span="12">
+          <a-form-item label="联系人" name="realName">
+            <a-input
+              placeholder="请输入联系人"
+              v-model:value="form.realName"
+              :disabled="form.applyStatus == 20"
+            />
+          </a-form-item>
+        </a-col>
+        <a-col :span="12">
+          <a-form-item label="手机号码" name="mobile">
+            <a-input
+              placeholder="请输入手机号码"
+              :disabled="form.applyStatus == 20"
+              v-model:value="form.mobile"
+            />
+          </a-form-item>
+        </a-col>
+        <a-col :span="12">
+          <a-form-item label="收益基数" name="rate">
+            <a-input-number
+              placeholder="0.007"
+              :min="0"
+              :max="1"
+              step="0.01"
+              :disabled="!hasRole('superAdmin')"
+              v-model:value="form.rate"
+            />
+          </a-form-item>
+        </a-col>
+      </a-row>
+
+      <!-- 报备人信息 -->
+      <a-divider orientation="left">
+        <span style="color: #1890ff; font-weight: 600;">报备人信息</span>
+      </a-divider>
+
+      <a-row :gutter="16">
+        <a-col :span="12">
+          <a-form-item label="报备人ID" name="userId">
+            <a-input-number
+              :min="1"
+              placeholder="请输入报备人ID"
+              :disabled="isUpdate"
+              v-model:value="form.userId"
+              style="width: 100%"
+            />
+          </a-form-item>
+        </a-col>
+        <a-col :span="12">
+          <a-form-item label="报备人" name="nickName">
+            <a-input-number
+              :min="1"
+              placeholder="请输入报备人名称"
+              :disabled="isUpdate"
+              v-model:value="form.nickName"
+              style="width: 100%"
+            />
+          </a-form-item>
+        </a-col>
+        <a-col :span="12">
+          <a-form-item label="推荐人ID" name="refereeId">
+            <a-input-number
+              :min="1"
+              placeholder="请输入推荐人用户ID"
+              :disabled="isUpdate"
+              v-model:value="form.refereeId"
+              style="width: 100%"
+            />
+          </a-form-item>
+        </a-col>
+        <a-col :span="12">
+          <a-form-item label="推荐人名称" name="refereeName">
+            <a-input-number
+              :min="1"
+              placeholder="请输入推荐人名称"
+              :disabled="isUpdate"
+              v-model:value="form.refereeName"
+              style="width: 100%"
+            />
+          </a-form-item>
+        </a-col>
+      </a-row>
+
+      <!-- 审核信息 -->
+      <a-divider orientation="left">
+        <span style="color: #1890ff; font-weight: 600;">审核状态</span>
+      </a-divider>
+
+      <a-row :gutter="16">
+        <a-col :span="12">
+          <a-form-item label="审核状态" name="applyStatus">
+            <a-select v-model:value="form.applyStatus" placeholder="请选择审核状态" @change="handleStatusChange">
+              <a-select-option :value="10">
+                <a-tag color="orange">跟进中</a-tag>
+                <span style="margin-left: 8px;">正在跟进中</span>
+              </a-select-option>
+              <a-select-option :value="20">
+                <a-tag color="success">已签约</a-tag>
+                <span style="margin-left: 8px;">客户已签约</span>
+              </a-select-option>
+              <a-select-option :value="30">
+                <a-tag color="error">已取消</a-tag>
+                <span style="margin-left: 8px;">客户已取消</span>
+              </a-select-option>
+            </a-select>
+          </a-form-item>
+        </a-col>
+        <a-col :span="12" v-if="form.applyStatus === 30">
+          <a-form-item label="取消原因" name="rejectReason">
+            <a-textarea
+              v-model:value="form.rejectReason"
+              placeholder="请输入取消原因"
+              style="width: 100%"
+              :rows="3"
+              :maxlength="200"
+              show-count
+            />
+          </a-form-item>
+        </a-col>
+      </a-row>
+
+      <!-- 跟进情况 -->
+      <a-divider orientation="left" v-if="form.applyStatus == 10">
+        <span style="color: #1890ff; font-weight: 600;">跟进情况</span>
+      </a-divider>
+
+      <!-- 历史跟进记录 -->
+      <div v-if="form.applyStatus == 10 && historyRecords.length > 0">
+        <a-divider orientation="left" style="font-size: 14px; color: #666;">
+          历史跟进记录
+        </a-divider>
+        <div v-for="(record, index) in historyRecords" :key="record.id" style="margin-bottom: 16px; padding: 12px; background-color: #f5f5f5; border-radius: 4px;">
+          <div class="flex justify-between" style="font-weight: 500; margin-bottom: 8px;">
+            <div>跟进 #{{ historyRecords.length - index }} <span class="text-gray-400 px-4">{{ record.createTime }}</span></div>
+            <a-tag color="#f50" class="cursor-pointer" @click="remove(record)">删除</a-tag>
+          </div>
+          <div style="white-space: pre-wrap;">
+            {{ record.content }}
+          </div>
+        </div>
+      </div>
+
+      <!-- 新增跟进记录 -->
+      <div v-if="form.applyStatus == 10">
+        <a-divider orientation="left" style="font-size: 14px; color: #666;">
+          新增跟进记录
+        </a-divider>
+        <a-form-item :wrapper-col="{ span: 24 }">
+          <div class="flex flex-col gap-2">
+            <a-textarea
+              v-model:value="newFollowUpContent"
+              placeholder="请输入本次跟进内容"
+              :rows="4"
+              :maxlength="500"
+              style="width: 80%"
+              show-count
+            />
+            <div class="btn">
+              <a-button
+                type="primary"
+                @click="saveFollowUpRecord"
+                :loading="followUpLoading"
+                :disabled="!newFollowUpContent.trim()"
+              >
+                保存跟进记录
+              </a-button>
+            </div>
+          </div>
+        </a-form-item>
+      </div>
+
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, watch } from 'vue';
+  import { Form, message } from 'ant-design-vue';
+  import dayjs from 'dayjs';
+  import { assignObject } from 'ele-admin-pro';
+  import { addShopDealerApply, updateShopDealerApply } from '@/api/shop/shopDealerApply';
+  import {listShopDealerRecord, addShopDealerRecord, removeShopDealerRecord} from '@/api/shop/shopDealerRecord';
+  import { ShopDealerApply } from '@/api/shop/shopDealerApply/model';
+  import { ShopDealerRecord } from '@/api/shop/shopDealerRecord/model';
+  import { FormInstance, RuleObject } from 'ant-design-vue/es/form';
+  import { messageLoading } from 'ele-admin-pro';
+  import {hasRole} from "@/utils/permission";
+
+  // 是否是修改
+  const isUpdate = ref(false);
+  const useForm = Form.useForm;
+
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: ShopDealerApply | null;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  // 提交状态
+  const loading = ref(false);
+  // 跟进记录保存状态
+  const followUpLoading = ref(false);
+  // 是否显示最大化切换按钮
+  const maxable = ref(true);
+  // 表格选中数据
+  const formRef = ref<FormInstance | null>(null);
+
+  // 历史跟进记录
+  const historyRecords = ref<ShopDealerRecord[]>([]);
+
+  // 新的跟进内容
+  const newFollowUpContent = ref('');
+
+  // 表单数据
+  const form = reactive<ShopDealerApply>({
+    applyId: undefined,
+    userId: undefined,
+    nickName: undefined,
+    realName: '',
+    mobile: '',
+    dealerName: '',
+    rate: 0.007,
+    refereeId: undefined,
+    refereeName: undefined,
+    applyType: 10,
+    applyTime: undefined,
+    applyStatus: 10,
+    auditTime: undefined,
+    rejectReason: '',
+    tenantId: undefined,
+    createTime: undefined,
+    updateTime: undefined
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    userId: [
+      {
+        required: true,
+        message: '请输入用户ID',
+        trigger: 'blur'
+      } as RuleObject
+    ],
+    realName: [
+      {
+        required: true,
+        message: '请输入客户名称',
+        trigger: 'blur'
+      } as RuleObject,
+      {
+        min: 2,
+        max: 20,
+        message: '姓名长度应在2-20个字符之间',
+        trigger: 'blur'
+      } as RuleObject
+    ],
+    rate: [
+      {
+        required: true,
+        message: '请输入收益基数',
+        trigger: 'blur'
+      } as RuleObject
+    ],
+    mobile: [
+      {
+        required: true,
+        message: '请输入手机号码',
+        trigger: 'blur'
+      } as RuleObject,
+      {
+        pattern: /^1[3-9]\d{9}$/,
+        message: '请输入正确的手机号码',
+        trigger: 'blur'
+      } as RuleObject
+    ],
+    applyType: [
+      {
+        required: true,
+        message: '请选择申请方式',
+        trigger: 'change'
+      } as RuleObject
+    ],
+    applyStatus: [
+      {
+        required: true,
+        message: '请选择审核状态',
+        trigger: 'change'
+      } as RuleObject
+    ],
+    rejectReason: [
+      {
+        required: true,
+        message: '驳回时必须填写驳回原因',
+        trigger: 'blur'
+      } as RuleObject
+    ],
+    auditTime: [
+      {
+        required: true,
+        message: '审核时请选择审核时间',
+        trigger: 'change'
+      } as RuleObject
+    ]
+  });
+
+  /* 获取历史跟进记录 */
+  const fetchHistoryRecords = async (dealerId: number) => {
+    try {
+      // 先通过list接口获取所有记录，然后过滤
+      const allRecords = await listShopDealerRecord({});
+      const records = allRecords.filter(record => record.dealerId === dealerId);
+
+      // 按创建时间倒序排列（最新的在前面）
+      historyRecords.value = records.sort((a, b) => {
+        if (a.createTime && b.createTime) {
+          return new Date(b.createTime).getTime() - new Date(a.createTime).getTime();
+        }
+        return 0;
+      });
+    } catch (error) {
+      console.error('获取历史跟进记录失败:', error);
+      message.error('获取历史跟进记录失败');
+      historyRecords.value = [];
+    }
+  };
+
+  /* 保存新的跟进记录 */
+  const saveFollowUpRecord = async () => {
+    // 检查是否有客户ID
+    if (!form.applyId) {
+      message.warning('请先保存客户信息');
+      return;
+    }
+
+    // 检查是否有跟进内容
+    if (!newFollowUpContent.value.trim()) {
+      message.warning('请输入跟进内容');
+      return;
+    }
+
+    try {
+      followUpLoading.value = true;
+      const recordData: any = {
+        content: newFollowUpContent.value.trim(),
+        dealerId: form.applyId,
+        userId: form.userId,
+        status: 1, // 默认设置为已完成
+        sortNumber: 100
+      };
+
+      // 新增逻辑
+      await addShopDealerRecord(recordData);
+      message.success('跟进记录保存成功');
+      // 保存最后跟进内容到主表
+      await updateShopDealerApply({
+        ...form,
+        comments: newFollowUpContent.value.trim()
+      })
+
+      // 清空输入框
+      newFollowUpContent.value = '';
+
+      // 重新加载历史记录
+      await fetchHistoryRecords(form.applyId);
+    } catch (error) {
+      console.error('保存跟进记录失败:', error);
+      message.error('保存跟进记录失败');
+    } finally {
+      followUpLoading.value = false;
+    }
+  };
+
+  const { resetFields } = useForm(form, rules);
+
+  /* 处理审核状态变化 */
+  const handleStatusChange = (value: number) => {
+    // 当状态改为审核通过或驳回时，自动设置审核时间为当前时间
+    if ((value === 20 || value === 30) && !form.auditTime) {
+      form.auditTime = dayjs().format('YYYY-MM-DD HH:mm:ss');
+    }
+    // 当状态改为待审核时，清空审核时间和驳回原因
+    if (value === 10) {
+      form.auditTime = undefined;
+      form.rejectReason = '';
+    }
+  };
+
+  /* 删除单个 */
+  const remove = (row: ShopDealerRecord) => {
+    const hide = messageLoading('请求中..', 0);
+    removeShopDealerRecord(row.id)
+      .then((msg) => {
+        hide();
+        message.success(msg);
+        // 重新加载历史记录
+        if(props.data?.applyId){
+          fetchHistoryRecords(props.data?.applyId);
+        }
+      })
+      .catch((e) => {
+        hide();
+        message.error(e.message);
+      });
+  };
+
+  /* 保存编辑 */
+  const save = () => {
+    if (!formRef.value) {
+      return;
+    }
+
+    // 动态验证规则
+    const validateFields: string[] = ['userId', 'realName', 'mobile', 'applyStatus'];
+
+    // 如果是驳回状态，需要验证驳回原因
+    if (form.applyStatus === 30) {
+      validateFields.push('rejectReason');
+    }
+
+    // 如果是审核通过或驳回状态，需要验证审核时间
+    if (form.applyStatus === 20 || form.applyStatus === 30) {
+      validateFields.push('auditTime');
+    }
+
+    formRef.value
+      .validate(validateFields)
+      .then(async () => {
+        loading.value = true;
+        const formData = {
+          ...form
+        };
+
+        // 处理时间字段转换 - 转换为ISO字符串格式
+        if (formData.applyTime) {
+          if (dayjs.isDayjs(formData.applyTime)) {
+            formData.applyTime = formData.applyTime.format('YYYY-MM-DD HH:mm:ss');
+          } else if (typeof formData.applyTime === 'number') {
+            formData.applyTime = dayjs(formData.applyTime).format('YYYY-MM-DD HH:mm:ss');
+          }
+        }
+
+        if (formData.auditTime) {
+          if (dayjs.isDayjs(formData.auditTime)) {
+            formData.auditTime = formData.auditTime.format('YYYY-MM-DD HH:mm:ss');
+          } else if (typeof formData.auditTime === 'number') {
+            formData.auditTime = dayjs(formData.auditTime).format('YYYY-MM-DD HH:mm:ss');
+          }
+        }
+
+        // 当审核状态为通过或驳回时，确保有审核时间
+        if ((formData.applyStatus === 20 || formData.applyStatus === 30) && !formData.auditTime) {
+          formData.auditTime = dayjs().format('YYYY-MM-DD HH:mm:ss');
+        }
+
+        // 当状态为待审核时，清空审核时间
+        if (formData.applyStatus === 10) {
+          formData.auditTime = undefined;
+        }
+
+        const saveOrUpdate = isUpdate.value ? updateShopDealerApply : addShopDealerApply;
+        try {
+          const msg = await saveOrUpdate(formData);
+          message.success(msg);
+
+          updateVisible(false);
+          emit('done');
+        } catch (e: any) {
+          message.error(e.message);
+        } finally {
+          loading.value = false;
+        }
+      })
+      .catch(() => {
+        loading.value = false;
+      });
+  };
+
+  watch(
+    () => props.visible,
+    async (visible) => {
+      if (visible) {
+        if (props.data) {
+          assignObject(form, props.data);
+          isUpdate.value = true;
+
+          // 如果是修改且状态为跟进中，获取历史跟进记录
+          if (props.data.applyId && props.data.applyStatus === 10) {
+            await fetchHistoryRecords(props.data.applyId);
+          }
+        } else {
+          // 重置为默认值
+          Object.assign(form, {
+            applyId: undefined,
+            userId: undefined,
+            realName: '',
+            mobile: '',
+            refereeId: undefined,
+            applyType: 10,
+            applyTime: dayjs().format('YYYY-MM-DD HH:mm:ss'),
+            applyStatus: 10,
+            auditTime: undefined,
+            rejectReason: '',
+            tenantId: undefined,
+            createTime: undefined,
+            updateTime: undefined
+          });
+          isUpdate.value = false;
+
+          // 重置历史记录和新内容
+          historyRecords.value = [];
+          newFollowUpContent.value = '';
+        }
+      } else {
+        resetFields();
+      }
+    },
+    { immediate: true }
+  );
+</script>
+
+<style lang="less" scoped>
+:deep(.ant-divider-horizontal.ant-divider-with-text-left) {
+  margin: 24px 0 16px 0;
+
+  .ant-divider-inner-text {
+    padding: 0 16px 0 0;
+  }
+}
+
+:deep(.ant-form-item) {
+  margin-bottom: 16px;
+}
+
+:deep(.ant-radio) {
+  display: flex;
+  align-items: center;
+  margin-bottom: 8px;
+
+  .ant-radio-inner {
+    margin-right: 8px;
+  }
+}
+
+:deep(.ant-select-selection-item) {
+  display: flex;
+  align-items: center;
+}
+</style>
diff --git a/src/views/sdy/shopDealerApply/index.vue b/src/views/sdy/shopDealerApply/index.vue
new file mode 100644
index 0000000..30b3c7a
--- /dev/null
+++ b/src/views/sdy/shopDealerApply/index.vue
@@ -0,0 +1,440 @@
+<template>
+  <a-page-header :title="getPageTitle()" @back="() => $router.go(-1)">
+    <a-card :bordered="false" :body-style="{ padding: '16px' }">
+      <ele-pro-table
+        ref="tableRef"
+        row-key="applyId"
+        :columns="columns"
+        :datasource="datasource"
+        :customRow="customRow"
+        tool-class="ele-toolbar-form"
+        class="sys-org-table"
+      >
+        <template #toolbar>
+          <search
+            @search="reload"
+            :selection="selection"
+            @add="openEdit"
+            @batchApprove="batchApprove"
+            @export="exportData"
+          />
+        </template>
+        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'applyStatus'">
+            <a-tag v-if="record.applyStatus === 10" color="orange">跟进中</a-tag>
+            <a-tag v-if="record.applyStatus === 20" color="green">已签约</a-tag>
+            <a-tag v-if="record.applyStatus === 30" color="red">已取消</a-tag>
+          </template>
+          <template v-if="column.key === 'customer'">
+            <div class="flex flex-col">
+              <span class="font-medium">{{ record.dealerName }}</span>
+              <span class="text-gray-400">联系人：{{ record.realName }}</span>
+              <span class="text-gray-400">联系电话：{{ record.mobile }}</span>
+              <span class="text-gray-400">户号：{{ record.dealerCode }}</span>
+            </div>
+          </template>
+          <template v-if="column.key === 'applicantInfo'">
+            <div class="text-gray-600">{{ record.nickName }}</div>
+            <div class="text-gray-400">{{ record.phone }}</div>
+            <div class="text-gray-400">{{ record.rate }}</div>
+          </template>
+          <template v-if="column.key === 'comments'">
+            <div class="text-gray-400">{{ record.comments }}</div>
+            <div class="text-gray-400" v-if="record.comments">{{ record.updateTime }}</div>
+          </template>
+          <template v-if="column.key === 'createTime'">
+            <div class="flex flex-col">
+              <span>{{ record.createTime }}</span>
+              <span>保护期：7天</span>
+            </div>
+          </template>
+          <template v-if="column.key === 'action'">
+            <a @click="openEdit(record)" class="ele-text-primary">
+              <EditOutlined/>
+              编辑
+            </a>
+            <template v-if="record.applyStatus !== 20">
+              <a-divider type="vertical"/>
+              <a @click="approveApply(record)" class="ele-text-success">
+                <CheckOutlined/>
+                已签约
+              </a>
+              <a-divider type="vertical"/>
+              <a @click="rejectApply(record)" class="ele-text-warning">
+                <CloseOutlined/>
+                驳回
+              </a>
+              <a-divider type="vertical"/>
+              <a-popconfirm
+                v-if="record.applyStatus != 20"
+                title="确定要删除此申请记录吗？"
+                @confirm="remove(record)"
+                placement="topRight"
+              >
+                <a class="ele-text-danger">
+                  <DeleteOutlined/>
+                  删除
+                </a>
+              </a-popconfirm>
+            </template>
+          </template>
+        </template>
+      </ele-pro-table>
+    </a-card>
+
+    <!-- 编辑弹窗 -->
+    <ShopDealerApplyEdit v-model:visible="showEdit" :data="current" @done="reload"/>
+  </a-page-header>
+</template>
+
+<script lang="ts" setup>
+import {createVNode, ref} from 'vue';
+import {message, Modal} from 'ant-design-vue';
+import {
+  ExclamationCircleOutlined,
+  CheckOutlined,
+  CloseOutlined,
+  EditOutlined,
+  DeleteOutlined
+} from '@ant-design/icons-vue';
+import type {EleProTable} from 'ele-admin-pro';
+import type {
+  DatasourceFunction,
+  ColumnItem
+} from 'ele-admin-pro/es/ele-pro-table/types';
+import Search from './components/search.vue';
+import {getPageTitle} from '@/utils/common';
+import ShopDealerApplyEdit from './components/shopDealerApplyEdit.vue';
+import {
+  pageShopDealerApply,
+  removeShopDealerApply,
+  removeBatchShopDealerApply,
+  batchApproveShopDealerApply,
+  updateShopDealerApply
+} from '@/api/shop/shopDealerApply';
+import type {ShopDealerApply, ShopDealerApplyParam} from '@/api/shop/shopDealerApply/model';
+
+// 表格实例
+const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+// 表格选中数据
+const selection = ref<ShopDealerApply[]>([]);
+// 当前编辑数据
+const current = ref<ShopDealerApply | null>(null);
+// 是否显示编辑弹窗
+const showEdit = ref(false);
+// 加载状态
+const loading = ref(true);
+
+// 表格数据源
+const datasource: DatasourceFunction = ({
+                                          page,
+                                          limit,
+                                          where,
+                                          orders,
+                                          filters
+                                        }) => {
+  if (filters) {
+    where.status = filters.status;
+  }
+  where.type = 4;
+  return pageShopDealerApply({
+    ...where,
+    ...orders,
+    page,
+    limit
+  });
+};
+
+// 表格列配置
+const columns = ref<ColumnItem[]>([
+  {
+    title: '用户ID',
+    dataIndex: 'userId',
+    key: 'userId',
+    align: 'center',
+    width: 90,
+    fixed: 'left'
+  },
+  {
+    title: '客户名称',
+    dataIndex: 'customer',
+    key: 'customer'
+  },
+  {
+    title: '最后跟进情况',
+    dataIndex: 'comments',
+    key: 'comments',
+    align: 'left'
+  },
+  // {
+  //   title: '收益基数',
+  //   dataIndex: 'rate',
+  //   key: 'rate',
+  //   align: 'left'
+  // },
+  {
+    title: '报备人信息',
+    dataIndex: 'applicantInfo',
+    key: 'applicantInfo',
+    align: 'left',
+    fixed: 'left',
+    customRender: ({record}) => {
+      return `${record.nickName || '-'} (${record.phone || '-'})`;
+    }
+  },
+  {
+    title: '状态',
+    dataIndex: 'applyStatus',
+    key: 'applyStatus',
+    align: 'center',
+    width: 120
+  },
+  // {
+  //   title: '申请时间',
+  //   dataIndex: 'applyTime',
+  //   key: 'applyTime',
+  //   align: 'center',
+  //   width: 120,
+  //   customRender: ({ text }) => text ? toDateString(new Date(text), 'yyyy-MM-dd HH:mm') : '-'
+  // },
+  // {
+  //   title: '审核时间',
+  //   dataIndex: 'auditTime',
+  //   key: 'auditTime',
+  //   align: 'center',
+  //   customRender: ({ text }) => text ? toDateString(new Date(text), 'yyyy-MM-dd HH:mm') : '-'
+  // },
+  {
+    title: '添加时间',
+    dataIndex: 'createTime',
+    key: 'createTime',
+    align: 'center',
+    sorter: true,
+    ellipsis: true
+  }
+  // {
+  //   title: '操作',
+  //   key: 'action',
+  //   fixed: 'right',
+  //   align: 'center',
+  //   width: 380,
+  //   hideInSetting: true
+  // }
+]);
+
+/* 搜索 */
+const reload = (where?: ShopDealerApplyParam) => {
+  selection.value = [];
+  tableRef?.value?.reload({where: where});
+};
+
+/* 审核通过 */
+const approveApply = (row: ShopDealerApply) => {
+  Modal.confirm({
+    title: '审核通过确认',
+    content: `确定要通过 ${row.realName} 的经销商申请吗？`,
+    icon: createVNode(CheckOutlined),
+    okText: '确认通过',
+    okType: 'primary',
+    cancelText: '取消',
+    onOk: async () => {
+      const hide = message.loading('正在处理审核...', 0);
+      try {
+        await updateShopDealerApply({
+          ...row,
+          applyId: row.applyId,
+          applyStatus: 20
+        });
+        hide();
+        message.success('审核通过成功');
+        reload();
+      } catch (error: any) {
+        hide();
+        message.error(error.message || '审核失败，请重试');
+      }
+    }
+  });
+};
+
+/* 审核驳回 */
+const rejectApply = (row: ShopDealerApply) => {
+  let rejectReason = '';
+  Modal.confirm({
+    title: '审核驳回',
+    content: createVNode('div', null, [
+      createVNode('p', null, `申请人: ${row.realName} (${row.mobile})`),
+      createVNode('p', {style: 'margin-top: 12px;'}, '请输入驳回原因:'),
+      createVNode('textarea', {
+        placeholder: '请输入驳回原因...',
+        style: 'width: 100%; height: 80px; margin-top: 8px; padding: 8px; border: 1px solid #d9d9d9; border-radius: 4px;',
+        onInput: (e: any) => {
+          rejectReason = e.target.value;
+        }
+      })
+    ]),
+    icon: createVNode(CloseOutlined),
+    okText: '确认驳回',
+    okType: 'danger',
+    cancelText: '取消',
+    onOk: async () => {
+      if (!rejectReason.trim()) {
+        message.error('请输入驳回原因');
+        return Promise.reject();
+      }
+      const hide = message.loading('正在处理审核...', 0);
+      try {
+        await updateShopDealerApply({
+          ...row,
+          applyStatus: 30,
+          rejectReason: rejectReason.trim()
+        });
+        hide();
+        message.success('审核驳回成功');
+        reload();
+      } catch (error: any) {
+        hide();
+        message.error(error.message || '审核失败，请重试');
+      }
+    }
+  });
+};
+
+/* 打开编辑弹窗 */
+const openEdit = (row?: ShopDealerApply) => {
+  current.value = row ?? null;
+  showEdit.value = true;
+};
+
+/* 删除单个 */
+const remove = (row: ShopDealerApply) => {
+  if (!row.applyId) {
+    message.error('删除失败：缺少必要参数');
+    return;
+  }
+
+  const hide = message.loading('正在删除申请记录...', 0);
+  removeShopDealerApply(row.applyId)
+    .then((msg) => {
+      hide();
+      message.success(msg || '删除成功');
+      reload();
+    })
+    .catch((e) => {
+      hide();
+      message.error(e.message || '删除失败');
+    });
+};
+
+/* 批量删除 */
+const removeBatch = () => {
+  if (!selection.value.length) {
+    message.error('请至少选择一条数据');
+    return;
+  }
+
+  const validIds = selection.value.filter(d => d.applyId).map(d => d.applyId);
+  if (!validIds.length) {
+    message.error('选中的数据中没有有效的ID');
+    return;
+  }
+
+  Modal.confirm({
+    title: '批量删除确认',
+    content: `确定要删除选中的 ${validIds.length} 条申请记录吗？此操作不可恢复。`,
+    icon: createVNode(ExclamationCircleOutlined),
+    maskClosable: true,
+    okText: '确认删除',
+    okType: 'danger',
+    cancelText: '取消',
+    onOk: () => {
+      const hide = message.loading(`正在删除 ${validIds.length} 条记录...`, 0);
+      removeBatchShopDealerApply(validIds)
+        .then((msg) => {
+          hide();
+          message.success(msg || `成功删除 ${validIds.length} 条记录`);
+          selection.value = [];
+          reload();
+        })
+        .catch((e) => {
+          hide();
+          message.error(e.message || '批量删除失败');
+        });
+    }
+  });
+};
+
+/* 批量通过 */
+const batchApprove = () => {
+  if (!selection.value.length) {
+    message.error('请至少选择一条数据');
+    return;
+  }
+
+  const pendingApplies = selection.value.filter(item => item.applyStatus === 10);
+  if (!pendingApplies.length) {
+    message.error('所选申请中没有待审核的记录');
+    return;
+  }
+
+  Modal.confirm({
+    title: '批量通过确认',
+    content: `确定要通过选中的 ${pendingApplies.length} 个申请吗？`,
+    icon: createVNode(ExclamationCircleOutlined),
+    okText: '确认通过',
+    okType: 'primary',
+    cancelText: '取消',
+    onOk: async () => {
+      const hide = message.loading('正在批量通过...', 0);
+      try {
+        const ids = pendingApplies.map(item => item.applyId);
+        await batchApproveShopDealerApply(ids);
+        hide();
+        message.success(`成功通过 ${pendingApplies.length} 个申请`);
+        selection.value = [];
+        reload();
+      } catch (error: any) {
+        hide();
+        message.error(error.message || '批量审核失败，请重试');
+      }
+    }
+  });
+};
+
+/* 导出数据 */
+const exportData = () => {
+  const hide = message.loading('正在导出申请数据...', 0);
+  // 这里调用导出API
+  setTimeout(() => {
+    hide();
+    message.success('申请数据导出成功');
+  }, 2000);
+};
+
+/* 查询 */
+const query = () => {
+  loading.value = true;
+};
+
+/* 自定义行属性 */
+const customRow = (record: ShopDealerApply) => {
+  return {
+    // 行点击事件
+    onClick: () => {
+      // console.log(record);
+    },
+    // 行双击事件
+    onDblclick: () => {
+      openEdit(record);
+    }
+  };
+};
+query();
+</script>
+
+<script lang="ts">
+export default {
+  name: 'ShopDealerApply'
+};
+</script>
+
diff --git a/src/views/sdy/shopDealerApplyRs/components/search.vue b/src/views/sdy/shopDealerApplyRs/components/search.vue
new file mode 100644
index 0000000..3a97655
--- /dev/null
+++ b/src/views/sdy/shopDealerApplyRs/components/search.vue
@@ -0,0 +1,219 @@
+<!-- 搜索表单 -->
+<template>
+  <div class="search-container">
+    <!-- 搜索表单 -->
+    <a-form
+      :model="searchForm"
+      layout="inline"
+      class="search-form"
+      @finish="handleSearch"
+    >
+      <a-form-item label="申请人姓名">
+        <a-input
+          v-model:value="searchForm.realName"
+          placeholder="请输入申请人姓名"
+          allow-clear
+          style="width: 160px"
+        />
+      </a-form-item>
+
+      <a-form-item label="手机号码">
+        <a-input
+          v-model:value="searchForm.mobile"
+          placeholder="请输入手机号码"
+          allow-clear
+          style="width: 160px"
+        />
+      </a-form-item>
+
+      <a-form-item label="申请方式">
+        <a-select
+          v-model:value="searchForm.applyType"
+          placeholder="全部方式"
+          allow-clear
+          style="width: 120px"
+        >
+          <a-select-option :value="10">需要审核</a-select-option>
+          <a-select-option :value="20">免审核</a-select-option>
+        </a-select>
+      </a-form-item>
+
+      <a-form-item label="审核状态">
+        <a-select
+          v-model:value="searchForm.applyStatus"
+          placeholder="全部状态"
+          allow-clear
+          style="width: 120px"
+        >
+          <a-select-option :value="10">待审核</a-select-option>
+          <a-select-option :value="20">审核通过</a-select-option>
+          <a-select-option :value="30">审核驳回</a-select-option>
+        </a-select>
+      </a-form-item>
+
+      <a-form-item label="申请时间">
+        <a-range-picker
+          v-model:value="searchForm.dateRange"
+          style="width: 240px"
+        />
+      </a-form-item>
+
+      <a-form-item>
+        <a-space>
+          <a-button type="primary" html-type="submit" class="ele-btn-icon">
+            <template #icon>
+              <SearchOutlined />
+            </template>
+            搜索
+          </a-button>
+          <a-button @click="resetSearch">
+            重置
+          </a-button>
+        </a-space>
+      </a-form-item>
+    </a-form>
+
+    <!-- 操作按钮 -->
+    <div class="action-buttons">
+      <a-space>
+<!--        <a-button type="primary" @click="add" class="ele-btn-icon">-->
+<!--          <template #icon>-->
+<!--            <PlusOutlined />-->
+<!--          </template>-->
+<!--          新增申请-->
+<!--        </a-button>-->
+        <a-button
+          type="primary"
+          ghost
+          :disabled="!selection?.length"
+          @click="batchApprove"
+          class="ele-btn-icon"
+        >
+          <template #icon>
+            <CheckOutlined />
+          </template>
+          批量通过
+        </a-button>
+        <a-button
+          :disabled="!selection?.length"
+          @click="exportData"
+          class="ele-btn-icon"
+        >
+          <template #icon>
+            <ExportOutlined />
+          </template>
+          导出数据
+        </a-button>
+      </a-space>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+  import { reactive } from 'vue';
+  import {
+    PlusOutlined,
+    SearchOutlined,
+    CheckOutlined,
+    ExportOutlined
+  } from '@ant-design/icons-vue';
+  import type { ShopDealerApplyParam } from '@/api/shop/shopDealerApply/model';
+  import dayjs from 'dayjs';
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的数据
+      selection?: any[];
+    }>(),
+    {
+      selection: () => []
+    }
+  );
+
+  const emit = defineEmits<{
+    (e: 'search', where?: ShopDealerApplyParam): void;
+    (e: 'add'): void;
+    (e: 'batchApprove'): void;
+    (e: 'export'): void;
+  }>();
+
+  // 搜索表单
+  const searchForm = reactive<any>({
+    realName: '',
+    mobile: '',
+    applyType: undefined,
+    applyStatus: undefined,
+    dateRange: undefined
+  });
+
+  // 搜索
+  const handleSearch = () => {
+    const searchParams: ShopDealerApplyParam = {};
+
+    if (searchForm.realName) {
+      searchParams.realName = searchForm.realName;
+    }
+    if (searchForm.mobile) {
+      searchParams.mobile = searchForm.mobile;
+    }
+    if (searchForm.applyType) {
+      searchParams.applyType = searchForm.applyType;
+    }
+    if (searchForm.applyStatus) {
+      searchParams.applyStatus = searchForm.applyStatus;
+    }
+    if (searchForm.dateRange && searchForm.dateRange.length === 2) {
+      searchParams.startTime = dayjs(searchForm.dateRange[0]).format('YYYY-MM-DD');
+      searchParams.endTime = dayjs(searchForm.dateRange[1]).format('YYYY-MM-DD');
+    }
+
+    emit('search', searchParams);
+  };
+
+  // 重置搜索
+  const resetSearch = () => {
+    searchForm.realName = '';
+    searchForm.mobile = '';
+    searchForm.applyType = undefined;
+    searchForm.applyStatus = undefined;
+    searchForm.dateRange = undefined;
+    emit('search', {});
+  };
+
+  // 新增
+  const add = () => {
+    emit('add');
+  };
+
+  // 批量通过
+  const batchApprove = () => {
+    emit('batchApprove');
+  };
+
+  // 导出数据
+  const exportData = () => {
+    emit('export');
+  };
+</script>
+
+<style lang="less" scoped>
+.search-container {
+  background: #fff;
+  padding: 16px;
+  border-radius: 6px;
+  margin-bottom: 16px;
+
+  .search-form {
+    margin-bottom: 16px;
+
+    :deep(.ant-form-item) {
+      margin-bottom: 8px;
+    }
+  }
+
+  .action-buttons {
+    border-top: 1px solid #f0f0f0;
+    padding-top: 16px;
+  }
+}
+</style>
diff --git a/src/views/sdy/shopDealerApplyRs/components/shop-dealer-apply-import.vue b/src/views/sdy/shopDealerApplyRs/components/shop-dealer-apply-import.vue
new file mode 100644
index 0000000..32c2917
--- /dev/null
+++ b/src/views/sdy/shopDealerApplyRs/components/shop-dealer-apply-import.vue
@@ -0,0 +1,88 @@
+<!-- 经销商申请批量导入弹窗 -->
+<template>
+  <ele-modal
+    :width="520"
+    :footer="null"
+    title="经销商申请批量导入"
+    :visible="visible"
+    @update:visible="updateVisible"
+  >
+    <a-spin :spinning="loading">
+      <a-upload-dragger
+        accept=".xls,.xlsx"
+        :show-upload-list="false"
+        :customRequest="doUpload"
+        style="padding: 24px 0; margin-bottom: 16px"
+      >
+        <p class="ant-upload-drag-icon">
+          <cloud-upload-outlined />
+        </p>
+        <p class="ant-upload-hint">将文件拖到此处，或点击上传</p>
+      </a-upload-dragger>
+    </a-spin>
+    <div class="ele-text-center">
+      <span>只能上传xls、xlsx文件，</span>
+      <a
+        href="https://cms-api.websoft.top/api/shop/shop-dealer-apply/import/template"
+        download="经销商申请导入模板.xlsx"
+      >
+        下载导入模板
+      </a>
+    </div>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref } from 'vue';
+  import { message } from 'ant-design-vue/es';
+  import { CloudUploadOutlined } from '@ant-design/icons-vue';
+  import { importShopDealerApplies } from '@/api/shop/shopDealerApply';
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  defineProps<{
+    // 是否打开弹窗
+    visible: boolean;
+  }>();
+
+  // 导入请求状态
+  const loading = ref(false);
+
+  /* 上传 */
+  const doUpload = ({ file }) => {
+    if (
+      ![
+        'application/vnd.ms-excel',
+        'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
+      ].includes(file.type)
+    ) {
+      message.error('只能选择 excel 文件');
+      return false;
+    }
+    if (file.size / 1024 / 1024 > 10) {
+      message.error('大小不能超过 10MB');
+      return false;
+    }
+    loading.value = true;
+    importShopDealerApplies(file)
+      .then((msg) => {
+        loading.value = false;
+        message.success(msg);
+        updateVisible(false);
+        emit('done');
+      })
+      .catch((e) => {
+        loading.value = false;
+        message.error(e.message);
+      });
+    return false;
+  };
+
+  /* 更新 visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+</script>
diff --git a/src/views/sdy/shopDealerApplyRs/components/shopDealerApplyEdit.vue b/src/views/sdy/shopDealerApplyRs/components/shopDealerApplyEdit.vue
new file mode 100644
index 0000000..18707eb
--- /dev/null
+++ b/src/views/sdy/shopDealerApplyRs/components/shopDealerApplyEdit.vue
@@ -0,0 +1,280 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="600"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑企业' : '新增企业'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="{ span: 4 }"
+      :wrapper-col="{ span: 18 }"
+    >
+
+      <a-form-item label="企业名称" name="dealerName">
+        <a-input
+          placeholder="请输入企业名称"
+          v-model:value="form.dealerName"
+        />
+      </a-form-item>
+      <a-form-item label="入市状态" name="applyStatus">
+        <a-select v-model:value="form.applyStatus" placeholder="请选择入市状态" @change="handleStatusChange">
+          <a-select-option :value="10">
+            <a-tag>未入市</a-tag>
+            <span style="margin-left: 8px;">未入市</span>
+          </a-select-option>
+          <a-select-option :value="20">
+            <a-tag color="success">已入市</a-tag>
+            <span style="margin-left: 8px;">已入市</span>
+          </a-select-option>
+        </a-select>
+      </a-form-item>
+
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, watch } from 'vue';
+  import { Form, message } from 'ant-design-vue';
+  import dayjs from 'dayjs';
+  import { assignObject } from 'ele-admin-pro';
+  import { addShopDealerApply, updateShopDealerApply } from '@/api/shop/shopDealerApply';
+  import { ShopDealerApply } from '@/api/shop/shopDealerApply/model';
+  import { FormInstance } from 'ant-design-vue/es/form';
+
+  // 是否是修改
+  const isUpdate = ref(false);
+  const useForm = Form.useForm;
+
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: ShopDealerApply | null;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  // 提交状态
+  const loading = ref(false);
+  // 是否显示最大化切换按钮
+  const maxable = ref(true);
+  // 表格选中数据
+  const formRef = ref<FormInstance | null>(null);
+
+  // 表单数据
+  const form = reactive<ShopDealerApply>({
+    applyId: undefined,
+    type: 3,
+    userId: undefined,
+    dealerName: '',
+    realName: '',
+    mobile: '',
+    refereeId: undefined,
+    applyType: 10,
+    applyTime: undefined,
+    applyStatus: 10,
+    auditTime: undefined,
+    rejectReason: '',
+    tenantId: undefined,
+    createTime: undefined,
+    updateTime: undefined
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    dealerName: [
+      {
+        required: true,
+        message: '请输入经销商名称',
+        trigger: 'blur'
+      }
+    ],
+    realName: [
+      {
+        required: true,
+        message: '请输入企业名称',
+        trigger: 'blur'
+      }
+    ],
+    applyStatus: [
+      {
+        required: true,
+        message: '请选择审核状态',
+        trigger: 'change'
+      }
+    ]
+  });
+
+
+
+  const { resetFields } = useForm(form, rules);
+
+  /* 处理审核状态变化 */
+  const handleStatusChange = (value: number) => {
+    // 当状态改为审核通过或驳回时，自动设置审核时间为当前时间
+    if ((value === 20 || value === 30) && !form.auditTime) {
+      form.auditTime = dayjs();
+    }
+    // 当状态改为待审核时，清空审核时间和驳回原因
+    if (value === 10) {
+      form.auditTime = undefined;
+      form.rejectReason = '';
+    }
+  };
+
+  /* 保存编辑 */
+  const save = () => {
+    if (!formRef.value) {
+      return;
+    }
+
+    // 动态验证规则
+    const validateFields: string[] = ['userId', 'realName', 'mobile', 'applyStatus'];
+
+    // 如果是驳回状态，需要验证驳回原因
+    if (form.applyStatus === 30) {
+      validateFields.push('rejectReason');
+    }
+
+    // 如果是审核通过或驳回状态，需要验证审核时间
+    if (form.applyStatus === 20 || form.applyStatus === 30) {
+      validateFields.push('auditTime');
+    }
+
+    formRef.value
+      .validate(validateFields)
+      .then(() => {
+        loading.value = true;
+        const formData = {
+          ...form
+        };
+
+        // 处理时间字段转换 - 转换为ISO字符串格式
+        if (formData.applyTime) {
+          if (dayjs.isDayjs(formData.applyTime)) {
+            formData.applyTime = formData.applyTime.format('YYYY-MM-DD HH:mm:ss');
+          } else if (typeof formData.applyTime === 'number') {
+            formData.applyTime = dayjs(formData.applyTime).format('YYYY-MM-DD HH:mm:ss');
+          }
+        }
+
+        if (formData.auditTime) {
+          if (dayjs.isDayjs(formData.auditTime)) {
+            formData.auditTime = formData.auditTime.format('YYYY-MM-DD HH:mm:ss');
+          } else if (typeof formData.auditTime === 'number') {
+            formData.auditTime = dayjs(formData.auditTime).format('YYYY-MM-DD HH:mm:ss');
+          }
+        }
+
+        // 当审核状态为通过或驳回时，确保有审核时间
+        if ((formData.applyStatus === 20 || formData.applyStatus === 30) && !formData.auditTime) {
+          formData.auditTime = dayjs().format('YYYY-MM-DD HH:mm:ss');
+        }
+
+        // 当状态为待审核时，清空审核时间
+        if (formData.applyStatus === 10) {
+          formData.auditTime = undefined;
+        }
+
+        const saveOrUpdate = isUpdate.value ? updateShopDealerApply : addShopDealerApply;
+        saveOrUpdate(formData)
+          .then((msg) => {
+            loading.value = false;
+            message.success(msg);
+            updateVisible(false);
+            emit('done');
+          })
+          .catch((e) => {
+            loading.value = false;
+            message.error(e.message);
+          });
+      })
+      .catch(() => {});
+  };
+
+  watch(
+    () => props.visible,
+    (visible) => {
+      if (visible) {
+        if (props.data) {
+          assignObject(form, props.data);
+          // 处理时间字段 - 确保转换为dayjs对象
+          if (props.data.applyTime) {
+            form.applyTime = dayjs(props.data.applyTime);
+          }
+          if (props.data.auditTime) {
+            form.auditTime = dayjs(props.data.auditTime);
+          }
+          isUpdate.value = true;
+        } else {
+          // 重置为默认值
+          Object.assign(form, {
+            applyId: undefined,
+            userId: undefined,
+            realName: '',
+            mobile: '',
+            refereeId: undefined,
+            applyType: 10,
+            applyTime: dayjs(),
+            applyStatus: 10,
+            auditTime: undefined,
+            rejectReason: '',
+            tenantId: undefined,
+            createTime: undefined,
+            updateTime: undefined
+          });
+          isUpdate.value = false;
+        }
+      } else {
+        resetFields();
+      }
+    },
+    { immediate: true }
+  );
+</script>
+
+<style lang="less" scoped>
+:deep(.ant-divider-horizontal.ant-divider-with-text-left) {
+  margin: 24px 0 16px 0;
+
+  .ant-divider-inner-text {
+    padding: 0 16px 0 0;
+  }
+}
+
+:deep(.ant-form-item) {
+  margin-bottom: 16px;
+}
+
+:deep(.ant-radio) {
+  display: flex;
+  align-items: center;
+  margin-bottom: 8px;
+
+  .ant-radio-inner {
+    margin-right: 8px;
+  }
+}
+
+:deep(.ant-select-selection-item) {
+  display: flex;
+  align-items: center;
+}
+</style>
diff --git a/src/views/sdy/shopDealerApplyRs/index.vue b/src/views/sdy/shopDealerApplyRs/index.vue
new file mode 100644
index 0000000..86eb18c
--- /dev/null
+++ b/src/views/sdy/shopDealerApplyRs/index.vue
@@ -0,0 +1,310 @@
+<template>
+  <a-page-header :title="getPageTitle()" @back="() => $router.go(-1)">
+    <a-card :bordered="false">
+      <!-- 表格 -->
+      <ele-pro-table
+        ref="tableRef"
+        row-key="applyId"
+        :columns="columns"
+        :datasource="datasource"
+        class="sys-org-table"
+        :scroll="{ x: 1300 }"
+        :where="defaultWhere"
+        :customRow="customRow"
+        cache-key="proSystemShopDealerApplyTable"
+      >
+        <template #toolbar>
+          <a-space>
+            <a-button type="primary" class="ele-btn-icon" @click="openEdit()">
+              <template #icon>
+                <plus-outlined/>
+              </template>
+              <span>添加</span>
+            </a-button>
+            <a-button class="ele-btn-icon" @click="openImport()">
+              <template #icon>
+                <cloud-upload-outlined/>
+              </template>
+              <span>导入</span>
+            </a-button>
+            <!--            <a-button class="ele-btn-icon" @click="exportData()" :loading="exportLoading">-->
+            <!--              <template #icon>-->
+            <!--                <download-outlined/>-->
+            <!--              </template>-->
+            <!--              <span>导出</span>-->
+            <!--            </a-button>-->
+            <a-input-search
+              allow-clear
+              v-model:value="searchText"
+              placeholder="请输入关键词"
+              @search="reload"
+              @pressEnter="reload"
+            />
+          </a-space>
+        </template>
+        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'applyStatus'">
+            <span class="text-green-500" v-if="record.applyStatus == 20">已入市</span>
+            <span class="text-gray-300" v-else>未入市</span>
+          </template>
+          <template v-if="column.key === 'action'">
+            <div>
+              <a @click="openEdit(record)">修改</a>
+              <a-divider type="vertical"/>
+              <a-popconfirm
+                placement="topRight"
+                title="确定要删除此用户吗？"
+                @confirm="remove(record)"
+              >
+                <a class="ele-text-danger">删除</a>
+              </a-popconfirm>
+            </div>
+          </template>
+        </template>
+      </ele-pro-table>
+    </a-card>
+    <!-- 编辑弹窗 -->
+    <ShopDealerApplyEdit
+      v-model:visible="showEdit"
+      :data="current"
+      :organization-list="data"
+      @done="reload"
+    />
+    <!-- 导入弹窗 -->
+    <ShopDealerApplyImport v-model:visible="showImport" @done="reload"/>
+
+  </a-page-header>
+</template>
+
+<script lang="ts" setup>
+import {ref, reactive, watch} from 'vue';
+import {message} from 'ant-design-vue/es';
+import {
+  PlusOutlined,
+  CloudUploadOutlined,
+} from '@ant-design/icons-vue';
+import type {EleProTable} from 'ele-admin-pro/es';
+import type {
+  DatasourceFunction,
+  ColumnItem
+} from 'ele-admin-pro/es/ele-pro-table/types';
+import {messageLoading} from 'ele-admin-pro/es';
+import ShopDealerApplyEdit from './components/shopDealerApplyEdit.vue';
+import ShopDealerApplyImport from './components/shop-dealer-apply-import.vue';
+import {toDateString} from 'ele-admin-pro';
+import {utils, writeFile} from 'xlsx';
+import dayjs from 'dayjs';
+import {Organization} from '@/api/system/organization/model';
+import {getPageTitle} from "@/utils/common";
+import router from "@/router";
+import {listShopDealerApply, pageShopDealerApply, removeShopDealerApply} from "@/api/shop/shopDealerApply";
+import {ShopDealerApply, ShopDealerApplyParam} from "@/api/shop/shopDealerApply/model";
+
+// 加载状态
+const loading = ref(true);
+// 树形数据
+const data = ref<Organization[]>([]);
+// 树展开的key
+const expandedRowKeys = ref<number[]>([]);
+// 树选中的key
+const selectedRowKeys = ref<number[]>([]);
+// 表格选中数据
+const selection = ref<ShopDealerApply[]>([]);
+// 当前编辑数据
+const current = ref<ShopDealerApply | null>(null);
+// 是否显示编辑弹窗
+const showEdit = ref(false);
+// 是否显示用户导入弹窗
+const showImport = ref(false);
+// 导出加载状态
+const exportLoading = ref(false);
+const searchText = ref('');
+
+// 表格实例
+const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+// 表格列配置
+const columns = ref<ColumnItem[]>([
+  // {
+  //   title: 'ID',
+  //   dataIndex: 'userId',
+  //   width: 90,
+  //   showSorterTooltip: false
+  // },
+  {
+    title: '企业名称',
+    dataIndex: 'dealerName',
+    align: 'dealerName',
+    showSorterTooltip: false
+  },
+  {
+    title: '入市情况',
+    dataIndex: 'applyStatus',
+    key: 'applyStatus',
+    align: 'center',
+    sorter: true
+  },
+  {
+    title: '创建时间',
+    dataIndex: 'createTime',
+    sorter: true,
+    align: 'center',
+    showSorterTooltip: false,
+    ellipsis: true,
+    customRender: ({text}) => toDateString(text, 'yyyy-MM-dd HH:mm:ss')
+  },
+  {
+    title: '操作',
+    key: 'action',
+    width: 180,
+    fixed: 'right',
+    align: 'center'
+  }
+]);
+
+// 默认搜索条件
+const defaultWhere = reactive({
+  username: '',
+  nickname: ''
+});
+
+// 表格数据源
+const datasource: DatasourceFunction = ({
+                                          page,
+                                          limit,
+                                          where,
+                                          orders
+                                        }) => {
+  where = {};
+  where.keywords = searchText.value;
+  where.type = 3;
+  return pageShopDealerApply({page, limit, ...where, ...orders});
+};
+
+/* 搜索 */
+const reload = (where?: ShopDealerApplyParam) => {
+  selection.value = [];
+  tableRef?.value?.reload({where});
+};
+
+/* 打开编辑弹窗 */
+const openEdit = (row?: ShopDealerApply) => {
+  current.value = row ?? null;
+  showEdit.value = true;
+};
+/* 打开编辑弹窗 */
+const openImport = () => {
+  showImport.value = true;
+};
+
+/* 导出数据 */
+const exportData = async () => {
+  exportLoading.value = true;
+
+  try {
+    // 定义表头
+    const array: (string | number)[][] = [
+      [
+        'ID',
+        '企业名称',
+        '联系方式',
+        '入市状态',
+        '创建时间'
+      ]
+    ];
+
+    // 构建查询参数，使用当前搜索条件
+    const params = {
+      keywords: searchText.value,
+      isAdmin: 0
+    };
+
+    // 获取用户列表数据
+    const list = await listShopDealerApply(params);
+
+    if (!list || list.length === 0) {
+      message.warning('没有数据可以导出');
+      exportLoading.value = false;
+      return;
+    }
+
+    // 将数据转换为Excel行
+    list.forEach((user: ShopDealerApply) => {
+      array.push([
+        `${user.applyId || ''}`,
+        `${user.realName || ''}`,
+        `${user.mobile || ''}`,
+        `${user.applyStatus === 20 ? '通过' : '未通过'}`,
+        `${user.createTime || ''}`
+      ]);
+    });
+
+    // 生成Excel文件
+    const sheetName = `导出企业入市${dayjs(new Date()).format('YYYYMMDD')}`;
+    const workbook = {
+      SheetNames: [sheetName],
+      Sheets: {}
+    };
+    const sheet = utils.aoa_to_sheet(array);
+    workbook.Sheets[sheetName] = sheet;
+
+    // 设置列宽
+    sheet['!cols'] = [
+    ];
+
+    message.loading('正在生成Excel文件...', 0);
+
+    setTimeout(() => {
+      writeFile(workbook, `${sheetName}.xlsx`);
+      exportLoading.value = false;
+      message.destroy();
+      message.success(`成功导出 ${list.length} 条记录`);
+    }, 1000);
+
+  } catch (error: any) {
+    exportLoading.value = false;
+    message.error(error.message || '导出失败');
+  }
+};
+
+/* 删除单个 */
+const remove = (row: ShopDealerApply) => {
+  const hide = messageLoading('请求中..', 0);
+  removeShopDealerApply(row.applyId)
+    .then((msg) => {
+      hide();
+      message.success(msg);
+      reload();
+    })
+    .catch((e) => {
+      hide();
+      message.error(e.message);
+    });
+};
+
+/* 自定义行属性 */
+const customRow = (record: ShopDealerApply) => {
+  return {
+    // 行点击事件
+    onClick: () => {
+      // console.log(record);
+    },
+    // 行双击事件
+    onDblclick: () => {
+      openEdit(record);
+    }
+  };
+};
+
+watch(
+  () => router.currentRoute.value.query,
+  () => {},
+  {immediate: true}
+);
+</script>
+
+<script lang="ts">
+export default {
+  name: 'ShopDealerApplyRs'
+};
+</script>
+
diff --git a/src/views/sdy/shopDealerCapital/components/search.vue b/src/views/sdy/shopDealerCapital/components/search.vue
new file mode 100644
index 0000000..debaf79
--- /dev/null
+++ b/src/views/sdy/shopDealerCapital/components/search.vue
@@ -0,0 +1,118 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+    <a-input-search
+      allow-clear
+      placeholder="用户ID|订单编号"
+      style="width: 240px"
+      v-model:value="where.keywords"
+      @search="reload"
+    />
+    <a-button type="dashed" @click="handleExport">导出xls</a-button>
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+  import {ref, watch} from 'vue';
+  import {utils, writeFile} from 'xlsx';
+  import {message} from 'ant-design-vue';
+  import {pageShopDealerCapital} from "@/api/shop/shopDealerCapital";
+  import {ShopDealerCapital, ShopDealerCapitalParam} from "@/api/shop/shopDealerCapital/model";
+  import {getTenantId} from "@/utils/domain";
+  import useSearch from "@/utils/use-search";
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的角色
+      selection?: [];
+    }>(),
+    {}
+  );
+
+  const emit = defineEmits<{
+    (e: 'search', where?: ShopDealerCapitalParam): void;
+    (e: 'add'): void;
+    (e: 'remove'): void;
+    (e: 'batchMove'): void;
+  }>();
+
+  const reload = () => {
+    emit('search', where);
+  };
+
+  // 表单数据
+  const {where} = useSearch<ShopDealerCapitalParam>({
+    keywords: '',
+    userId: undefined,
+    toUserId: undefined,
+    limit: 5000
+  });
+
+  const list = ref<ShopDealerCapital[]>([]);
+
+  // 导出
+  const handleExport = async () => {
+    const array: (string | number)[][] = [
+      [
+        '用户ID',
+        '流动类型',
+        '金额',
+        '订单编号',
+        '对方用户ID',
+        `创建时间`,
+        '租户ID'
+      ]
+    ];
+
+    // 按搜索结果导出
+    await pageShopDealerCapital(where)
+      .then((data) => {
+        list.value = data?.list || [];
+        list.value?.forEach((d: ShopDealerCapital) => {
+          array.push([
+            `${d.userId}`,
+            `${d.flowType == 10 ? '佣金收入' : ''}`,
+            `${d.money}`,
+            `${d.orderNo}`,
+            `${d.toUserId}`,
+            `${d.createTime}`,
+            `${d.tenantId}`
+          ]);
+        });
+        const sheetName = `bak_shop_dealer_capital_${getTenantId()}`;
+        const workbook = {
+          SheetNames: [sheetName],
+          Sheets: {}
+        };
+        const sheet = utils.aoa_to_sheet(array);
+        workbook.Sheets[sheetName] = sheet;
+        // 设置列宽
+        sheet['!cols'] = [
+          {wch: 10},
+          {wch: 20},
+          {wch: 20},
+          {wch: 15},
+          {wch: 10},
+          {wch: 10},
+          {wch: 20}
+        ];
+        message.loading('正在导出...');
+        setTimeout(() => {
+          writeFile(
+            workbook,
+            `${sheetName}.xlsx`
+          );
+        }, 1000);
+      })
+      .catch((msg) => {
+        message.error(msg);
+      })
+      .finally(() => {
+      });
+  };
+
+  watch(
+    () => props.selection,
+    () => {}
+  );
+</script>
diff --git a/src/views/sdy/shopDealerCapital/components/shopDealerCapitalEdit.vue b/src/views/sdy/shopDealerCapital/components/shopDealerCapitalEdit.vue
new file mode 100644
index 0000000..6557d9c
--- /dev/null
+++ b/src/views/sdy/shopDealerCapital/components/shopDealerCapitalEdit.vue
@@ -0,0 +1,398 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="900"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑资金流动记录' : '新增资金流动记录'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="{ span: 6 }"
+      :wrapper-col="{ span: 18 }"
+    >
+      <!-- 基本信息 -->
+      <a-divider orientation="left">
+        <span style="color: #1890ff; font-weight: 600;">基本信息</span>
+      </a-divider>
+
+      <a-row :gutter="16">
+        <a-col :span="12">
+          <a-form-item label="分销商用户ID" name="userId">
+            <a-input-number
+              :min="1"
+              placeholder="请输入分销商用户ID"
+              v-model:value="form.userId"
+              style="width: 100%"
+            />
+          </a-form-item>
+        </a-col>
+        <a-col :span="12">
+          <a-form-item label="订单ID" name="orderId">
+            <a-input-number
+              :min="1"
+              placeholder="请输入订单ID（可选）"
+              v-model:value="form.orderId"
+              style="width: 100%"
+            />
+          </a-form-item>
+        </a-col>
+      </a-row>
+
+      <!-- 资金流动信息 -->
+      <a-divider orientation="left">
+        <span style="color: #1890ff; font-weight: 600;">资金流动信息</span>
+      </a-divider>
+
+      <a-row :gutter="16">
+        <a-col :span="12">
+          <a-form-item label="流动类型" name="flowType">
+            <a-select v-model:value="form.flowType" placeholder="请选择资金流动类型">
+              <a-select-option :value="10">
+                <div class="flow-type-option">
+                  <a-tag color="success">佣金收入</a-tag>
+                  <span>获得分销佣金</span>
+                </div>
+              </a-select-option>
+              <a-select-option :value="20">
+                <div class="flow-type-option">
+                  <a-tag color="warning">提现支出</a-tag>
+                  <span>申请提现</span>
+                </div>
+              </a-select-option>
+              <a-select-option :value="30">
+                <div class="flow-type-option">
+                  <a-tag color="error">转账支出</a-tag>
+                  <span>转账给他人</span>
+                </div>
+              </a-select-option>
+              <a-select-option :value="40">
+                <div class="flow-type-option">
+                  <a-tag color="processing">转账收入</a-tag>
+                  <span>收到转账</span>
+                </div>
+              </a-select-option>
+            </a-select>
+          </a-form-item>
+        </a-col>
+        <a-col :span="12">
+          <a-form-item label="金额" name="money">
+            <a-input-number
+              :min="0"
+              :precision="2"
+              placeholder="请输入金额"
+              v-model:value="form.money"
+              style="width: 100%"
+            >
+              <template #addonAfter>元</template>
+            </a-input-number>
+          </a-form-item>
+        </a-col>
+      </a-row>
+
+      <a-form-item label="流动描述" name="comments">
+        <a-textarea
+          v-model:value="form.comments"
+          placeholder="请输入资金流动描述"
+          :rows="3"
+          :maxlength="200"
+          show-count
+        />
+      </a-form-item>
+
+      <!-- 关联信息 -->
+      <a-divider orientation="left">
+        <span style="color: #1890ff; font-weight: 600;">关联信息</span>
+      </a-divider>
+
+      <a-form-item
+        label="对方用户ID"
+        name="toUserId"
+        v-if="form.flowType === 30 || form.flowType === 40"
+      >
+        <a-input-number
+          :min="1"
+          placeholder="请输入对方用户ID"
+          v-model:value="form.toUserId"
+          style="width: 300px"
+        />
+        <span style="margin-left: 12px; color: #999; font-size: 12px;">
+          转账相关操作需要填写对方用户ID
+        </span>
+      </a-form-item>
+
+      <!-- 金额预览 -->
+      <div class="amount-preview" v-if="form.money && form.flowType">
+        <a-alert
+          :type="getAmountAlertType()"
+          :message="getAmountPreviewText()"
+          show-icon
+          style="margin-top: 16px"
+        />
+      </div>
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, watch } from 'vue';
+  import { Form, message } from 'ant-design-vue';
+  import { assignObject, uuid } from 'ele-admin-pro';
+  import { addShopDealerCapital, updateShopDealerCapital } from '@/api/shop/shopDealerCapital';
+  import { ShopDealerCapital } from '@/api/shop/shopDealerCapital/model';
+  import { useThemeStore } from '@/store/modules/theme';
+  import { storeToRefs } from 'pinia';
+  import { ItemType } from 'ele-admin-pro/es/ele-image-upload/types';
+  import { FormInstance } from 'ant-design-vue/es/form';
+  import { FileRecord } from '@/api/system/file/model';
+
+  // 是否是修改
+  const isUpdate = ref(false);
+  const useForm = Form.useForm;
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: ShopDealerCapital | null;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  // 提交状态
+  const loading = ref(false);
+  // 是否显示最大化切换按钮
+  const maxable = ref(true);
+  // 表格选中数据
+  const formRef = ref<FormInstance | null>(null);
+  const images = ref<ItemType[]>([]);
+
+  // 表单数据
+  const form = reactive<ShopDealerCapital>({
+    id: undefined,
+    userId: undefined,
+    orderId: undefined,
+    flowType: undefined,
+    money: undefined,
+    comments: '',
+    toUserId: undefined,
+    tenantId: undefined,
+    createTime: undefined,
+    updateTime: undefined
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    userId: [
+      {
+        required: true,
+        message: '请输入分销商用户ID',
+        trigger: 'blur'
+      }
+    ],
+    flowType: [
+      {
+        required: true,
+        message: '请选择资金流动类型',
+        trigger: 'change'
+      }
+    ],
+    money: [
+      {
+        required: true,
+        message: '请输入金额',
+        trigger: 'blur'
+      },
+      {
+        validator: (rule: any, value: any) => {
+          if (value && value <= 0) {
+            return Promise.reject('金额必须大于0');
+          }
+          return Promise.resolve();
+        },
+        trigger: 'blur'
+      }
+    ],
+    comments: [
+      {
+        required: true,
+        message: '请输入流动描述',
+        trigger: 'blur'
+      },
+      {
+        min: 2,
+        max: 200,
+        message: '描述长度应在2-200个字符之间',
+        trigger: 'blur'
+      }
+    ],
+    toUserId: [
+      {
+        validator: (rule: any, value: any) => {
+          if ((form.flowType === 30 || form.flowType === 40) && !value) {
+            return Promise.reject('转账操作必须填写对方用户ID');
+          }
+          return Promise.resolve();
+        },
+        trigger: 'blur'
+      }
+    ]
+  });
+
+  /* 获取金额预览提示类型 */
+  const getAmountAlertType = () => {
+    if (!form.flowType) return 'info';
+
+    switch (form.flowType) {
+      case 10: // 佣金收入
+      case 40: // 转账收入
+        return 'success';
+      case 20: // 提现支出
+      case 30: // 转账支出
+        return 'warning';
+      default:
+        return 'info';
+    }
+  };
+
+  /* 获取金额预览文本 */
+  const getAmountPreviewText = () => {
+    if (!form.money || !form.flowType) return '';
+
+    const amount = parseFloat(form.money.toString()).toFixed(2);
+    const flowTypeMap = {
+      10: '佣金收入',
+      20: '提现支出',
+      30: '转账支出',
+      40: '转账收入'
+    };
+
+    const flowTypeName = flowTypeMap[form.flowType] || '未知类型';
+    const symbol = form.flowType === 10 || form.flowType === 40 ? '+' : '-';
+
+    return `${flowTypeName}：${symbol}¥${amount}`;
+  };
+
+  const { resetFields } = useForm(form, rules);
+
+  /* 保存编辑 */
+  const save = () => {
+    if (!formRef.value) {
+      return;
+    }
+    formRef.value
+      .validate()
+      .then(() => {
+        loading.value = true;
+        const formData = {
+          ...form
+        };
+        const saveOrUpdate = isUpdate.value ? updateShopDealerCapital : addShopDealerCapital;
+        saveOrUpdate(formData)
+          .then((msg) => {
+            loading.value = false;
+            message.success(msg);
+            updateVisible(false);
+            emit('done');
+          })
+          .catch((e) => {
+            loading.value = false;
+            message.error(e.message);
+          });
+      })
+      .catch(() => {});
+  };
+
+  watch(
+    () => props.visible,
+    (visible) => {
+      if (visible) {
+        if (props.data) {
+          assignObject(form, props.data);
+          isUpdate.value = true;
+        } else {
+          // 重置为默认值
+          Object.assign(form, {
+            id: undefined,
+            userId: undefined,
+            orderId: undefined,
+            flowType: undefined,
+            money: undefined,
+            comments: '',
+            toUserId: undefined,
+            tenantId: undefined,
+            createTime: undefined,
+            updateTime: undefined
+          });
+          isUpdate.value = false;
+        }
+      } else {
+        resetFields();
+      }
+    },
+    { immediate: true }
+  );
+</script>
+
+<style lang="less" scoped>
+.flow-type-option {
+  display: flex;
+  align-items: center;
+
+  .ant-tag {
+    margin-right: 8px;
+  }
+
+  span {
+    color: #666;
+    font-size: 12px;
+  }
+}
+
+.amount-preview {
+  :deep(.ant-alert) {
+    .ant-alert-message {
+      font-weight: 600;
+      font-size: 14px;
+    }
+  }
+}
+
+:deep(.ant-divider-horizontal.ant-divider-with-text-left) {
+  margin: 24px 0 16px 0;
+
+  .ant-divider-inner-text {
+    padding: 0 16px 0 0;
+  }
+}
+
+:deep(.ant-form-item) {
+  margin-bottom: 16px;
+}
+
+:deep(.ant-select-selection-item) {
+  display: flex;
+  align-items: center;
+}
+
+:deep(.ant-input-number) {
+  width: 100%;
+}
+</style>
diff --git a/src/views/sdy/shopDealerCapital/index.vue b/src/views/sdy/shopDealerCapital/index.vue
new file mode 100644
index 0000000..610c9ab
--- /dev/null
+++ b/src/views/sdy/shopDealerCapital/index.vue
@@ -0,0 +1,277 @@
+<template>
+  <a-page-header :title="getPageTitle()" @back="() => $router.go(-1)">
+      <a-card :bordered="false" :body-style="{ padding: '16px' }">
+        <ele-pro-table
+          ref="tableRef"
+          row-key="id"
+          :columns="columns"
+          :datasource="datasource"
+          :customRow="customRow"
+          tool-class="ele-toolbar-form"
+          class="sys-org-table"
+        >
+          <template #toolbar>
+            <search
+              @search="reload"
+              :selection="selection"
+              @add="openEdit"
+              @remove="removeBatch"
+              @batchMove="openMove"
+            />
+          </template>
+          <template #bodyCell="{ column, record }">
+            <template v-if="column.key === 'image'">
+              <a-image :src="record.image" :width="50" />
+            </template>
+            <template v-if="column.key === 'status'">
+              <a-tag v-if="record.status === 0" color="green">显示</a-tag>
+              <a-tag v-if="record.status === 1" color="red">隐藏</a-tag>
+            </template>
+            <template v-if="column.key === 'action'">
+              <a-space>
+                <a @click="openEdit(record)">修改</a>
+                <a-divider type="vertical" />
+                <a-popconfirm
+                  title="确定要删除此记录吗？"
+                  @confirm="remove(record)"
+                >
+                  <a class="ele-text-danger">删除</a>
+                </a-popconfirm>
+              </a-space>
+            </template>
+          </template>
+        </ele-pro-table>
+      </a-card>
+
+      <!-- 编辑弹窗 -->
+      <ShopDealerCapitalEdit v-model:visible="showEdit" :data="current" @done="reload" />
+  </a-page-header>
+</template>
+
+<script lang="ts" setup>
+  import { createVNode, ref } from 'vue';
+  import { message, Modal } from 'ant-design-vue';
+  import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
+  import type { EleProTable } from 'ele-admin-pro';
+  import type {
+    DatasourceFunction,
+    ColumnItem
+  } from 'ele-admin-pro/es/ele-pro-table/types';
+  import Search from './components/search.vue';
+  import {getPageTitle} from '@/utils/common';
+  import ShopDealerCapitalEdit from './components/shopDealerCapitalEdit.vue';
+  import { pageShopDealerCapital, removeShopDealerCapital, removeBatchShopDealerCapital } from '@/api/shop/shopDealerCapital';
+  import type { ShopDealerCapital, ShopDealerCapitalParam } from '@/api/shop/shopDealerCapital/model';
+
+  // 表格实例
+  const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+  // 表格选中数据
+  const selection = ref<ShopDealerCapital[]>([]);
+  // 当前编辑数据
+  const current = ref<ShopDealerCapital | null>(null);
+  // 是否显示编辑弹窗
+  const showEdit = ref(false);
+  // 是否显示批量移动弹窗
+  const showMove = ref(false);
+  // 加载状态
+  const loading = ref(true);
+
+  // 表格数据源
+  const datasource: DatasourceFunction = ({
+    page,
+    limit,
+    where,
+    orders,
+    filters
+  }) => {
+    if (filters) {
+      where.status = filters.status;
+    }
+    return pageShopDealerCapital({
+      ...where,
+      ...orders,
+      page,
+      limit
+    });
+  };
+
+  // 表格列配置
+  const columns = ref<ColumnItem[]>([
+    {
+      title: 'ID',
+      dataIndex: 'id',
+      key: 'id',
+      align: 'center',
+      width: 80,
+      fixed: 'left'
+    },
+    {
+      title: '用户ID',
+      dataIndex: 'userId',
+      key: 'userId',
+      align: 'center',
+      fixed: 'left'
+    },
+    {
+      title: '流动类型',
+      dataIndex: 'flowType',
+      key: 'flowType',
+      align: 'center',
+      customRender: ({ text }) => {
+        const typeMap = {
+          10: { text: '佣金收入', color: 'success' },
+          20: { text: '提现支出', color: 'warning' },
+          30: { text: '转账支出', color: 'error' },
+          40: { text: '转账收入', color: 'processing' },
+          50: { text: '新人注册奖', color: 'processing' }
+        };
+        const type = typeMap[text] || { text: '未知', color: 'default' };
+        return { type: 'tag', props: { color: type.color }, children: type.text };
+      }
+    },
+    {
+      title: '金额',
+      dataIndex: 'money',
+      key: 'money',
+      align: 'center',
+      customRender: ({ text, record }) => {
+        const amount = parseFloat(text || '0').toFixed(2);
+        const isIncome = record.flowType === 10 || record.flowType === 40 || record.flowType === 50;
+        return {
+          type: 'span',
+          props: {
+            style: {
+              color: isIncome ? '#424242' : '#ff4d4f',
+            }
+          },
+          children: `${isIncome ? '' : '-'} ${amount}`
+        };
+      }
+    },
+    {
+      title: '关联订单',
+      dataIndex: 'orderNo',
+      key: 'orderNo',
+      align: 'center',
+      customRender: ({ text }) => text || '-'
+    },
+    {
+      title: '对方用户',
+      dataIndex: 'toUserId',
+      key: 'toUserId',
+      align: 'center',
+      customRender: ({ text }) => text ? `ID: ${text}` : '-'
+    },
+    {
+      title: '描述',
+      dataIndex: 'describe',
+      key: 'describe',
+      align: 'left',
+      ellipsis: true,
+      customRender: ({ text }) => text || '-'
+    },
+    {
+      title: '创建时间',
+      dataIndex: 'createTime',
+      key: 'createTime',
+      align: 'center',
+      sorter: true
+    }
+    // {
+    //   title: '操作',
+    //   key: 'action',
+    //   width: 180,
+    //   fixed: 'right',
+    //   align: 'center',
+    //   hideInSetting: true
+    // }
+  ]);
+
+  /* 搜索 */
+  const reload = (where?: ShopDealerCapitalParam) => {
+    selection.value = [];
+    tableRef?.value?.reload({ where: where });
+  };
+
+  /* 打开编辑弹窗 */
+  const openEdit = (row?: ShopDealerCapital) => {
+    current.value = row ?? null;
+    showEdit.value = true;
+  };
+
+  /* 打开批量移动弹窗 */
+  const openMove = () => {
+    showMove.value = true;
+  };
+
+  /* 删除单个 */
+  const remove = (row: ShopDealerCapital) => {
+    const hide = message.loading('请求中..', 0);
+    removeShopDealerCapital(row.id)
+      .then((msg) => {
+        hide();
+        message.success(msg);
+        reload();
+      })
+      .catch((e) => {
+        hide();
+        message.error(e.message);
+      });
+  };
+
+  /* 批量删除 */
+  const removeBatch = () => {
+    if (!selection.value.length) {
+      message.error('请至少选择一条数据');
+      return;
+    }
+    Modal.confirm({
+      title: '提示',
+      content: '确定要删除选中的记录吗?',
+      icon: createVNode(ExclamationCircleOutlined),
+      maskClosable: true,
+      onOk: () => {
+        const hide = message.loading('请求中..', 0);
+        removeBatchShopDealerCapital(selection.value.map((d) => d.id))
+          .then((msg) => {
+            hide();
+            message.success(msg);
+            reload();
+          })
+          .catch((e) => {
+            hide();
+            message.error(e.message);
+          });
+      }
+    });
+  };
+
+  /* 查询 */
+  const query = () => {
+    loading.value = true;
+  };
+
+  /* 自定义行属性 */
+  const customRow = (record: ShopDealerCapital) => {
+    return {
+      // 行点击事件
+      onClick: () => {
+        // console.log(record);
+      },
+      // 行双击事件
+      onDblclick: () => {
+        openEdit(record);
+      }
+    };
+  };
+  query();
+</script>
+
+<script lang="ts">
+  export default {
+    name: 'ShopDealerCapital'
+  };
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/views/sdy/shopDealerOrder/components/Import.vue b/src/views/sdy/shopDealerOrder/components/Import.vue
new file mode 100644
index 0000000..d9b9e45
--- /dev/null
+++ b/src/views/sdy/shopDealerOrder/components/Import.vue
@@ -0,0 +1,83 @@
+<!-- 经销商订单导入弹窗 -->
+<template>
+  <ele-modal
+    :width="520"
+    :footer="null"
+    title="导入分销订单"
+    :visible="visible"
+    @update:visible="updateVisible"
+  >
+    <a-spin :spinning="loading">
+      <a-upload-dragger
+        accept=".xls,.xlsx"
+        :show-upload-list="false"
+        :customRequest="doUpload"
+        style="padding: 24px 0; margin-bottom: 16px"
+      >
+        <p class="ant-upload-drag-icon">
+          <cloud-upload-outlined/>
+        </p>
+        <p class="ant-upload-hint">将文件拖到此处，或点击上传</p>
+      </a-upload-dragger>
+      <div class="ant-upload-text text-gray-400">
+        <div>1、必须按<a href="https://oss.wsdns.cn/20251018/408b805ec3cd4084a4dc686e130af578.xlsx" target="_blank">导入模版</a>的格式上传</div>
+        <div>2、导入成功确认结算完成佣金的发放</div>
+      </div>
+    </a-spin>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+import {ref} from 'vue';
+import {message} from 'ant-design-vue/es';
+import {CloudUploadOutlined} from '@ant-design/icons-vue';
+import {importSdyDealerOrder} from "@/api/sdy/sdyDealerOrder";
+
+const emit = defineEmits<{
+  (e: 'done'): void;
+  (e: 'update:visible', visible: boolean): void;
+}>();
+
+defineProps<{
+  // 是否打开弹窗
+  visible: boolean;
+}>();
+
+// 导入请求状态
+const loading = ref(false);
+
+/* 上传 */
+const doUpload = ({file}) => {
+  if (
+    ![
+      'application/vnd.ms-excel',
+      'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
+    ].includes(file.type)
+  ) {
+    message.error('只能选择 excel 文件');
+    return false;
+  }
+  if (file.size / 1024 / 1024 > 10) {
+    message.error('大小不能超过 10MB');
+    return false;
+  }
+  loading.value = true;
+  importSdyDealerOrder(file)
+    .then((msg) => {
+      loading.value = false;
+      message.success(msg);
+      updateVisible(false);
+      emit('done');
+    })
+    .catch((e) => {
+      loading.value = false;
+      message.error(e.message);
+    });
+  return false;
+};
+
+/* 更新 visible */
+const updateVisible = (value: boolean) => {
+  emit('update:visible', value);
+};
+</script>
diff --git a/src/views/sdy/shopDealerOrder/components/search.vue b/src/views/sdy/shopDealerOrder/components/search.vue
new file mode 100644
index 0000000..5e7e5b2
--- /dev/null
+++ b/src/views/sdy/shopDealerOrder/components/search.vue
@@ -0,0 +1,184 @@
+<template>
+  <div class="flex items-center gap-20">
+    <!-- 搜索表单 -->
+    <a-form
+      :model="where"
+      layout="inline"
+      class="search-form"
+      @finish="handleSearch"
+    >
+      <a-form-item>
+        <a-space>
+          <a-button
+            danger
+            class="ele-btn-icon"
+            v-if="selection.length > 0"
+            :disabled="selection?.length === 0"
+            @click="removeBatch"
+          >
+            <template #icon>
+              <DeleteOutlined/>
+            </template>
+            <span>批量删除</span>
+          </a-button>
+        </a-space>
+      </a-form-item>
+
+      <!--      <a-form-item label="订单状态">-->
+      <!--        <a-select-->
+      <!--          v-model:value="where.isInvalid"-->
+      <!--          placeholder="全部"-->
+      <!--          allow-clear-->
+      <!--          style="width: 120px"-->
+      <!--        >-->
+      <!--          <a-select-option :value="0">有效</a-select-option>-->
+      <!--          <a-select-option :value="1">失效</a-select-option>-->
+      <!--        </a-select>-->
+      <!--      </a-form-item>-->
+
+      <!--      <a-form-item label="结算状态">-->
+      <!--        <a-select-->
+      <!--          v-model:value="where.isSettled"-->
+      <!--          placeholder="全部"-->
+      <!--          allow-clear-->
+      <!--          style="width: 120px"-->
+      <!--        >-->
+      <!--          <a-select-option :value="0">未结算</a-select-option>-->
+      <!--          <a-select-option :value="1">已结算</a-select-option>-->
+      <!--        </a-select>-->
+      <!--      </a-form-item>-->
+
+      <a-form-item>
+        <a-space>
+          <a-input-search
+            allow-clear
+            placeholder="请输入关键词"
+            style="width: 240px"
+            v-model:value="where.keywords"
+            @search="handleSearch"
+          />
+          <!--          <a-button type="primary" html-type="submit" class="ele-btn-icon">-->
+          <!--            <template #icon>-->
+          <!--              <SearchOutlined/>-->
+          <!--            </template>-->
+          <!--            搜索-->
+          <!--          </a-button>-->
+          <a-button @click="resetSearch">
+            重置
+          </a-button>
+        </a-space>
+      </a-form-item>
+    </a-form>
+    <a-divider type="vertical"/>
+    <a-space>
+      <!--        <a-button @click="exportData" class="ele-btn-icon">-->
+      <!--          <template #icon>-->
+      <!--            <ExportOutlined />-->
+      <!--          </template>-->
+      <!--          导出数据-->
+      <!--        </a-button>-->
+      <a-button @click="openImport" class="ele-btn-icon">
+        <template #icon>
+          <UploadOutlined/>
+        </template>
+        导入数据
+      </a-button>
+      <a-button
+        type="primary"
+        danger
+        @click="batchSettle"
+        :disabled="selection?.length === 0"
+      >
+        <template #icon>
+          <DollarOutlined/>
+        </template>
+        批量结算
+      </a-button>
+    </a-space>
+  </div>
+
+  <!-- 导入弹窗 -->
+  <Import v-model:visible="showImport" @done="emit('importDone')"/>
+</template>
+
+<script lang="ts" setup>
+import {ref} from 'vue';
+import {
+  DollarOutlined,
+  UploadOutlined,
+  DeleteOutlined
+} from '@ant-design/icons-vue';
+import type {ShopDealerOrderParam} from '@/api/shop/shopDealerOrder/model';
+import Import from './Import.vue';
+import useSearch from "@/utils/use-search";
+
+withDefaults(
+  defineProps<{
+    // 选中的数据
+    selection?: any[];
+  }>(),
+  {
+    selection: () => []
+  }
+);
+
+const emit = defineEmits<{
+  (e: 'search', where?: ShopDealerOrderParam): void;
+  (e: 'batchSettle'): void;
+  (e: 'export'): void;
+  (e: 'importDone'): void;
+  (e: 'remove'): void;
+}>();
+
+// 是否显示导入弹窗
+const showImport = ref(false);
+
+// 搜索表单
+const {where, resetFields} = useSearch<ShopDealerOrderParam>({
+  orderNo: '',
+  productName: '',
+  isInvalid: undefined,
+  isSettled: undefined
+});
+
+// 搜索
+const handleSearch = () => {
+  const searchParams = {...where};
+  // 清除空值
+  Object.keys(searchParams).forEach(key => {
+    if (searchParams[key] === '' || searchParams[key] === undefined) {
+      delete searchParams[key];
+    }
+  });
+  emit('search', searchParams);
+};
+
+// 重置搜索
+const resetSearch = () => {
+  // Object.keys(searchForm).forEach(key => {
+  //   searchForm[key] = key === 'orderId' ? undefined : '';
+  // });
+  resetFields();
+  emit('search', {});
+};
+
+// 批量删除
+const removeBatch = () => {
+  emit('remove');
+};
+
+// 批量结算
+const batchSettle = () => {
+  emit('batchSettle');
+};
+
+// 导出数据
+const exportData = () => {
+  emit('export');
+};
+
+// 打开导入弹窗
+const openImport = () => {
+  showImport.value = true;
+};
+</script>
diff --git a/src/views/sdy/shopDealerOrder/components/shopDealerOrderEdit.vue b/src/views/sdy/shopDealerOrder/components/shopDealerOrderEdit.vue
new file mode 100644
index 0000000..389b73b
--- /dev/null
+++ b/src/views/sdy/shopDealerOrder/components/shopDealerOrderEdit.vue
@@ -0,0 +1,352 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="900"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '分销订单' : '分销订单'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    :okText="`立即结算`"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="{ span: 6 }"
+      :wrapper-col="{ span: 18 }"
+    >
+      <!-- 订单基本信息 -->
+      <a-divider orientation="left">
+        <span style="color: #1890ff; font-weight: 600;">基本信息</span>
+      </a-divider>
+
+      <a-row :gutter="16">
+        <a-col :span="12">
+          <a-form-item label="客户名称" name="title">
+           {{ form.title }}
+          </a-form-item>
+        </a-col>
+        <a-col :span="12">
+          <a-form-item label="订单编号" name="orderNo">
+            {{ form.orderNo }}
+          </a-form-item>
+        </a-col>
+        <a-col :span="12">
+          <a-form-item label="结算电量" name="orderPrice">
+            {{ parseFloat(form.orderPrice || 0).toFixed(2) }}
+          </a-form-item>
+        </a-col>
+        <a-col :span="12">
+          <a-form-item label="换算成度" name="dealerPrice">
+            {{ parseFloat(form.degreePrice || 0).toFixed(2) }}
+          </a-form-item>
+        </a-col>
+        <a-col :span="12">
+          <a-form-item label="税率" name="rate">
+            {{ form.rate }}
+          </a-form-item>
+        </a-col>
+        <a-col :span="12">
+          <a-form-item label="单价" name="price">
+            {{ form.price }}
+          </a-form-item>
+        </a-col>
+        <a-col :span="12">
+          <a-form-item label="结算金额" name="payPrice">
+            {{ parseFloat(form.settledPrice || 0).toFixed(2) }}
+          </a-form-item>
+        </a-col>
+        <a-col :span="12">
+          <a-form-item label="实发金额" name="payPrice">
+            {{ parseFloat(form.payPrice || 0).toFixed(2) }}
+          </a-form-item>
+        </a-col>
+      </a-row>
+      <div class="font-bold text-gray-400 bg-gray-50">开发调试</div>
+      <div class="text-gray-400 bg-gray-50">
+        <div>业务员({{ form.userId }})：{{ form.nickname }}</div>
+        <div>一级分销商({{ form.firstUserId }})：{{ form.firstNickname }}，一级佣金30%：{{ form.firstMoney }}</div>
+        <div>二级分销商({{ form.secondUserId }})：{{ form.secondNickname }}，二级佣金10%：{{ form.secondMoney }}</div>
+        <div>三级分销商({{ form.thirdUserId }})：{{ form.thirdNickname }}，三级佣金60%：{{ form.thirdMoney }}</div>
+      </div>
+      <!-- 分销商信息 -->
+      <a-divider orientation="left">
+        <span style="color: #1890ff; font-weight: 600;">收益计算</span>
+      </a-divider>
+
+      <!-- 一级分销商 -->
+      <div class="dealer-section">
+        <h4 class="dealer-title">
+          <a-tag color="orange">一级佣金30%</a-tag>
+        </h4>
+        <a-row :gutter="16">
+          <a-col :span="12">
+            <a-form-item label="用户ID" name="firstUserId">
+              {{ form.firstUserId }}
+            </a-form-item>
+            <a-form-item label="昵称" name="firstNickname">
+              {{ form.firstNickname }}
+            </a-form-item>
+          </a-col>
+          <a-col :span="12">
+            <a-form-item label="占比" name="rate">
+              {{ '30%' }}
+            </a-form-item>
+            <a-form-item label="获取收益" name="firstMoney">
+              {{ form.firstMoney }}
+            </a-form-item>
+          </a-col>
+        </a-row>
+      </div>
+
+      <!-- 二级分销商 -->
+      <div class="dealer-section">
+        <h4 class="dealer-title">
+          <a-tag color="orange">二级佣金10%</a-tag>
+        </h4>
+        <a-row :gutter="16">
+          <a-col :span="12">
+            <a-form-item label="用户ID" name="secondUserId">
+              {{ form.secondUserId }}
+            </a-form-item>
+            <a-form-item label="昵称" name="nickname">
+              {{ form.secondNickname }}
+            </a-form-item>
+          </a-col>
+          <a-col :span="12">
+            <a-form-item label="占比" name="rate">
+              10%
+            </a-form-item>
+            <a-form-item label="获取收益" name="firstMoney">
+              {{ form.secondMoney }}
+            </a-form-item>
+          </a-col>
+        </a-row>
+      </div>
+
+      <!-- 三级分销商 -->
+      <div class="dealer-section" v-if="form.thirdUserId > 0">
+        <h4 class="dealer-title">
+          <a-tag color="orange">三级佣金60%</a-tag>
+        </h4>
+        <a-row :gutter="16">
+          <a-col :span="12">
+            <a-form-item label="用户ID" name="thirdUserId">
+              {{ form.thirdUserId }}
+            </a-form-item>
+            <a-form-item label="昵称" name="thirdNickname">
+              {{ form.thirdNickname }}
+            </a-form-item>
+          </a-col>
+          <a-col :span="12">
+            <a-form-item label="占比" name="rate">
+              {{ '60%' }}
+            </a-form-item>
+            <a-form-item label="获取收益" name="thirdMoney">
+              {{ form.thirdMoney }}
+            </a-form-item>
+          </a-col>
+        </a-row>
+      </div>
+
+      <a-form-item label="结算时间" name="settleTime" v-if="form.isSettled === 1">
+        {{ form.settleTime }}
+      </a-form-item>
+    </a-form>
+
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+import {ref, reactive, watch} from 'vue';
+import {Form, message} from 'ant-design-vue';
+import {assignObject} from 'ele-admin-pro';
+import {ShopDealerOrder} from '@/api/shop/shopDealerOrder/model';
+import {FormInstance} from 'ant-design-vue/es/form';
+import {updateSdyDealerOrder} from "@/api/sdy/sdyDealerOrder";
+
+// 是否是修改
+const isUpdate = ref(false);
+const useForm = Form.useForm;
+
+const props = defineProps<{
+  // 弹窗是否打开
+  visible: boolean;
+  // 修改回显的数据
+  data?: ShopDealerOrder | null;
+}>();
+
+const emit = defineEmits<{
+  (e: 'done'): void;
+  (e: 'update:visible', visible: boolean): void;
+}>();
+
+// 提交状态
+const loading = ref(false);
+// 是否显示最大化切换按钮
+const maxable = ref(true);
+// 表格选中数据
+const formRef = ref<FormInstance | null>(null);
+
+// 表单数据
+const form = reactive<ShopDealerOrder>({
+  id: undefined,
+  userId: undefined,
+  nickname: undefined,
+  orderNo: undefined,
+  title: undefined,
+  orderPrice: undefined,
+  settledPrice: undefined,
+  degreePrice: undefined,
+  price: undefined,
+  month: undefined,
+  payPrice: undefined,
+  firstUserId: undefined,
+  secondUserId: undefined,
+  thirdUserId: undefined,
+  firstMoney: undefined,
+  secondMoney: undefined,
+  thirdMoney: undefined,
+  firstNickname: undefined,
+  secondNickname: undefined,
+  thirdNickname: undefined,
+  rate: undefined,
+  comments: undefined,
+  isInvalid: 0,
+  isSettled: 0,
+  settleTime: undefined,
+  tenantId: undefined,
+  createTime: undefined,
+  updateTime: undefined
+});
+
+/* 更新visible */
+const updateVisible = (value: boolean) => {
+  emit('update:visible', value);
+};
+
+// 表单验证规则
+const rules = reactive({
+  userId: [
+    {
+      required: true,
+      message: '请选择用户ID',
+      trigger: 'blur'
+    }
+  ],
+});
+
+
+const {resetFields} = useForm(form, rules);
+
+/* 保存编辑 */
+const save = () => {
+  if (!formRef.value) {
+    return;
+  }
+  if (form.isSettled == 1) {
+    message.error('请勿重复结算');
+    return;
+  }
+  if (form.userId == 0) {
+    message.error('未签约');
+    return;
+  }
+  formRef.value
+    .validate()
+    .then(() => {
+      loading.value = true;
+      const formData = {
+        ...form,
+        isSettled: 1
+      };
+      updateSdyDealerOrder(formData)
+        .then((msg) => {
+          loading.value = false;
+          message.success(msg);
+          updateVisible(false);
+          emit('done');
+        })
+        .catch((e) => {
+          loading.value = false;
+          message.error(e.message);
+        });
+    })
+    .catch(() => {
+    });
+};
+
+console.log(localStorage.getItem(''))
+watch(
+  () => props.visible,
+  (visible) => {
+    if (visible) {
+      if (props.data) {
+        assignObject(form, props.data);
+        isUpdate.value = true;
+      } else {
+        // 重置为默认值
+        Object.assign(form, {
+          id: undefined,
+          userId: undefined,
+          orderNo: undefined,
+          orderPrice: undefined,
+          firstUserId: undefined,
+          secondUserId: undefined,
+          thirdUserId: undefined,
+          firstMoney: undefined,
+          secondMoney: undefined,
+          thirdMoney: undefined,
+          isInvalid: 0,
+          isSettled: 0,
+          settleTime: undefined
+        });
+        isUpdate.value = false;
+      }
+    } else {
+      resetFields();
+    }
+  },
+  {immediate: true}
+);
+</script>
+
+<style lang="less" scoped>
+.dealer-section {
+  margin-bottom: 24px;
+  padding: 16px;
+  background: #fafafa;
+  border-radius: 6px;
+  border-left: 3px solid #1890ff;
+
+  .dealer-title {
+    margin: 0 0 16px 0;
+    font-size: 14px;
+    font-weight: 600;
+    color: #333;
+
+    .ant-tag {
+      margin-right: 8px;
+    }
+  }
+}
+
+:deep(.ant-divider-horizontal.ant-divider-with-text-left) {
+  margin: 24px 0 16px 0;
+
+  .ant-divider-inner-text {
+    padding: 0 16px 0 0;
+  }
+}
+
+:deep(.ant-form-item) {
+  margin-bottom: 16px;
+}
+
+:deep(.ant-input-number) {
+  width: 100%;
+}
+</style>
diff --git a/src/views/sdy/shopDealerOrder/index.vue b/src/views/sdy/shopDealerOrder/index.vue
new file mode 100644
index 0000000..ff2d5a8
--- /dev/null
+++ b/src/views/sdy/shopDealerOrder/index.vue
@@ -0,0 +1,433 @@
+<template>
+  <a-page-header :title="getPageTitle()" @back="() => $router.go(-1)">
+    <a-card :bordered="false" :body-style="{ padding: '16px' }">
+      <ele-pro-table
+        ref="tableRef"
+        row-key="id"
+        :columns="columns"
+        :datasource="datasource"
+        :customRow="customRow"
+        v-model:selection="selection"
+        tool-class="ele-toolbar-form"
+        class="sys-org-table"
+      >
+        <template #toolbar>
+          <search
+            @search="reload"
+            :selection="selection"
+            @batchSettle="batchSettle"
+            @export="handleExport"
+            @remove="removeBatch"
+            @importDone="reload"
+          />
+        </template>
+        <template #bodyCell="{ column, record }">
+
+          <template v-if="column.key === 'title'">
+            <div>{{ record.title }}</div>
+            <div class="text-gray-400">用户ID：{{ record.userId }}</div>
+          </template>
+
+          <template v-if="column.key === 'orderPrice'">
+            {{ record.orderPrice.toFixed(2) }}
+          </template>
+
+          <template v-if="column.key === 'degreePrice'">
+            {{ record.degreePrice.toFixed(2) }}
+          </template>
+
+          <template v-if="column.key === 'price'">
+            {{ record.price }}
+          </template>
+
+          <template v-if="column.key === 'settledPrice'">
+            {{ record.settledPrice.toFixed(2) }}
+          </template>
+
+          <template v-if="column.key === 'payPrice'">
+            {{ record.payPrice.toFixed(2) }}
+          </template>
+
+          <template v-if="column.key === 'dealerInfo'">
+            <div class="dealer-info">
+              <div v-if="record.firstUserId" class="dealer-level">
+                <a-tag color="red">一级</a-tag>
+                用户{{ record.firstUserId }} - ¥{{ parseFloat(record.firstMoney || '0').toFixed(2) }}
+              </div>
+              <div v-if="record.secondUserId" class="dealer-level">
+                <a-tag color="orange">二级</a-tag>
+                用户{{ record.secondUserId }} - ¥{{ parseFloat(record.secondMoney || '0').toFixed(2) }}
+              </div>
+              <div v-if="record.thirdUserId" class="dealer-level">
+                <a-tag color="gold">三级</a-tag>
+                用户{{ record.thirdUserId }} - ¥{{ parseFloat(record.thirdMoney || '0').toFixed(2) }}
+              </div>
+            </div>
+          </template>
+
+          <template v-if="column.key === 'isInvalid'">
+            <a-tag v-if="record.isInvalid === 0" color="success">已签约</a-tag>
+            <a-tag v-if="record.isInvalid === 1" color="error">未签约</a-tag>
+          </template>
+
+          <template v-if="column.key === 'isSettled'">
+            <a-tag v-if="record.isSettled === 0" color="orange">未结算</a-tag>
+            <a-tag v-if="record.isSettled === 1" color="success">已结算</a-tag>
+          </template>
+
+          <template v-if="column.key === 'createTime'">
+            <div class="flex flex-col">
+              <a-tooltip title="创建时间">
+                <span class="text-gray-500">{{ record.createTime }}</span>
+              </a-tooltip>
+              <a-tooltip title="结算时间">
+                <span class="text-purple-500">{{ record.settleTime }}</span>
+              </a-tooltip>
+            </div>
+          </template>
+
+          <template v-if="column.key === 'action'">
+            <template v-if="record.isSettled === 0 && record.isInvalid === 0">
+              <a @click="openEdit(record)" class="ele-text-success">
+                结算
+              </a>
+              <a-divider type="vertical"/>
+            </template>
+            <a-popconfirm
+              v-if="record.isSettled === 0"
+              title="确定要删除吗？"
+              @confirm="remove(record)"
+              placement="topRight"
+            >
+              <a class="text-red-500">
+                删除
+              </a>
+            </a-popconfirm>
+          </template>
+        </template>
+      </ele-pro-table>
+    </a-card>
+
+    <!-- 编辑弹窗 -->
+    <ShopDealerOrderEdit v-model:visible="showEdit" :data="current" @done="reload"/>
+  </a-page-header>
+</template>
+
+<script lang="ts" setup>
+import {createVNode, ref} from 'vue';
+import {message, Modal} from 'ant-design-vue';
+import {
+  ExclamationCircleOutlined
+} from '@ant-design/icons-vue';
+import type {EleProTable} from 'ele-admin-pro';
+import type {
+  DatasourceFunction,
+  ColumnItem
+} from 'ele-admin-pro/es/ele-pro-table/types';
+import Search from './components/search.vue';
+import {getPageTitle} from '@/utils/common';
+import ShopDealerOrderEdit from './components/shopDealerOrderEdit.vue';
+import {pageShopDealerOrder, removeShopDealerOrder, removeBatchShopDealerOrder} from '@/api/shop/shopDealerOrder';
+import type {ShopDealerOrder, ShopDealerOrderParam} from '@/api/shop/shopDealerOrder/model';
+import {exportSdyDealerOrder} from "@/api/sdy/sdyDealerOrder";
+
+// 表格实例
+const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+// 表格选中数据
+const selection = ref<ShopDealerOrder[]>([]);
+// 当前编辑数据
+const current = ref<ShopDealerOrder | null>(null);
+// 是否显示编辑弹窗
+const showEdit = ref(false);
+// 加载状态
+const loading = ref(true);
+
+// 当前搜索条件
+const currentWhere = ref<ShopDealerOrderParam>({});
+
+// 表格数据源
+const datasource: DatasourceFunction = ({
+                                          page,
+                                          limit,
+                                          where,
+                                          orders,
+                                          filters
+                                        }) => {
+  if (filters) {
+    where.status = filters.status;
+  }
+  // 保存当前搜索条件用于导出
+  currentWhere.value = {...where};
+  // 未结算订单
+  where.isSettled = 0;
+  where.myOrder = 1;
+  return pageShopDealerOrder({
+    ...where,
+    ...orders,
+    page,
+    limit
+  });
+};
+
+// 表格列配置
+const columns = ref<ColumnItem[]>([
+  {
+    title: '订单编号',
+    dataIndex: 'orderNo',
+    key: 'orderNo'
+  },
+  {
+    title: '客户名称',
+    dataIndex: 'title',
+    key: 'title',
+    width: 220,
+  },
+  {
+    title: '结算电量',
+    dataIndex: 'orderPrice',
+    key: 'orderPrice',
+    align: 'center'
+  },
+  {
+    title: '换算成度',
+    dataIndex: 'degreePrice',
+    key: 'degreePrice',
+    align: 'center'
+  },
+  {
+    title: '结算单价',
+    dataIndex: 'price',
+    key: 'price',
+    align: 'center'
+  },
+  {
+    title: '结算金额',
+    dataIndex: 'settledPrice',
+    key: 'settledPrice',
+    align: 'center'
+  },
+  {
+    title: '税费',
+    dataIndex: 'rate',
+    key: 'rate',
+    align: 'center'
+  },
+  {
+    title: '实发金额',
+    dataIndex: 'payPrice',
+    key: 'payPrice',
+    align: 'center'
+  },
+  {
+    title: '签约状态',
+    dataIndex: 'isInvalid',
+    key: 'isInvalid',
+    align: 'center',
+    width: 100
+  },
+  {
+    title: '月份',
+    dataIndex: 'month',
+    key: 'month',
+    align: 'center',
+    width: 100
+  },
+  {
+    title: '结算状态',
+    dataIndex: 'isSettled',
+    key: 'isSettled',
+    align: 'center',
+    width: 100
+  },
+  {
+    title: '创建时间',
+    dataIndex: 'createTime',
+    key: 'createTime',
+    align: 'center'
+  },
+  {
+    title: '操作',
+    key: 'action',
+    width: 180,
+    fixed: 'right',
+    align: 'center',
+    hideInSetting: true
+  }
+]);
+
+/* 搜索 */
+const reload = (where?: ShopDealerOrderParam) => {
+  selection.value = [];
+  tableRef?.value?.reload({where: where});
+};
+
+/* 批量结算 */
+const batchSettle = () => {
+  if (!selection.value.length) {
+    message.error('请至少选择一条数据');
+    return;
+  }
+
+  const validOrders = selection.value.filter(order =>
+    order.isSettled === 0 && order.isInvalid === 0
+  );
+
+  if (!validOrders.length) {
+    message.error('所选订单中没有可结算的订单');
+    return;
+  }
+
+  const totalCommission = validOrders.reduce((sum, order) => {
+    return sum + parseFloat(order.firstMoney || '0') +
+      parseFloat(order.secondMoney || '0') +
+      parseFloat(order.thirdMoney || '0');
+  }, 0).toFixed(2);
+
+  Modal.confirm({
+    title: '批量结算确认',
+    content: `确定要结算选中的 ${validOrders.length} 个订单吗？总佣金金额：¥${totalCommission}`,
+    icon: createVNode(ExclamationCircleOutlined),
+    okText: '确认结算',
+    okType: 'primary',
+    cancelText: '取消',
+    onOk: () => {
+      const hide = message.loading('正在批量结算...', 0);
+      // 这里调用批量结算API
+      setTimeout(() => {
+        hide();
+        message.success(`成功结算 ${validOrders.length} 个订单`);
+        reload();
+      }, 1500);
+    }
+  });
+};
+
+/* 导出数据 */
+const handleExport = () => {
+  // 调用导出API，传入当前搜索条件
+  exportSdyDealerOrder(currentWhere.value);
+};
+
+/* 打开编辑弹窗 */
+const openEdit = (row?: ShopDealerOrder) => {
+  current.value = row ?? null;
+  showEdit.value = true;
+};
+
+/* 删除单个 */
+const remove = (row: ShopDealerOrder) => {
+  const hide = message.loading('请求中..', 0);
+  removeShopDealerOrder(row.id)
+    .then((msg) => {
+      hide();
+      message.success(msg);
+      reload();
+    })
+    .catch((e) => {
+      hide();
+      message.error(e.message);
+    });
+};
+
+/* 批量删除 */
+const removeBatch = () => {
+  if (!selection.value.length) {
+    message.error('请至少选择一条数据');
+    return;
+  }
+  Modal.confirm({
+    title: '提示',
+    content: '确定要删除选中的记录吗?',
+    icon: createVNode(ExclamationCircleOutlined),
+    maskClosable: true,
+    onOk: () => {
+      const hide = message.loading('请求中..', 0);
+      removeBatchShopDealerOrder(selection.value.map((d) => d.id))
+        .then((msg) => {
+          hide();
+          message.success(msg);
+          reload();
+        })
+        .catch((e) => {
+          hide();
+          message.error(e.message);
+        });
+    }
+  });
+};
+
+/* 查询 */
+const query = () => {
+  loading.value = true;
+};
+
+/* 自定义行属性 */
+const customRow = (record: ShopDealerOrder) => {
+  return {
+    // 行点击事件
+    onClick: () => {
+      // console.log(record);
+    },
+    // 行双击事件
+    onDblclick: () => {
+      openEdit(record);
+    }
+  };
+};
+query();
+</script>
+
+<script lang="ts">
+export default {
+  name: 'ShopDealerOrder'
+};
+</script>
+
+<style lang="less" scoped>
+.order-info {
+  .order-id {
+    font-weight: 500;
+    color: #333;
+    margin-bottom: 4px;
+  }
+
+  .order-price {
+    color: #ff4d4f;
+    font-weight: 600;
+  }
+}
+
+.dealer-info {
+  .dealer-level {
+    margin-bottom: 6px;
+    font-size: 12px;
+
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+}
+
+:deep(.detail-section) {
+  h4 {
+    color: #1890ff;
+    margin-bottom: 12px;
+    border-bottom: 1px solid #f0f0f0;
+    padding-bottom: 8px;
+  }
+
+  p {
+    margin: 4px 0;
+    line-height: 1.5;
+  }
+}
+
+:deep(.ant-table-tbody > tr > td) {
+  vertical-align: top;
+}
+
+:deep(.ant-tag) {
+  margin: 2px 4px 2px 0;
+}
+</style>
diff --git a/src/views/sdy/shopDealerOrder2/components/Import.vue b/src/views/sdy/shopDealerOrder2/components/Import.vue
new file mode 100644
index 0000000..cc7cdef
--- /dev/null
+++ b/src/views/sdy/shopDealerOrder2/components/Import.vue
@@ -0,0 +1,79 @@
+<!-- 经销商订单导入弹窗 -->
+<template>
+  <ele-modal
+    :width="520"
+    :footer="null"
+    title="导入分销订单"
+    :visible="visible"
+    @update:visible="updateVisible"
+  >
+    <a-spin :spinning="loading">
+      <a-upload-dragger
+        accept=".xls,.xlsx"
+        :show-upload-list="false"
+        :customRequest="doUpload"
+        style="padding: 24px 0; margin-bottom: 16px"
+      >
+        <p class="ant-upload-drag-icon">
+          <cloud-upload-outlined/>
+        </p>
+        <p class="ant-upload-hint">将文件拖到此处，或点击上传</p>
+      </a-upload-dragger>
+    </a-spin>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+import {ref} from 'vue';
+import {message} from 'ant-design-vue/es';
+import {CloudUploadOutlined} from '@ant-design/icons-vue';
+import {importSdyDealerOrder} from "@/api/sdy/sdyDealerOrder";
+
+const emit = defineEmits<{
+  (e: 'done'): void;
+  (e: 'update:visible', visible: boolean): void;
+}>();
+
+defineProps<{
+  // 是否打开弹窗
+  visible: boolean;
+}>();
+
+// 导入请求状态
+const loading = ref(false);
+
+/* 上传 */
+const doUpload = ({file}) => {
+  if (
+    ![
+      'application/vnd.ms-excel',
+      'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
+    ].includes(file.type)
+  ) {
+    message.error('只能选择 excel 文件');
+    return false;
+  }
+  if (file.size / 1024 / 1024 > 10) {
+    message.error('大小不能超过 10MB');
+    return false;
+  }
+  loading.value = true;
+  importSdyDealerOrder(file)
+    .then((msg) => {
+      loading.value = false;
+      message.success(msg);
+      updateVisible(false);
+      emit('done');
+    })
+    .catch((e) => {
+      loading.value = false;
+      message.error(e.message);
+    });
+  return false;
+};
+
+/* 更新 visible */
+const updateVisible = (value: boolean) => {
+  emit('update:visible', value);
+};
+</script>
diff --git a/src/views/sdy/shopDealerOrder2/components/search.vue b/src/views/sdy/shopDealerOrder2/components/search.vue
new file mode 100644
index 0000000..a47cc62
--- /dev/null
+++ b/src/views/sdy/shopDealerOrder2/components/search.vue
@@ -0,0 +1,144 @@
+<!-- 搜索表单 -->
+<template>
+  <a-space :size="10" style="flex-wrap: wrap">
+    <a-input-search
+      allow-clear
+      placeholder="客户名称|订单编号"
+      style="width: 240px"
+      v-model:value="where.keywords"
+      @search="reload"
+    />
+    <a-button type="dashed" @click="handleExport">导出xls</a-button>
+  </a-space>
+</template>
+
+<script lang="ts" setup>
+  import type { GradeParam } from '@/api/user/grade/model';
+  import {ref, watch} from 'vue';
+  import {utils, writeFile} from 'xlsx';
+  import {message} from 'ant-design-vue';
+  import {ShopDealerCapital} from "@/api/shop/shopDealerCapital/model";
+  import {getTenantId} from "@/utils/domain";
+  import useSearch from "@/utils/use-search";
+  import {ShopDealerOrder, ShopDealerOrderParam} from "@/api/sdy/sdyDealerOrder/model";
+  import {pageShopDealerOrder} from "@/api/shop/shopDealerOrder";
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的角色
+      selection?: [];
+    }>(),
+    {}
+  );
+
+  const emit = defineEmits<{
+    (e: 'search', where?: GradeParam): void;
+    (e: 'add'): void;
+    (e: 'remove'): void;
+    (e: 'batchMove'): void;
+  }>();
+
+  const reload = () => {
+    emit('search', where);
+  };
+
+  // 表单数据
+  const {where} = useSearch<ShopDealerOrderParam>({
+    keywords: '',
+    userId: undefined,
+    orderNo: undefined,
+    limit: 5000
+  });
+
+  const list = ref<ShopDealerCapital[]>([]);
+
+  // 导出
+  const handleExport = async () => {
+    const array: (string | number)[][] = [
+      [
+        '客户名称',
+        '业务员',
+        '订单编号',
+        '结算电量',
+        '换算成度',
+        '结算单价',
+        '结算金额',
+        '税费',
+        '实发金额',
+        '一级佣金30%',
+        '一级佣金收益',
+        '二级佣金10%',
+        '二级佣金收益',
+        '三级佣金60%',
+        '三级佣金收益',
+        '月份',
+        '创建时间',
+        '结算时间',
+        '租户ID'
+      ]
+    ];
+
+    // 按搜索结果导出
+    await pageShopDealerOrder(where)
+      .then((data) => {
+        list.value = data?.list || [];
+        list.value?.forEach((d: ShopDealerOrder) => {
+          array.push([
+            `${d.title}`,
+            `${d.nickname}(${d.userId})`,
+            `${d.orderNo}`,
+            `${d.orderPrice}`,
+            `${d.degreePrice}`,
+            `${d.price}`,
+            `${d.settledPrice}`,
+            `${d.rate}`,
+            `${d.payPrice}`,
+            `${d.firstNickname}(${d.firstUserId})`,
+            `${d.firstMoney}`,
+            `${d.secondNickname}(${d.secondUserId})`,
+            `${d.secondMoney}`,
+            `${d.thirdNickname}(${d.thirdUserId})`,
+            `${d.thirdMoney}`,
+            `${d.month}`,
+            `${d.createTime}`,
+            `${d.settleTime}`,
+            `${d.tenantId}`
+          ]);
+        });
+        const sheetName = `bak_shop_dealer_order_${getTenantId()}`;
+        const workbook = {
+          SheetNames: [sheetName],
+          Sheets: {}
+        };
+        const sheet = utils.aoa_to_sheet(array);
+        workbook.Sheets[sheetName] = sheet;
+        // 设置列宽
+        sheet['!cols'] = [
+          {wch: 10},
+          {wch: 20},
+          {wch: 20},
+          {wch: 15},
+          {wch: 10},
+          {wch: 10},
+          {wch: 20}
+        ];
+        message.loading('正在导出...');
+        setTimeout(() => {
+          writeFile(
+            workbook,
+            `${sheetName}.xlsx`
+          );
+        }, 1000);
+      })
+      .catch((msg) => {
+        message.error(msg);
+      })
+      .finally(() => {
+      });
+  };
+
+  watch(
+    () => props.selection,
+    () => {}
+  );
+</script>
diff --git a/src/views/sdy/shopDealerOrder2/components/shopDealerOrderEdit.vue b/src/views/sdy/shopDealerOrder2/components/shopDealerOrderEdit.vue
new file mode 100644
index 0000000..c8b72aa
--- /dev/null
+++ b/src/views/sdy/shopDealerOrder2/components/shopDealerOrderEdit.vue
@@ -0,0 +1,352 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="900"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '分销订单' : '分销订单'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    :okText="`立即结算`"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="{ span: 6 }"
+      :wrapper-col="{ span: 18 }"
+    >
+      <!-- 订单基本信息 -->
+      <a-divider orientation="left">
+        <span style="color: #1890ff; font-weight: 600;">基本信息</span>
+      </a-divider>
+
+      <a-row :gutter="16">
+        <a-col :span="12">
+          <a-form-item label="客户名称" name="title">
+            {{ form.title }}
+          </a-form-item>
+        </a-col>
+        <a-col :span="12">
+          <a-form-item label="订单编号" name="orderNo">
+            {{ form.orderNo }}
+          </a-form-item>
+        </a-col>
+        <a-col :span="12">
+          <a-form-item label="结算电量" name="orderPrice">
+            {{ parseFloat(form.orderPrice || 0).toFixed(2) }}
+          </a-form-item>
+        </a-col>
+        <a-col :span="12">
+          <a-form-item label="换算成度" name="dealerPrice">
+            {{ parseFloat(form.degreePrice || 0).toFixed(2) }}
+          </a-form-item>
+        </a-col>
+        <a-col :span="12">
+          <a-form-item label="税率" name="rate">
+            {{ form.rate }}
+          </a-form-item>
+        </a-col>
+        <a-col :span="12">
+          <a-form-item label="单价" name="price">
+            {{ form.price }}
+          </a-form-item>
+        </a-col>
+        <a-col :span="12">
+          <a-form-item label="结算金额" name="payPrice">
+            {{ parseFloat(form.settledPrice || 0).toFixed(2) }}
+          </a-form-item>
+        </a-col>
+        <a-col :span="12">
+          <a-form-item label="实发金额" name="payPrice">
+            {{ parseFloat(form.payPrice || 0).toFixed(2) }}
+          </a-form-item>
+        </a-col>
+      </a-row>
+      <div class="font-bold text-gray-400 bg-gray-50">开发调试</div>
+      <div class="text-gray-400 bg-gray-50">
+        <div>业务员({{ form.userId }})：{{ form.nickname }}</div>
+        <div>一级分销商({{ form.firstUserId }})：{{ form.firstNickname }}，一级佣金30%：{{ form.firstMoney }}</div>
+        <div>二级分销商({{ form.secondUserId }})：{{ form.secondNickname }}，二级佣金10%：{{ form.secondMoney }}</div>
+        <div>三级分销商({{ form.thirdUserId }})：{{ form.thirdNickname }}，三级佣金60%：{{ form.thirdMoney }}</div>
+      </div>
+      <!-- 分销商信息 -->
+      <a-divider orientation="left">
+        <span style="color: #1890ff; font-weight: 600;">收益计算</span>
+      </a-divider>
+
+      <!-- 一级分销商 -->
+      <div class="dealer-section">
+        <h4 class="dealer-title">
+          <a-tag color="orange">一级佣金30%</a-tag>
+        </h4>
+        <a-row :gutter="16">
+          <a-col :span="12">
+            <a-form-item label="用户ID" name="firstUserId">
+              {{ form.firstUserId }}
+            </a-form-item>
+            <a-form-item label="昵称" name="firstNickname">
+              {{ form.firstNickname }}
+            </a-form-item>
+          </a-col>
+          <a-col :span="12">
+            <a-form-item label="占比" name="rate">
+              {{ '30%' }}
+            </a-form-item>
+            <a-form-item label="获取收益" name="firstMoney">
+              {{ form.firstMoney }}
+            </a-form-item>
+          </a-col>
+        </a-row>
+      </div>
+
+      <!-- 二级分销商 -->
+      <div class="dealer-section">
+        <h4 class="dealer-title">
+          <a-tag color="orange">二级佣金10%</a-tag>
+        </h4>
+        <a-row :gutter="16">
+          <a-col :span="12">
+            <a-form-item label="用户ID" name="secondUserId">
+              {{ form.secondUserId }}
+            </a-form-item>
+            <a-form-item label="昵称" name="nickname">
+              {{ form.secondNickname }}
+            </a-form-item>
+          </a-col>
+          <a-col :span="12">
+            <a-form-item label="占比" name="rate">
+              10%
+            </a-form-item>
+            <a-form-item label="获取收益" name="firstMoney">
+              {{ form.secondMoney }}
+            </a-form-item>
+          </a-col>
+        </a-row>
+      </div>
+
+      <!-- 三级分销商 -->
+      <div class="dealer-section" v-if="form.thirdUserId > 0">
+        <h4 class="dealer-title">
+          <a-tag color="orange">三级佣金60%</a-tag>
+        </h4>
+        <a-row :gutter="16">
+          <a-col :span="12">
+            <a-form-item label="用户ID" name="thirdUserId">
+              {{ form.thirdUserId }}
+            </a-form-item>
+            <a-form-item label="昵称" name="thirdNickname">
+              {{ form.thirdNickname }}
+            </a-form-item>
+          </a-col>
+          <a-col :span="12">
+            <a-form-item label="占比" name="rate">
+              {{ '60%' }}
+            </a-form-item>
+            <a-form-item label="获取收益" name="thirdMoney">
+              {{ form.thirdMoney }}
+            </a-form-item>
+          </a-col>
+        </a-row>
+      </div>
+
+      <a-form-item label="结算时间" name="settleTime" v-if="form.isSettled === 1">
+        {{ form.settleTime }}
+      </a-form-item>
+    </a-form>
+
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+import {ref, reactive, watch} from 'vue';
+import {Form, message} from 'ant-design-vue';
+import {assignObject} from 'ele-admin-pro';
+import {ShopDealerOrder} from '@/api/shop/shopDealerOrder/model';
+import {FormInstance} from 'ant-design-vue/es/form';
+import {updateSdyDealerOrder} from "@/api/sdy/sdyDealerOrder";
+
+// 是否是修改
+const isUpdate = ref(false);
+const useForm = Form.useForm;
+
+const props = defineProps<{
+  // 弹窗是否打开
+  visible: boolean;
+  // 修改回显的数据
+  data?: ShopDealerOrder | null;
+}>();
+
+const emit = defineEmits<{
+  (e: 'done'): void;
+  (e: 'update:visible', visible: boolean): void;
+}>();
+
+// 提交状态
+const loading = ref(false);
+// 是否显示最大化切换按钮
+const maxable = ref(true);
+// 表格选中数据
+const formRef = ref<FormInstance | null>(null);
+
+// 表单数据
+const form = reactive<ShopDealerOrder>({
+  id: undefined,
+  userId: undefined,
+  nickname: undefined,
+  orderNo: undefined,
+  title: undefined,
+  orderPrice: undefined,
+  settledPrice: undefined,
+  degreePrice: undefined,
+  price: undefined,
+  month: undefined,
+  payPrice: undefined,
+  firstUserId: undefined,
+  secondUserId: undefined,
+  thirdUserId: undefined,
+  firstMoney: undefined,
+  secondMoney: undefined,
+  thirdMoney: undefined,
+  firstNickname: undefined,
+  secondNickname: undefined,
+  thirdNickname: undefined,
+  rate: undefined,
+  comments: undefined,
+  isInvalid: 0,
+  isSettled: 0,
+  settleTime: undefined,
+  tenantId: undefined,
+  createTime: undefined,
+  updateTime: undefined
+});
+
+/* 更新visible */
+const updateVisible = (value: boolean) => {
+  emit('update:visible', value);
+};
+
+// 表单验证规则
+const rules = reactive({
+  userId: [
+    {
+      required: true,
+      message: '请选择用户ID',
+      trigger: 'blur'
+    }
+  ],
+});
+
+
+const {resetFields} = useForm(form, rules);
+
+/* 保存编辑 */
+const save = () => {
+  if (!formRef.value) {
+    return;
+  }
+  if (form.isSettled == 1) {
+    message.error('请勿重复结算');
+    return;
+  }
+  if (form.userId == 0) {
+    message.error('未签约');
+    return;
+  }
+  formRef.value
+    .validate()
+    .then(() => {
+      loading.value = true;
+      const formData = {
+        ...form,
+        isSettled: 1
+      };
+      updateSdyDealerOrder(formData)
+        .then((msg) => {
+          loading.value = false;
+          message.success(msg);
+          updateVisible(false);
+          emit('done');
+        })
+        .catch((e) => {
+          loading.value = false;
+          message.error(e.message);
+        });
+    })
+    .catch(() => {
+    });
+};
+
+console.log(localStorage.getItem(''))
+watch(
+  () => props.visible,
+  (visible) => {
+    if (visible) {
+      if (props.data) {
+        assignObject(form, props.data);
+        isUpdate.value = true;
+      } else {
+        // 重置为默认值
+        Object.assign(form, {
+          id: undefined,
+          userId: undefined,
+          orderNo: undefined,
+          orderPrice: undefined,
+          firstUserId: undefined,
+          secondUserId: undefined,
+          thirdUserId: undefined,
+          firstMoney: undefined,
+          secondMoney: undefined,
+          thirdMoney: undefined,
+          isInvalid: 0,
+          isSettled: 0,
+          settleTime: undefined
+        });
+        isUpdate.value = false;
+      }
+    } else {
+      resetFields();
+    }
+  },
+  {immediate: true}
+);
+</script>
+
+<style lang="less" scoped>
+.dealer-section {
+  margin-bottom: 24px;
+  padding: 16px;
+  background: #fafafa;
+  border-radius: 6px;
+  border-left: 3px solid #1890ff;
+
+  .dealer-title {
+    margin: 0 0 16px 0;
+    font-size: 14px;
+    font-weight: 600;
+    color: #333;
+
+    .ant-tag {
+      margin-right: 8px;
+    }
+  }
+}
+
+:deep(.ant-divider-horizontal.ant-divider-with-text-left) {
+  margin: 24px 0 16px 0;
+
+  .ant-divider-inner-text {
+    padding: 0 16px 0 0;
+  }
+}
+
+:deep(.ant-form-item) {
+  margin-bottom: 16px;
+}
+
+:deep(.ant-input-number) {
+  width: 100%;
+}
+</style>
diff --git a/src/views/sdy/shopDealerOrder2/index.vue b/src/views/sdy/shopDealerOrder2/index.vue
new file mode 100644
index 0000000..c24b12c
--- /dev/null
+++ b/src/views/sdy/shopDealerOrder2/index.vue
@@ -0,0 +1,481 @@
+<template>
+  <a-page-header :title="getPageTitle()" @back="() => $router.go(-1)">
+    <a-card :bordered="false" :body-style="{ padding: '16px' }">
+      <ele-pro-table
+        ref="tableRef"
+        row-key="id"
+        :columns="columns"
+        :datasource="datasource"
+        :customRow="customRow"
+        tool-class="ele-toolbar-form"
+        class="sys-org-table"
+      >
+        <template #toolbar>
+          <search
+            @search="reload"
+            :selection="selection"
+            @batchSettle="batchSettle"
+            @export="handleExport"
+            @remove="removeBatch"
+            @importDone="reload"
+          />
+        </template>
+        <template #bodyCell="{ column, record }">
+
+          <template v-if="column.key === 'title'">
+            <div>{{ record.title }}</div>
+            <div class="text-gray-400">业务员：{{ record.userId }}</div>
+          </template>
+
+          <template v-if="column.key === 'orderPrice'">
+            {{ parseFloat(record.orderPrice).toFixed(2) }}
+          </template>
+
+          <template v-if="column.key === 'degreePrice'">
+            {{ record.degreePrice.toFixed(2) }}
+          </template>
+
+          <template v-if="column.key === 'price'">
+            {{ record.price || 0 }}
+          </template>
+
+          <template v-if="column.key === 'settledPrice'">
+            {{ record.settledPrice.toFixed(2) }}
+          </template>
+
+          <template v-if="column.key === 'payPrice'">
+            {{ record.payPrice.toFixed(2) }}
+          </template>
+
+          <template v-if="column.key === 'dealerInfo'">
+            <div class="dealer-info">
+              <div v-if="record.firstUserId" class="dealer-level">
+                <a-tag color="red">一级</a-tag>
+                用户{{ record.firstUserId }} - ¥{{ parseFloat(record.firstMoney || '0').toFixed(2) }}
+              </div>
+              <div v-if="record.secondUserId" class="dealer-level">
+                <a-tag color="orange">二级</a-tag>
+                用户{{ record.secondUserId }} - ¥{{ parseFloat(record.secondMoney || '0').toFixed(2) }}
+              </div>
+              <div v-if="record.thirdUserId" class="dealer-level">
+                <a-tag color="gold">三级</a-tag>
+                用户{{ record.thirdUserId }} - ¥{{ parseFloat(record.thirdMoney || '0').toFixed(2) }}
+              </div>
+            </div>
+          </template>
+
+          <template v-if="column.key === 'isInvalid'">
+            <a-tag v-if="record.isInvalid === 0" color="success">已签约</a-tag>
+            <a-tag v-if="record.isInvalid === 1" color="error">未签约</a-tag>
+          </template>
+
+          <template v-if="column.key === 'isSettled'">
+            <a-tag v-if="record.isSettled === 0" color="orange">未结算</a-tag>
+            <a-tag v-if="record.isSettled === 1" color="success">已结算</a-tag>
+          </template>
+
+          <template v-if="column.key === 'createTime'">
+            <div class="flex flex-col">
+              <a-tooltip title="创建时间">
+                <span class="text-gray-500">{{ record.createTime }}</span>
+              </a-tooltip>
+              <a-tooltip title="结算时间">
+                <span class="text-purple-500">{{ record.settleTime }}</span>
+              </a-tooltip>
+            </div>
+          </template>
+
+          <template v-if="column.key === 'action'">
+            <template v-if="record.isSettled === 0 && record.isInvalid === 0">
+              <a @click="settleOrder(record)" class="ele-text-success">
+                结算
+              </a>
+              <a-divider type="vertical"/>
+            </template>
+<!--            <template v-if="record.isInvalid === 0">-->
+<!--              <a-popconfirm-->
+<!--                title="确定要标记此订单为失效吗？"-->
+<!--                @confirm="invalidateOrder(record)"-->
+<!--                placement="topRight"-->
+<!--              >-->
+<!--                <a class="text-purple-500">-->
+<!--                  验证-->
+<!--                </a>-->
+<!--              </a-popconfirm>-->
+<!--            </template>-->
+            <a-popconfirm
+              v-if="record.isSettled === 0"
+              title="确定要删除吗？"
+              @confirm="remove(record)"
+              placement="topRight"
+            >
+              <a class="text-red-500">
+                删除
+              </a>
+            </a-popconfirm>
+          </template>
+        </template>
+      </ele-pro-table>
+    </a-card>
+
+    <!-- 编辑弹窗 -->
+    <ShopDealerOrderEdit v-model:visible="showEdit" :data="current" @done="reload"/>
+  </a-page-header>
+</template>
+
+<script lang="ts" setup>
+import {createVNode, ref} from 'vue';
+import {message, Modal} from 'ant-design-vue';
+import {
+  ExclamationCircleOutlined,
+  DollarOutlined,
+} from '@ant-design/icons-vue';
+import type {EleProTable} from 'ele-admin-pro';
+import type {
+  DatasourceFunction,
+  ColumnItem
+} from 'ele-admin-pro/es/ele-pro-table/types';
+import Search from './components/search.vue';
+import {getPageTitle} from '@/utils/common';
+import ShopDealerOrderEdit from './components/shopDealerOrderEdit.vue';
+import {pageShopDealerOrder, removeShopDealerOrder, removeBatchShopDealerOrder} from '@/api/shop/shopDealerOrder';
+import type {ShopDealerOrder, ShopDealerOrderParam} from '@/api/shop/shopDealerOrder/model';
+import {exportSdyDealerOrder, updateSdyDealerOrder} from "@/api/sdy/sdyDealerOrder";
+
+// 表格实例
+const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+// 表格选中数据
+const selection = ref<ShopDealerOrder[]>([]);
+// 当前编辑数据
+const current = ref<ShopDealerOrder | null>(null);
+// 是否显示编辑弹窗
+const showEdit = ref(false);
+// 加载状态
+const loading = ref(true);
+
+// 当前搜索条件
+const currentWhere = ref<ShopDealerOrderParam>({});
+
+// 表格数据源
+const datasource: DatasourceFunction = ({
+                                          page,
+                                          limit,
+                                          where,
+                                          orders,
+                                          filters
+                                        }) => {
+  if (filters) {
+    where.status = filters.status;
+  }
+  // 保存当前搜索条件用于导出
+  currentWhere.value = {...where};
+  // 已结算订单
+  where.isSettled = 1;
+  return pageShopDealerOrder({
+    ...where,
+    ...orders,
+    page,
+    limit
+  });
+};
+
+// 表格列配置
+const columns = ref<ColumnItem[]>([
+  {
+    key: 'index',
+    width: 48,
+    align: 'center',
+    fixed: 'left',
+    hideInSetting: true,
+    customRender: ({index}) => index + (tableRef.value?.tableIndex ?? 0)
+  },
+  {
+    title: '客户名称',
+    dataIndex: 'title',
+    key: 'title',
+    width: 150
+  },
+  {
+    title: '订单编号',
+    dataIndex: 'orderNo',
+    key: 'orderNo',
+    align: 'center'
+  },
+  {
+    title: '结算电量',
+    dataIndex: 'orderPrice',
+    key: 'orderPrice',
+    align: 'center'
+  },
+  {
+    title: '换算成度',
+    dataIndex: 'degreePrice',
+    key: 'degreePrice',
+    align: 'center'
+  },
+  {
+    title: '结算单价',
+    dataIndex: 'price',
+    key: 'price',
+    align: 'center'
+  },
+  {
+    title: '结算金额',
+    dataIndex: 'settledPrice',
+    key: 'settledPrice',
+    align: 'center'
+  },
+  {
+    title: '税费',
+    dataIndex: 'rate',
+    key: 'rate',
+    align: 'center'
+  },
+  {
+    title: '实发金额',
+    dataIndex: 'payPrice',
+    key: 'payPrice',
+    align: 'center'
+  },
+  {
+    title: '签约状态',
+    dataIndex: 'isInvalid',
+    key: 'isInvalid',
+    align: 'center',
+    width: 100
+  },
+  {
+    title: '月份',
+    dataIndex: 'month',
+    key: 'month',
+    align: 'center',
+    width: 100
+  },
+  {
+    title: '结算状态',
+    dataIndex: 'isSettled',
+    key: 'isSettled',
+    align: 'center',
+    width: 100
+  },
+  {
+    title: '创建时间',
+    dataIndex: 'createTime',
+    key: 'createTime',
+    align: 'center'
+  }
+  // {
+  //   title: '操作',
+  //   key: 'action',
+  //   width: 180,
+  //   fixed: 'right',
+  //   align: 'center',
+  //   hideInSetting: true
+  // }
+]);
+
+/* 搜索 */
+const reload = (where?: ShopDealerOrderParam) => {
+  selection.value = [];
+  tableRef?.value?.reload({where: where});
+};
+
+/* 结算单个订单 */
+const settleOrder = (row: ShopDealerOrder) => {
+  const totalCommission = (parseFloat(row.firstMoney || '0') +
+    parseFloat(row.secondMoney || '0') +
+    parseFloat(row.thirdMoney || '0')).toFixed(2);
+
+  Modal.confirm({
+    title: '确认结算',
+    content: `确定要结算此订单吗？总佣金金额：¥${totalCommission}`,
+    icon: createVNode(DollarOutlined),
+    okText: '确认结算',
+    okType: 'primary',
+    cancelText: '取消',
+    onOk: () => {
+      const hide = message.loading('正在结算...', 0);
+      // 这里调用结算API
+      updateSdyDealerOrder({
+        ...row,
+        isSettled: 1
+      })
+      setTimeout(() => {
+        hide();
+        message.success('结算成功');
+        reload();
+      }, 1000);
+    }
+  });
+};
+
+/* 批量结算 */
+const batchSettle = () => {
+  if (!selection.value.length) {
+    message.error('请至少选择一条数据');
+    return;
+  }
+
+  const validOrders = selection.value.filter(order =>
+    order.isSettled === 0 && order.isInvalid === 0
+  );
+
+  if (!validOrders.length) {
+    message.error('所选订单中没有可结算的订单');
+    return;
+  }
+
+  const totalCommission = validOrders.reduce((sum, order) => {
+    return sum + parseFloat(order.firstMoney || '0') +
+      parseFloat(order.secondMoney || '0') +
+      parseFloat(order.thirdMoney || '0');
+  }, 0).toFixed(2);
+
+  Modal.confirm({
+    title: '批量结算确认',
+    content: `确定要结算选中的 ${validOrders.length} 个订单吗？总佣金金额：¥${totalCommission}`,
+    icon: createVNode(ExclamationCircleOutlined),
+    okText: '确认结算',
+    okType: 'primary',
+    cancelText: '取消',
+    onOk: () => {
+      const hide = message.loading('正在批量结算...', 0);
+      // 这里调用批量结算API
+      setTimeout(() => {
+        hide();
+        message.success(`成功结算 ${validOrders.length} 个订单`);
+        reload();
+      }, 1500);
+    }
+  });
+};
+
+/* 导出数据 */
+const handleExport = () => {
+  // 调用导出API，传入当前搜索条件
+  exportSdyDealerOrder(currentWhere.value);
+};
+
+/* 打开编辑弹窗 */
+const openEdit = (row?: ShopDealerOrder) => {
+  current.value = row ?? null;
+  showEdit.value = true;
+};
+
+/* 删除单个 */
+const remove = (row: ShopDealerOrder) => {
+  const hide = message.loading('请求中..', 0);
+  removeShopDealerOrder(row.id)
+    .then((msg) => {
+      hide();
+      message.success(msg);
+      reload();
+    })
+    .catch((e) => {
+      hide();
+      message.error(e.message);
+    });
+};
+
+/* 批量删除 */
+const removeBatch = () => {
+  if (!selection.value.length) {
+    message.error('请至少选择一条数据');
+    return;
+  }
+  Modal.confirm({
+    title: '提示',
+    content: '确定要删除选中的记录吗?',
+    icon: createVNode(ExclamationCircleOutlined),
+    maskClosable: true,
+    onOk: () => {
+      const hide = message.loading('请求中..', 0);
+      removeBatchShopDealerOrder(selection.value.map((d) => d.id))
+        .then((msg) => {
+          hide();
+          message.success(msg);
+          reload();
+        })
+        .catch((e) => {
+          hide();
+          message.error(e.message);
+        });
+    }
+  });
+};
+
+/* 查询 */
+const query = () => {
+  loading.value = true;
+};
+
+/* 自定义行属性 */
+const customRow = (record: ShopDealerOrder) => {
+  return {
+    // 行点击事件
+    onClick: () => {
+      // console.log(record);
+    },
+    // 行双击事件
+    onDblclick: () => {
+      openEdit(record);
+    }
+  };
+};
+query();
+</script>
+
+<script lang="ts">
+export default {
+  name: 'ShopDealerOrder'
+};
+</script>
+
+<style lang="less" scoped>
+.order-info {
+  .order-id {
+    font-weight: 500;
+    color: #333;
+    margin-bottom: 4px;
+  }
+
+  .order-price {
+    color: #ff4d4f;
+    font-weight: 600;
+  }
+}
+
+.dealer-info {
+  .dealer-level {
+    margin-bottom: 6px;
+    font-size: 12px;
+
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+}
+
+:deep(.detail-section) {
+  h4 {
+    color: #1890ff;
+    margin-bottom: 12px;
+    border-bottom: 1px solid #f0f0f0;
+    padding-bottom: 8px;
+  }
+
+  p {
+    margin: 4px 0;
+    line-height: 1.5;
+  }
+}
+
+:deep(.ant-table-tbody > tr > td) {
+  vertical-align: top;
+}
+
+:deep(.ant-tag) {
+  margin: 2px 4px 2px 0;
+}
+</style>
diff --git a/src/views/sdy/shopDealerReferee/components/RefereeTree.vue b/src/views/sdy/shopDealerReferee/components/RefereeTree.vue
new file mode 100644
index 0000000..32b808b
--- /dev/null
+++ b/src/views/sdy/shopDealerReferee/components/RefereeTree.vue
@@ -0,0 +1,205 @@
+<template>
+  <a-modal
+    :visible="visible"
+    :title="title"
+    :width="1000"
+    :footer="null"
+    @cancel="handleCancel"
+  >
+    <div class="tree-container">
+      <v-chart
+        ref="chartRef"
+        class="chart"
+        :option="chartOption"
+        :loading="loading"
+        autoresize
+      />
+    </div>
+  </a-modal>
+</template>
+
+<script lang="ts" setup>
+import { ref, watch, computed } from 'vue';
+import { use } from 'echarts/core';
+import { CanvasRenderer } from 'echarts/renderers';
+import { TreeChart } from 'echarts/charts';
+import {
+  TooltipComponent,
+  TitleComponent
+} from 'echarts/components';
+import VChart from 'vue-echarts';
+import type { ShopDealerReferee } from '@/api/shop/shopDealerReferee/model';
+
+// 注册 echarts 组件
+use([
+  CanvasRenderer,
+  TreeChart,
+  TooltipComponent,
+  TitleComponent
+]);
+
+// 定义组件属性
+const props = withDefaults(defineProps<{
+  visible: boolean;
+  data?: ShopDealerReferee[];
+  title?: string;
+}>(), {
+  visible: false,
+  data: () => [],
+  title: '推荐关系树'
+});
+
+// 定义事件
+const emit = defineEmits<{
+  (e: 'update:visible', value: boolean): void;
+  (e: 'cancel'): void;
+}>();
+
+// 图表引用
+const chartRef = ref<InstanceType<typeof VChart> | null>(null);
+
+// 加载状态
+const loading = ref(false);
+
+// 处理取消事件
+const handleCancel = () => {
+  emit('update:visible', false);
+  emit('cancel');
+};
+
+// 转换数据为树形结构
+const transformToTreeData = (data: ShopDealerReferee[]) => {
+  if (!data || data.length === 0) {
+    return { name: '暂无数据', children: [] };
+  }
+
+  // 构建节点映射
+  const nodeMap = new Map<number, any>();
+  const rootNodes: any[] = [];
+
+  // 创建所有节点
+  data.forEach(item => {
+    // 推荐人节点
+    if (item.dealerId && !nodeMap.has(item.dealerId)) {
+      nodeMap.set(item.dealerId, {
+        id: item.dealerId,
+        name: `推荐人\nID:${item.dealerId}\n${item.dealerName || ''}`,
+        level: 'dealer',
+        children: []
+      });
+    }
+
+    // 被推荐人节点
+    if (item.userId && !nodeMap.has(item.userId)) {
+      nodeMap.set(item.userId, {
+        id: item.userId,
+        name: `被推荐人\nID:${item.userId}\n${item.nickname || ''}`,
+        level: 'user',
+        children: []
+      });
+    }
+  });
+
+  // 构建关系树
+  data.forEach(item => {
+    if (!item.dealerId || !item.userId) return;
+    
+    const dealerNode = nodeMap.get(item.dealerId);
+    const userNode = nodeMap.get(item.userId);
+
+    if (dealerNode && userNode) {
+      // 添加层级标签
+      const levelText = { 1: '一级', 2: '二级', 3: '三级' }[item.level || 0] || `${item.level || 0}级`;
+      userNode.name += `\n${levelText}推荐`;
+      dealerNode.children.push(userNode);
+    }
+  });
+
+  // 查找根节点（没有被推荐关系的节点）
+  const referencedIds = new Set(data.map(item => item.userId).filter(id => id));
+  data.forEach(item => {
+    if (item.dealerId && !referencedIds.has(item.dealerId)) {
+      const rootNode = nodeMap.get(item.dealerId);
+      if (rootNode) {
+        rootNodes.push(rootNode);
+      }
+    }
+  });
+
+  // 如果没有明确的根节点，使用第一个节点作为根
+  if (rootNodes.length === 0 && data.length > 0 && data[0].dealerId) {
+    const firstNode = nodeMap.get(data[0].dealerId);
+    if (firstNode) {
+      rootNodes.push(firstNode);
+    }
+  }
+
+  // 如果还是没有根节点，返回默认节点
+  if (rootNodes.length === 0) {
+    return { name: '暂无数据', children: [] };
+  }
+
+  return rootNodes[0];
+};
+
+// 图表配置
+const chartOption = computed(() => {
+  const treeData = transformToTreeData(props.data || []);
+
+  return {
+    tooltip: {
+      trigger: 'item',
+      triggerOn: 'mousemove'
+    },
+    series: [
+      {
+        type: 'tree',
+        data: [treeData],
+        top: '1%',
+        left: '7%',
+        bottom: '1%',
+        right: '20%',
+        symbolSize: 12,
+        symbol: 'circle',
+        orient: 'LR', // 从左到右
+        expandAndCollapse: true,
+        label: {
+          position: 'left',
+          verticalAlign: 'middle',
+          align: 'right',
+          fontSize: 12,
+          backgroundColor: '#fff',
+          padding: [2, 4],
+          borderRadius: 4,
+          borderWidth: 1,
+          borderColor: '#ccc'
+        },
+        leaves: {
+          label: {
+            position: 'right',
+            verticalAlign: 'middle',
+            align: 'left'
+          }
+        },
+        emphasis: {
+          focus: 'descendant'
+        },
+        animationDuration: 500,
+        animationDurationUpdate: 750
+      }
+    ]
+  };
+});
+</script>
+
+<style lang="less" scoped>
+.tree-container {
+  height: 600px;
+  width: 100%;
+}
+
+.chart {
+  height: 100%;
+  width: 100%;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/sdy/shopDealerReferee/components/search.vue b/src/views/sdy/shopDealerReferee/components/search.vue
new file mode 100644
index 0000000..b848c3e
--- /dev/null
+++ b/src/views/sdy/shopDealerReferee/components/search.vue
@@ -0,0 +1,183 @@
+<!-- 搜索表单 -->
+<template>
+  <!-- 搜索表单 -->
+  <a-form
+    :model="searchForm"
+    layout="inline"
+    class="search-form"
+    @finish="handleSearch"
+  >
+    <a-form-item label="推荐人ID">
+      <a-input-number
+        v-model:value="searchForm.dealerId"
+        placeholder="请输入推荐人ID"
+        :min="1"
+        style="width: 160px"
+      />
+    </a-form-item>
+
+    <a-form-item label="被推荐人ID">
+      <a-input-number
+        v-model:value="searchForm.userId"
+        placeholder="请输入被推荐人ID"
+        :min="1"
+        style="width: 160px"
+      />
+    </a-form-item>
+
+    <a-form-item label="建立时间">
+      <a-range-picker
+        v-model:value="searchForm.dateRange"
+        style="width: 240px"
+      />
+    </a-form-item>
+
+    <a-form-item>
+      <a-space>
+        <a-button type="primary" html-type="submit" class="ele-btn-icon">
+          <template #icon>
+            <SearchOutlined/>
+          </template>
+          搜索
+        </a-button>
+        <a-button @click="resetSearch">
+          重置
+        </a-button>
+        <a-button @click="exportData" class="ele-btn-icon">
+          <template #icon>
+            <ExportOutlined/>
+          </template>
+          导出
+        </a-button>
+      </a-space>
+    </a-form-item>
+  </a-form>
+
+  <!-- 操作按钮 -->
+  <!--    <div class="action-buttons">-->
+  <!--      <a-space>-->
+  <!--        <a-button type="primary" @click="add" class="ele-btn-icon">-->
+  <!--          <template #icon>-->
+  <!--            <PlusOutlined/>-->
+  <!--          </template>-->
+  <!--          建立推荐关系-->
+  <!--        </a-button>-->
+  <!--        <a-button @click="viewTree" class="ele-btn-icon">-->
+  <!--          <template #icon>-->
+  <!--            <ApartmentOutlined/>-->
+  <!--          </template>-->
+  <!--          推荐关系树-->
+  <!--        </a-button>-->
+  <!--        <a-button @click="exportData" class="ele-btn-icon">-->
+  <!--          <template #icon>-->
+  <!--            <ExportOutlined/>-->
+  <!--          </template>-->
+  <!--          导出数据-->
+  <!--        </a-button>-->
+  <!--      </a-space>-->
+  <!--    </div>-->
+</template>
+
+<script lang="ts" setup>
+import {reactive} from 'vue';
+import {
+  PlusOutlined,
+  SearchOutlined,
+  ApartmentOutlined,
+  ExportOutlined
+} from '@ant-design/icons-vue';
+import type {ShopDealerRefereeParam} from '@/api/shop/shopDealerReferee/model';
+import dayjs from 'dayjs';
+
+const props = withDefaults(
+  defineProps<{
+    // 选中的数据
+    selection?: any[];
+  }>(),
+  {
+    selection: () => []
+  }
+);
+
+const emit = defineEmits<{
+  (e: 'search', where?: ShopDealerRefereeParam): void;
+  (e: 'add'): void;
+  (e: 'viewTree'): void;
+  (e: 'export'): void;
+}>();
+
+// 搜索表单
+const searchForm = reactive<any>({
+  dealerId: undefined,
+  userId: undefined,
+  level: undefined,
+  dateRange: undefined
+});
+
+// 搜索
+const handleSearch = () => {
+  const searchParams: ShopDealerRefereeParam = {};
+
+  if (searchForm.dealerId) {
+    searchParams.dealerId = searchForm.dealerId;
+  }
+  if (searchForm.userId) {
+    searchParams.userId = searchForm.userId;
+  }
+  if (searchForm.level) {
+    searchParams.level = searchForm.level;
+  }
+  if (searchForm.dateRange && searchForm.dateRange.length === 2) {
+    searchParams.startTime = dayjs(searchForm.dateRange[0]).format('YYYY-MM-DD');
+    searchParams.endTime = dayjs(searchForm.dateRange[1]).format('YYYY-MM-DD');
+  }
+
+  emit('search', searchParams);
+};
+
+// 重置搜索
+const resetSearch = () => {
+  searchForm.dealerId = undefined;
+  searchForm.userId = undefined;
+  searchForm.level = undefined;
+  searchForm.dateRange = undefined;
+  emit('search', {});
+};
+
+// 新增
+const add = () => {
+  emit('add');
+};
+
+// 查看推荐树
+const viewTree = () => {
+  emit('viewTree');
+};
+
+// 导出数据
+const exportData = () => {
+  emit('export');
+};
+</script>
+
+<style lang="less" scoped>
+.search-container {
+  background: #fff;
+  padding: 16px;
+  border-radius: 6px;
+  margin-bottom: 16px;
+
+  .search-form {
+    margin-bottom: 16px;
+
+    :deep(.ant-form-item) {
+      margin-bottom: 8px;
+    }
+  }
+
+  .action-buttons {
+    border-top: 1px solid #f0f0f0;
+    padding-top: 16px;
+  }
+}
+</style>
diff --git a/src/views/sdy/shopDealerReferee/components/shopDealerRefereeEdit.vue b/src/views/sdy/shopDealerReferee/components/shopDealerRefereeEdit.vue
new file mode 100644
index 0000000..f95b6bc
--- /dev/null
+++ b/src/views/sdy/shopDealerReferee/components/shopDealerRefereeEdit.vue
@@ -0,0 +1,153 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="800"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑推荐' : '添加推荐关系'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="styleResponsive ? { md: 4, sm: 5, xs: 24 } : { flex: '90px' }"
+      :wrapper-col="
+        styleResponsive ? { md: 19, sm: 19, xs: 24 } : { flex: '1' }
+      "
+    >
+      <a-form-item label="推荐人信息" name="dealerId">
+        <a-input
+          allow-clear
+          placeholder="请输入分销商用户ID"
+          v-model:value="form.dealerId"
+        />
+      </a-form-item>
+      <a-form-item label="被推荐人信息" name="userId">
+        <a-input
+          allow-clear
+          placeholder="请输入用户id(被推荐人)"
+          v-model:value="form.userId"
+        />
+      </a-form-item>
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, watch } from 'vue';
+  import { Form, message } from 'ant-design-vue';
+  import { assignObject } from 'ele-admin-pro';
+  import { addShopDealerReferee, updateShopDealerReferee } from '@/api/shop/shopDealerReferee';
+  import { ShopDealerReferee } from '@/api/shop/shopDealerReferee/model';
+  import { useThemeStore } from '@/store/modules/theme';
+  import { storeToRefs } from 'pinia';
+  import { ItemType } from 'ele-admin-pro/es/ele-image-upload/types';
+  import { FormInstance } from 'ant-design-vue/es/form';
+
+  // 是否是修改
+  const isUpdate = ref(false);
+  const useForm = Form.useForm;
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: ShopDealerReferee | null;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  // 提交状态
+  const loading = ref(false);
+  // 是否显示最大化切换按钮
+  const maxable = ref(true);
+  // 表格选中数据
+  const formRef = ref<FormInstance | null>(null);
+  const images = ref<ItemType[]>([]);
+
+  // 用户信息
+  const form = reactive<ShopDealerReferee>({
+    id: undefined,
+    dealerId: undefined,
+    userId: undefined,
+    level: undefined,
+    tenantId: undefined,
+    createTime: undefined,
+    updateTime: undefined
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    shopDealerRefereeName: [
+      {
+        required: true,
+        type: 'string',
+        message: '请填写分销商推荐关系表名称',
+        trigger: 'blur'
+      }
+    ]
+  });
+
+  const { resetFields } = useForm(form, rules);
+
+  /* 保存编辑 */
+  const save = () => {
+    if (!formRef.value) {
+      return;
+    }
+    formRef.value
+      .validate()
+      .then(() => {
+        loading.value = true;
+        const formData = {
+          ...form
+        };
+        const saveOrUpdate = isUpdate.value ? updateShopDealerReferee : addShopDealerReferee;
+        saveOrUpdate(formData)
+          .then((msg) => {
+            loading.value = false;
+            message.success(msg);
+            updateVisible(false);
+            emit('done');
+          })
+          .catch((e) => {
+            loading.value = false;
+            message.error(e.message);
+          });
+      })
+      .catch(() => {});
+  };
+
+  watch(
+    () => props.visible,
+    (visible) => {
+      if (visible) {
+        images.value = [];
+        if (props.data) {
+          assignObject(form, props.data);
+          isUpdate.value = true;
+        } else {
+          isUpdate.value = false;
+        }
+      } else {
+        resetFields();
+      }
+    },
+    { immediate: true }
+  );
+</script>
diff --git a/src/views/sdy/shopDealerReferee/index.vue b/src/views/sdy/shopDealerReferee/index.vue
new file mode 100644
index 0000000..6e8a2b4
--- /dev/null
+++ b/src/views/sdy/shopDealerReferee/index.vue
@@ -0,0 +1,537 @@
+<template>
+  <a-page-header :title="getPageTitle()" @back="() => $router.go(-1)">
+      <a-card :bordered="false" :body-style="{ padding: '16px' }">
+        <ele-pro-table
+          ref="tableRef"
+          row-key="id"
+          :columns="columns"
+          :datasource="datasource"
+          :customRow="customRow"
+          tool-class="ele-toolbar-form"
+          class="sys-org-table"
+        >
+          <template #toolbar>
+            <search
+              @search="reload"
+              :selection="selection"
+              @viewTree="viewRefereeTree"
+              @export="exportData"
+            />
+          </template>
+          <template #bodyCell="{ column, record }">
+            <template v-if="column.key === 'dealerInfo'">
+              <div class="user-info">
+                <div class="user-id">{{ record.dealerName }}({{ record.dealerId }})</div>
+                <div class="user-id"></div>
+                <div class="user-role">
+                  <a-tag color="blue">推荐人</a-tag>
+                </div>
+              </div>
+            </template>
+
+            <template v-if="column.key === 'relationship'">
+              <ArrowRightOutlined />
+            </template>
+
+            <template v-if="column.key === 'userInfo'">
+              <div class="user-info">
+                <div class="user-id">{{ record.nickname }}({{ record.userId }})</div>
+                <div class="user-role">
+                  <a-tag color="green">被推荐人</a-tag>
+                </div>
+              </div>
+            </template>
+
+            <template v-if="column.key === 'level'">
+              <a-tag
+                :color="getLevelColor(record.level || 0)"
+                class="level-tag"
+              >
+                {{ getLevelText(record.level || 0) }}
+              </a-tag>
+            </template>
+
+            <template v-if="column.key === 'relationChain'">
+              <a-button
+                type="link"
+                size="small"
+                @click="viewRelationChain(record)"
+                class="chain-btn"
+              >
+                <TeamOutlined /> 查看关系链
+              </a-button>
+            </template>
+
+            <template v-if="column.key === 'action'">
+              <a-space>
+                <a @click="openEdit(record)" class="ele-text-primary">
+                  <EditOutlined /> 编辑
+                </a>
+<!--                <a-divider type="vertical" />-->
+<!--                <a-popconfirm-->
+<!--                  title="确定要解除此推荐关系吗？"-->
+<!--                  @confirm="remove(record)"-->
+<!--                  placement="topRight"-->
+<!--                >-->
+<!--                  <a class="ele-text-danger">-->
+<!--                    <DisconnectOutlined /> 解除-->
+<!--                  </a>-->
+<!--                </a-popconfirm>-->
+              </a-space>
+            </template>
+          </template>
+        </ele-pro-table>
+      </a-card>
+
+      <!-- 编辑弹窗 -->
+      <ShopDealerRefereeEdit v-model:visible="showEdit" :data="current" @done="reload" />
+
+      <!-- 树状图弹窗 -->
+      <RefereeTree
+        v-model:visible="showTree"
+        :data="treeData"
+        :title="'推荐关系树'"
+        @cancel="showTree = false"
+      />
+  </a-page-header>
+</template>
+
+<script lang="ts" setup>
+  import { createVNode, ref } from 'vue';
+  import { message, Modal } from 'ant-design-vue';
+  import {
+    ExclamationCircleOutlined,
+    TeamOutlined,
+    EditOutlined,
+    ArrowRightOutlined
+  } from '@ant-design/icons-vue';
+  import type { EleProTable } from 'ele-admin-pro';
+  import { toDateString } from 'ele-admin-pro';
+  import type {
+    DatasourceFunction,
+    ColumnItem
+  } from 'ele-admin-pro/es/ele-pro-table/types';
+  import Search from './components/search.vue';
+  import {getPageTitle} from '@/utils/common';
+  import ShopDealerRefereeEdit from './components/shopDealerRefereeEdit.vue';
+  import RefereeTree from './components/RefereeTree.vue';
+  import { utils, writeFile } from 'xlsx';
+  import {
+    pageShopDealerReferee,
+    removeShopDealerReferee,
+    removeBatchShopDealerReferee,
+    listShopDealerReferee
+  } from '@/api/shop/shopDealerReferee';
+  import type { ShopDealerReferee, ShopDealerRefereeParam } from '@/api/shop/shopDealerReferee/model';
+
+  // 表格实例
+  const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+  // 表格选中数据
+  const selection = ref<ShopDealerReferee[]>([]);
+  // 当前编辑数据
+  const current = ref<ShopDealerReferee | null>(null);
+  // 是否显示编辑弹窗
+  const showEdit = ref(false);
+  // 是否显示树状图弹窗
+  const showTree = ref(false);
+  // 树状图数据
+  const treeData = ref<ShopDealerReferee[]>([]);
+  // 加载状态
+  const loading = ref(true);
+
+  // 表格数据源
+  const datasource: DatasourceFunction = ({
+    page,
+    limit,
+    where,
+    orders,
+    filters
+  }) => {
+    if (filters) {
+      where.status = filters.status;
+    }
+    return pageShopDealerReferee({
+      ...where,
+      ...orders,
+      page,
+      limit
+    });
+  };
+
+  // 表格列配置
+  const columns = ref<ColumnItem[]>([
+    {
+      title: '推荐人信息',
+      key: 'dealerInfo',
+      align: 'left',
+      width: 150
+    },
+    {
+      title: '',
+      key: 'relationship',
+      align: 'center',
+      width: 50
+    },
+    {
+      title: '被推荐人信息',
+      key: 'userInfo',
+      align: 'left',
+      width: 150
+    },
+    // {
+    //   title: '推荐层级',
+    //   key: 'level',
+    //   align: 'center',
+    //   width: 120,
+    //   filters: [
+    //     { text: '一级推荐', value: 1 },
+    //     { text: '二级推荐', value: 2 },
+    //     { text: '三级推荐', value: 3 }
+    //   ]
+    // },
+    {
+      title: '建立时间',
+      dataIndex: 'createTime',
+      key: 'createTime',
+      align: 'center',
+      width: 120,
+      sorter: true,
+      customRender: ({ text }) => toDateString(text, 'yyyy-MM-dd HH:mm')
+    },
+    {
+      title: '操作',
+      key: 'action',
+      width: 200,
+      fixed: 'right',
+      align: 'center',
+      hideInSetting: true
+    }
+  ]);
+
+  /* 获取层级颜色 */
+  const getLevelColor = (level: number) => {
+    const colors = {
+      1: 'red',
+      2: 'orange',
+      3: 'gold'
+    };
+    return colors[level] || 'default';
+  };
+
+  /* 获取层级文本 */
+  const getLevelText = (level: number) => {
+    const texts = {
+      1: '一级推荐',
+      2: '二级推荐',
+      3: '三级推荐'
+    };
+    return texts[level] || `${level}级推荐`;
+  };
+
+  /* 查看关系链 */
+  const viewRelationChain = (record: ShopDealerReferee) => {
+    // 这里可以调用API获取完整的推荐关系链
+    Modal.info({
+      title: '推荐关系链',
+      width: 800,
+      content: createVNode('div', { class: 'relation-chain' }, [
+        createVNode('div', { class: 'chain-item' }, [
+          createVNode('div', { class: 'chain-node dealer' }, [
+            createVNode('div', { class: 'node-title' }, '推荐人'),
+            createVNode('div', { class: 'node-id' }, `用户ID: ${record.dealerId}`),
+            createVNode('div', { class: 'node-level' }, '分销商')
+          ]),
+          createVNode('div', { class: 'chain-arrow' }, '→'),
+          createVNode('div', { class: 'chain-node user' }, [
+            createVNode('div', { class: 'node-title' }, '被推荐人'),
+            createVNode('div', { class: 'node-id' }, `用户ID: ${record.userId}`),
+            createVNode('div', { class: 'node-level' }, getLevelText(record.level || 0))
+          ])
+        ]),
+        createVNode('div', { class: 'chain-info' }, [
+          createVNode('p', null, `推荐关系建立于: ${toDateString(record.createTime, 'yyyy-MM-dd HH:mm:ss')}`),
+          createVNode('p', null, '点击可查看更多上下级关系')
+        ])
+      ]),
+      okText: '关闭'
+    });
+  };
+
+  /* 查看推荐树 */
+  const viewRefereeTree = () => {
+    // 加载所有数据用于树状图展示
+    loading.value = true;
+    pageShopDealerReferee({ page: 1, limit: 10000 }) // 获取所有数据
+      .then((result) => {
+        treeData.value = result?.list || [];
+        showTree.value = true;
+        loading.value = false;
+      })
+      .catch((e) => {
+        loading.value = false;
+        message.error('加载数据失败: ' + e.message);
+      });
+  };
+
+  /* 导出数据 */
+  const exportData = async () => {
+    try {
+      // 定义表头
+      const array: (string | number)[][] = [
+        [
+          '推荐人',
+          '推荐人ID',
+          '推荐人电话',
+          '被推荐人',
+          '被推荐人ID',
+          '被推荐人电话',
+          '创建时间'
+        ]
+      ];
+
+      // 获取用户列表数据
+      const list = await listShopDealerReferee({});
+
+      if (!list || list.length === 0) {
+        message.warning('没有数据可以导出');
+        return;
+      }
+
+      // 将数据转换为Excel行
+      list.forEach((user: ShopDealerReferee) => {
+        array.push([
+          `${user.dealerName}`,
+          `${user.dealerId}`,
+          `${user.dealerPhone}`,
+          `${user.nickname}`,
+          `${user.userId}`,
+          `${user.phone}`,
+          `${user.createTime}`
+        ]);
+      });
+
+      // 生成Excel文件
+      const sheetName = `shop_dealer_referee`;
+      const workbook = {
+        SheetNames: [sheetName],
+        Sheets: {}
+      };
+      const sheet = utils.aoa_to_sheet(array);
+      workbook.Sheets[sheetName] = sheet;
+
+      // 设置列宽
+      sheet['!cols'] = [
+        { wch: 10 }, // 用户ID
+        { wch: 15 }, // 账号
+      ];
+
+      message.loading('正在生成Excel文件...', 0);
+
+      setTimeout(() => {
+        writeFile(workbook, `${sheetName}.xlsx`);
+        message.destroy();
+        message.success(`成功导出 ${list.length} 条记录`);
+      }, 1000);
+
+    } catch (error: any) {
+      message.error(error.message || '导出失败');
+    }
+  };
+
+  /* 搜索 */
+  const reload = (where?: ShopDealerRefereeParam) => {
+    selection.value = [];
+    tableRef?.value?.reload({ where: where });
+  };
+
+  /* 打开编辑弹窗 */
+  const openEdit = (row?: ShopDealerReferee) => {
+    current.value = row ?? null;
+    showEdit.value = true;
+  };
+
+  /* 删除单个 */
+  const remove = (row: ShopDealerReferee) => {
+    const hide = message.loading('请求中..', 0);
+    removeShopDealerReferee(row.id)
+      .then((msg) => {
+        hide();
+        message.success(msg);
+        reload();
+      })
+      .catch((e) => {
+        hide();
+        message.error(e.message);
+      });
+  };
+
+  /* 批量删除 */
+  const removeBatch = () => {
+    if (!selection.value.length) {
+      message.error('请至少选择一条数据');
+      return;
+    }
+    Modal.confirm({
+      title: '提示',
+      content: '确定要删除选中的记录吗?',
+      icon: createVNode(ExclamationCircleOutlined),
+      maskClosable: true,
+      onOk: () => {
+        const hide = message.loading('请求中..', 0);
+        removeBatchShopDealerReferee(selection.value.map((d) => d.id))
+          .then((msg) => {
+            hide();
+            message.success(msg);
+            reload();
+          })
+          .catch((e) => {
+            hide();
+            message.error(e.message);
+          });
+      }
+    });
+  };
+
+  /* 查询 */
+  const query = () => {
+    loading.value = true;
+  };
+
+  /* 自定义行属性 */
+  const customRow = (record: ShopDealerReferee) => {
+    return {
+      // 行点击事件
+      onClick: () => {
+        // console.log(record);
+      },
+      // 行双击事件
+      onDblclick: () => {
+        openEdit(record);
+      }
+    };
+  };
+  query();
+</script>
+
+<script lang="ts">
+  export default {
+    name: 'ShopDealerReferee'
+  };
+</script>
+
+<style lang="less" scoped>
+.user-info {
+  .user-id {
+    font-weight: 500;
+    color: #333;
+    margin-bottom: 4px;
+  }
+
+  .user-role {
+    font-size: 12px;
+  }
+}
+
+.level-tag {
+  font-weight: 600;
+  font-size: 12px;
+}
+
+.chain-btn {
+  padding: 0;
+  height: auto;
+  font-size: 12px;
+}
+
+:deep(.referee-detail) {
+  .detail-section {
+    h4 {
+      color: #1890ff;
+      margin-bottom: 12px;
+      border-bottom: 1px solid #f0f0f0;
+      padding-bottom: 8px;
+    }
+
+    p {
+      margin: 8px 0;
+      line-height: 1.6;
+    }
+
+    .level-badge {
+      font-size: 14px;
+    }
+  }
+}
+
+:deep(.relation-chain) {
+  .chain-item {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin: 20px 0;
+  }
+
+  .chain-node {
+    padding: 16px;
+    border-radius: 8px;
+    text-align: center;
+    min-width: 120px;
+
+    &.dealer {
+      background: #e6f7ff;
+      border: 2px solid #1890ff;
+    }
+
+    &.user {
+      background: #f6ffed;
+      border: 2px solid #52c41a;
+    }
+
+    .node-title {
+      font-weight: 600;
+      color: #333;
+      margin-bottom: 8px;
+    }
+
+    .node-id {
+      color: #666;
+      font-size: 12px;
+      margin-bottom: 4px;
+    }
+
+    .node-level {
+      font-size: 12px;
+      color: #999;
+    }
+  }
+
+  .chain-arrow {
+    font-size: 24px;
+    color: #1890ff;
+    margin: 0 20px;
+    font-weight: bold;
+  }
+
+  .chain-info {
+    background: #fafafa;
+    padding: 12px;
+    border-radius: 6px;
+    margin-top: 16px;
+
+    p {
+      margin: 4px 0;
+      color: #666;
+      font-size: 12px;
+    }
+  }
+}
+
+:deep(.ant-table-tbody > tr > td) {
+  vertical-align: top;
+}
+
+:deep(.ant-tag) {
+  margin: 2px 4px 2px 0;
+}
+</style>
diff --git a/src/views/sdy/shopDealerUser/components/search.vue b/src/views/sdy/shopDealerUser/components/search.vue
new file mode 100644
index 0000000..3a97655
--- /dev/null
+++ b/src/views/sdy/shopDealerUser/components/search.vue
@@ -0,0 +1,219 @@
+<!-- 搜索表单 -->
+<template>
+  <div class="search-container">
+    <!-- 搜索表单 -->
+    <a-form
+      :model="searchForm"
+      layout="inline"
+      class="search-form"
+      @finish="handleSearch"
+    >
+      <a-form-item label="申请人姓名">
+        <a-input
+          v-model:value="searchForm.realName"
+          placeholder="请输入申请人姓名"
+          allow-clear
+          style="width: 160px"
+        />
+      </a-form-item>
+
+      <a-form-item label="手机号码">
+        <a-input
+          v-model:value="searchForm.mobile"
+          placeholder="请输入手机号码"
+          allow-clear
+          style="width: 160px"
+        />
+      </a-form-item>
+
+      <a-form-item label="申请方式">
+        <a-select
+          v-model:value="searchForm.applyType"
+          placeholder="全部方式"
+          allow-clear
+          style="width: 120px"
+        >
+          <a-select-option :value="10">需要审核</a-select-option>
+          <a-select-option :value="20">免审核</a-select-option>
+        </a-select>
+      </a-form-item>
+
+      <a-form-item label="审核状态">
+        <a-select
+          v-model:value="searchForm.applyStatus"
+          placeholder="全部状态"
+          allow-clear
+          style="width: 120px"
+        >
+          <a-select-option :value="10">待审核</a-select-option>
+          <a-select-option :value="20">审核通过</a-select-option>
+          <a-select-option :value="30">审核驳回</a-select-option>
+        </a-select>
+      </a-form-item>
+
+      <a-form-item label="申请时间">
+        <a-range-picker
+          v-model:value="searchForm.dateRange"
+          style="width: 240px"
+        />
+      </a-form-item>
+
+      <a-form-item>
+        <a-space>
+          <a-button type="primary" html-type="submit" class="ele-btn-icon">
+            <template #icon>
+              <SearchOutlined />
+            </template>
+            搜索
+          </a-button>
+          <a-button @click="resetSearch">
+            重置
+          </a-button>
+        </a-space>
+      </a-form-item>
+    </a-form>
+
+    <!-- 操作按钮 -->
+    <div class="action-buttons">
+      <a-space>
+<!--        <a-button type="primary" @click="add" class="ele-btn-icon">-->
+<!--          <template #icon>-->
+<!--            <PlusOutlined />-->
+<!--          </template>-->
+<!--          新增申请-->
+<!--        </a-button>-->
+        <a-button
+          type="primary"
+          ghost
+          :disabled="!selection?.length"
+          @click="batchApprove"
+          class="ele-btn-icon"
+        >
+          <template #icon>
+            <CheckOutlined />
+          </template>
+          批量通过
+        </a-button>
+        <a-button
+          :disabled="!selection?.length"
+          @click="exportData"
+          class="ele-btn-icon"
+        >
+          <template #icon>
+            <ExportOutlined />
+          </template>
+          导出数据
+        </a-button>
+      </a-space>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+  import { reactive } from 'vue';
+  import {
+    PlusOutlined,
+    SearchOutlined,
+    CheckOutlined,
+    ExportOutlined
+  } from '@ant-design/icons-vue';
+  import type { ShopDealerApplyParam } from '@/api/shop/shopDealerApply/model';
+  import dayjs from 'dayjs';
+
+  const props = withDefaults(
+    defineProps<{
+      // 选中的数据
+      selection?: any[];
+    }>(),
+    {
+      selection: () => []
+    }
+  );
+
+  const emit = defineEmits<{
+    (e: 'search', where?: ShopDealerApplyParam): void;
+    (e: 'add'): void;
+    (e: 'batchApprove'): void;
+    (e: 'export'): void;
+  }>();
+
+  // 搜索表单
+  const searchForm = reactive<any>({
+    realName: '',
+    mobile: '',
+    applyType: undefined,
+    applyStatus: undefined,
+    dateRange: undefined
+  });
+
+  // 搜索
+  const handleSearch = () => {
+    const searchParams: ShopDealerApplyParam = {};
+
+    if (searchForm.realName) {
+      searchParams.realName = searchForm.realName;
+    }
+    if (searchForm.mobile) {
+      searchParams.mobile = searchForm.mobile;
+    }
+    if (searchForm.applyType) {
+      searchParams.applyType = searchForm.applyType;
+    }
+    if (searchForm.applyStatus) {
+      searchParams.applyStatus = searchForm.applyStatus;
+    }
+    if (searchForm.dateRange && searchForm.dateRange.length === 2) {
+      searchParams.startTime = dayjs(searchForm.dateRange[0]).format('YYYY-MM-DD');
+      searchParams.endTime = dayjs(searchForm.dateRange[1]).format('YYYY-MM-DD');
+    }
+
+    emit('search', searchParams);
+  };
+
+  // 重置搜索
+  const resetSearch = () => {
+    searchForm.realName = '';
+    searchForm.mobile = '';
+    searchForm.applyType = undefined;
+    searchForm.applyStatus = undefined;
+    searchForm.dateRange = undefined;
+    emit('search', {});
+  };
+
+  // 新增
+  const add = () => {
+    emit('add');
+  };
+
+  // 批量通过
+  const batchApprove = () => {
+    emit('batchApprove');
+  };
+
+  // 导出数据
+  const exportData = () => {
+    emit('export');
+  };
+</script>
+
+<style lang="less" scoped>
+.search-container {
+  background: #fff;
+  padding: 16px;
+  border-radius: 6px;
+  margin-bottom: 16px;
+
+  .search-form {
+    margin-bottom: 16px;
+
+    :deep(.ant-form-item) {
+      margin-bottom: 8px;
+    }
+  }
+
+  .action-buttons {
+    border-top: 1px solid #f0f0f0;
+    padding-top: 16px;
+  }
+}
+</style>
diff --git a/src/views/sdy/shopDealerUser/components/shopDealerApplyEdit.vue b/src/views/sdy/shopDealerUser/components/shopDealerApplyEdit.vue
new file mode 100644
index 0000000..bad4d1f
--- /dev/null
+++ b/src/views/sdy/shopDealerUser/components/shopDealerApplyEdit.vue
@@ -0,0 +1,407 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="900"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑分销商申请' : '新增分销商申请'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="{ span: 6 }"
+      :wrapper-col="{ span: 18 }"
+    >
+      <!-- 申请人信息 -->
+      <a-divider orientation="left">
+        <span style="color: #1890ff; font-weight: 600;">申请人信息</span>
+      </a-divider>
+
+      <a-row :gutter="16">
+        <a-col :span="12">
+          <a-form-item label="用户ID" name="userId">
+            <a-input-number
+              :min="1"
+              placeholder="请输入用户ID"
+              :disabled="isUpdate"
+              v-model:value="form.userId"
+              style="width: 100%"
+            />
+          </a-form-item>
+        </a-col>
+        <a-col :span="12">
+          <a-form-item label="真实姓名" name="realName">
+            <a-input
+              placeholder="请输入真实姓名"
+              v-model:value="form.realName"
+              :disabled="isUpdate"
+            />
+          </a-form-item>
+        </a-col>
+      </a-row>
+
+      <a-row :gutter="16">
+        <a-col :span="12">
+          <a-form-item label="手机号码" name="mobile">
+            <a-input
+              placeholder="请输入手机号码"
+              :disabled="isUpdate"
+              v-model:value="form.mobile"
+            />
+          </a-form-item>
+        </a-col>
+        <a-col :span="12">
+          <a-form-item label="推荐人ID" name="refereeId">
+            <a-input-number
+              :min="1"
+              placeholder="请输入推荐人用户ID"
+              :disabled="isUpdate"
+              v-model:value="form.refereeId"
+              style="width: 100%"
+            />
+          </a-form-item>
+        </a-col>
+      </a-row>
+
+      <!-- 审核信息 -->
+      <a-divider orientation="left">
+        <span style="color: #1890ff; font-weight: 600;">审核信息</span>
+      </a-divider>
+
+      <a-row :gutter="16">
+        <a-col :span="12">
+          <a-form-item label="审核状态" name="applyStatus">
+            <a-select v-model:value="form.applyStatus" placeholder="请选择审核状态" @change="handleStatusChange">
+              <a-select-option :value="10">
+                <a-tag color="processing">待审核</a-tag>
+                <span style="margin-left: 8px;">等待审核</span>
+              </a-select-option>
+              <a-select-option :value="20">
+                <a-tag color="success">审核通过</a-tag>
+                <span style="margin-left: 8px;">申请通过</span>
+              </a-select-option>
+              <a-select-option :value="30">
+                <a-tag color="error">审核驳回</a-tag>
+                <span style="margin-left: 8px;">申请驳回</span>
+              </a-select-option>
+            </a-select>
+          </a-form-item>
+        </a-col>
+<!--        <a-col :span="12">-->
+<!--          <a-form-item label="审核时间" name="auditTime" v-if="form.applyStatus === 20 || form.applyStatus === 30">-->
+<!--            <a-date-picker-->
+<!--              v-model:value="form.auditTime"-->
+<!--              show-time-->
+<!--              format="YYYY-MM-DD HH:mm:ss"-->
+<!--              placeholder="请选择审核时间"-->
+<!--              style="width: 100%"-->
+<!--            />-->
+<!--          </a-form-item>-->
+<!--        </a-col>-->
+      </a-row>
+
+      <a-row :gutter="16" v-if="form.applyStatus === 30">
+        <a-col :span="24">
+          <a-form-item label="驳回原因" name="rejectReason">
+            <a-textarea
+              v-model:value="form.rejectReason"
+              placeholder="请输入驳回原因"
+              style="width: 100%"
+              :rows="3"
+              :maxlength="200"
+              show-count
+            />
+          </a-form-item>
+        </a-col>
+      </a-row>
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+  import { ref, reactive, watch } from 'vue';
+  import { Form, message } from 'ant-design-vue';
+  import dayjs from 'dayjs';
+  import { assignObject, uuid } from 'ele-admin-pro';
+  import { addShopDealerApply, updateShopDealerApply } from '@/api/shop/shopDealerApply';
+  import { ShopDealerApply } from '@/api/shop/shopDealerApply/model';
+  import { useThemeStore } from '@/store/modules/theme';
+  import { storeToRefs } from 'pinia';
+  import { ItemType } from 'ele-admin-pro/es/ele-image-upload/types';
+  import { FormInstance } from 'ant-design-vue/es/form';
+  import { FileRecord } from '@/api/system/file/model';
+
+  // 是否是修改
+  const isUpdate = ref(false);
+  const useForm = Form.useForm;
+  // 是否开启响应式布局
+  const themeStore = useThemeStore();
+  const { styleResponsive } = storeToRefs(themeStore);
+
+  const props = defineProps<{
+    // 弹窗是否打开
+    visible: boolean;
+    // 修改回显的数据
+    data?: ShopDealerApply | null;
+  }>();
+
+  const emit = defineEmits<{
+    (e: 'done'): void;
+    (e: 'update:visible', visible: boolean): void;
+  }>();
+
+  // 提交状态
+  const loading = ref(false);
+  // 是否显示最大化切换按钮
+  const maxable = ref(true);
+  // 表格选中数据
+  const formRef = ref<FormInstance | null>(null);
+  const images = ref<ItemType[]>([]);
+
+  // 表单数据
+  const form = reactive<ShopDealerApply>({
+    applyId: undefined,
+    userId: undefined,
+    realName: '',
+    mobile: '',
+    refereeId: undefined,
+    applyType: 10,
+    applyTime: undefined,
+    applyStatus: 10,
+    auditTime: undefined,
+    rejectReason: '',
+    tenantId: undefined,
+    createTime: undefined,
+    updateTime: undefined
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    userId: [
+      {
+        required: true,
+        message: '请输入用户ID',
+        trigger: 'blur'
+      }
+    ],
+    realName: [
+      {
+        required: true,
+        message: '请输入真实姓名',
+        trigger: 'blur'
+      },
+      {
+        min: 2,
+        max: 20,
+        message: '姓名长度应在2-20个字符之间',
+        trigger: 'blur'
+      }
+    ],
+    mobile: [
+      {
+        required: true,
+        message: '请输入手机号码',
+        trigger: 'blur'
+      },
+      {
+        pattern: /^1[3-9]\d{9}$/,
+        message: '请输入正确的手机号码',
+        trigger: 'blur'
+      }
+    ],
+    applyType: [
+      {
+        required: true,
+        message: '请选择申请方式',
+        trigger: 'change'
+      }
+    ],
+    applyStatus: [
+      {
+        required: true,
+        message: '请选择审核状态',
+        trigger: 'change'
+      }
+    ],
+    rejectReason: [
+      {
+        required: true,
+        message: '驳回时必须填写驳回原因',
+        trigger: 'blur'
+      }
+    ],
+    auditTime: [
+      {
+        required: true,
+        message: '审核时请选择审核时间',
+        trigger: 'change'
+      }
+    ]
+  });
+
+
+
+  const { resetFields } = useForm(form, rules);
+
+  /* 处理审核状态变化 */
+  const handleStatusChange = (value: number) => {
+    // 当状态改为审核通过或驳回时，自动设置审核时间为当前时间
+    if ((value === 20 || value === 30) && !form.auditTime) {
+      form.auditTime = dayjs();
+    }
+    // 当状态改为待审核时，清空审核时间和驳回原因
+    if (value === 10) {
+      form.auditTime = undefined;
+      form.rejectReason = '';
+    }
+  };
+
+  /* 保存编辑 */
+  const save = () => {
+    if (!formRef.value) {
+      return;
+    }
+
+    // 动态验证规则
+    const validateFields: string[] = ['userId', 'realName', 'mobile', 'applyStatus'];
+
+    // 如果是驳回状态，需要验证驳回原因
+    if (form.applyStatus === 30) {
+      validateFields.push('rejectReason');
+    }
+
+    // 如果是审核通过或驳回状态，需要验证审核时间
+    if (form.applyStatus === 20 || form.applyStatus === 30) {
+      validateFields.push('auditTime');
+    }
+
+    formRef.value
+      .validate(validateFields)
+      .then(() => {
+        loading.value = true;
+        const formData = {
+          ...form
+        };
+
+        // 处理时间字段转换 - 转换为ISO字符串格式
+        if (formData.applyTime) {
+          if (dayjs.isDayjs(formData.applyTime)) {
+            formData.applyTime = formData.applyTime.format('YYYY-MM-DD HH:mm:ss');
+          } else if (typeof formData.applyTime === 'number') {
+            formData.applyTime = dayjs(formData.applyTime).format('YYYY-MM-DD HH:mm:ss');
+          }
+        }
+
+        if (formData.auditTime) {
+          if (dayjs.isDayjs(formData.auditTime)) {
+            formData.auditTime = formData.auditTime.format('YYYY-MM-DD HH:mm:ss');
+          } else if (typeof formData.auditTime === 'number') {
+            formData.auditTime = dayjs(formData.auditTime).format('YYYY-MM-DD HH:mm:ss');
+          }
+        }
+
+        // 当审核状态为通过或驳回时，确保有审核时间
+        if ((formData.applyStatus === 20 || formData.applyStatus === 30) && !formData.auditTime) {
+          formData.auditTime = dayjs().format('YYYY-MM-DD HH:mm:ss');
+        }
+
+        // 当状态为待审核时，清空审核时间
+        if (formData.applyStatus === 10) {
+          formData.auditTime = undefined;
+        }
+
+        const saveOrUpdate = isUpdate.value ? updateShopDealerApply : addShopDealerApply;
+        saveOrUpdate(formData)
+          .then((msg) => {
+            loading.value = false;
+            message.success(msg);
+            updateVisible(false);
+            emit('done');
+          })
+          .catch((e) => {
+            loading.value = false;
+            message.error(e.message);
+          });
+      })
+      .catch(() => {});
+  };
+
+  watch(
+    () => props.visible,
+    (visible) => {
+      if (visible) {
+        if (props.data) {
+          assignObject(form, props.data);
+          // 处理时间字段 - 确保转换为dayjs对象
+          if (props.data.applyTime) {
+            form.applyTime = dayjs(props.data.applyTime);
+          }
+          if (props.data.auditTime) {
+            form.auditTime = dayjs(props.data.auditTime);
+          }
+          isUpdate.value = true;
+        } else {
+          // 重置为默认值
+          Object.assign(form, {
+            applyId: undefined,
+            userId: undefined,
+            realName: '',
+            mobile: '',
+            refereeId: undefined,
+            applyType: 10,
+            applyTime: dayjs(),
+            applyStatus: 10,
+            auditTime: undefined,
+            rejectReason: '',
+            tenantId: undefined,
+            createTime: undefined,
+            updateTime: undefined
+          });
+          isUpdate.value = false;
+        }
+      } else {
+        resetFields();
+      }
+    },
+    { immediate: true }
+  );
+</script>
+
+<style lang="less" scoped>
+:deep(.ant-divider-horizontal.ant-divider-with-text-left) {
+  margin: 24px 0 16px 0;
+
+  .ant-divider-inner-text {
+    padding: 0 16px 0 0;
+  }
+}
+
+:deep(.ant-form-item) {
+  margin-bottom: 16px;
+}
+
+:deep(.ant-radio) {
+  display: flex;
+  align-items: center;
+  margin-bottom: 8px;
+
+  .ant-radio-inner {
+    margin-right: 8px;
+  }
+}
+
+:deep(.ant-select-selection-item) {
+  display: flex;
+  align-items: center;
+}
+</style>
diff --git a/src/views/sdy/shopDealerUser/index.vue b/src/views/sdy/shopDealerUser/index.vue
new file mode 100644
index 0000000..2b1454a
--- /dev/null
+++ b/src/views/sdy/shopDealerUser/index.vue
@@ -0,0 +1,496 @@
+<template>
+  <a-page-header :title="getPageTitle()" @back="() => $router.go(-1)">
+    <a-card :bordered="false" :body-style="{ padding: '16px' }">
+      <ele-pro-table
+        ref="tableRef"
+        row-key="applyId"
+        :columns="columns"
+        :datasource="datasource"
+        :customRow="customRow"
+        tool-class="ele-toolbar-form"
+        class="sys-org-table"
+        v-model:selection="selection"
+      >
+        <template #toolbar>
+          <search
+            @search="reload"
+            :selection="selection"
+            @add="openEdit"
+            @batchApprove="batchApprove"
+            @export="exportData"
+          />
+        </template>
+        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'applyStatus'">
+            <a-tag v-if="record.applyStatus === 10" color="orange">待审核</a-tag>
+            <a-tag v-if="record.applyStatus === 20" color="green">已通过</a-tag>
+            <a-tag v-if="record.applyStatus === 30" color="red">已驳回</a-tag>
+          </template>
+          <template v-if="column.key === 'action'">
+            <a @click="openEdit(record)" class="ele-text-primary">
+              <EditOutlined/>
+              编辑
+            </a>
+            <template v-if="record.applyStatus !== 20">
+              <a-divider type="vertical"/>
+              <a @click="approveApply(record)" class="ele-text-success">
+                <CheckOutlined/>
+                通过
+              </a>
+              <a-divider type="vertical"/>
+              <a @click="rejectApply(record)" class="ele-text-warning">
+                <CloseOutlined/>
+                驳回
+              </a>
+              <a-divider type="vertical"/>
+              <a-popconfirm
+                v-if="record.applyStatus != 20"
+                title="确定要删除此申请记录吗？"
+                @confirm="remove(record)"
+                placement="topRight"
+              >
+                <a class="ele-text-danger">
+                  <DeleteOutlined/>
+                  删除
+                </a>
+              </a-popconfirm>
+            </template>
+          </template>
+        </template>
+      </ele-pro-table>
+    </a-card>
+
+    <!-- 编辑弹窗 -->
+    <ShopDealerApplyEdit v-model:visible="showEdit" :data="current" @done="reload"/>
+  </a-page-header>
+</template>
+
+<script lang="ts" setup>
+import {createVNode, ref} from 'vue';
+import {message, Modal} from 'ant-design-vue';
+import {
+  ExclamationCircleOutlined,
+  CheckOutlined,
+  CloseOutlined,
+  EditOutlined,
+  DeleteOutlined
+} from '@ant-design/icons-vue';
+import type {EleProTable} from 'ele-admin-pro';
+import type {
+  DatasourceFunction,
+  ColumnItem
+} from 'ele-admin-pro/es/ele-pro-table/types';
+import Search from './components/search.vue';
+import {getPageTitle} from '@/utils/common';
+import ShopDealerApplyEdit from './components/shopDealerApplyEdit.vue';
+import {
+  pageShopDealerApply,
+  removeShopDealerApply,
+  removeBatchShopDealerApply,
+  batchApproveShopDealerApply,
+  updateShopDealerApply
+} from '@/api/shop/shopDealerApply';
+import type {ShopDealerApply, ShopDealerApplyParam} from '@/api/shop/shopDealerApply/model';
+
+// 表格实例
+const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+// 表格选中数据
+const selection = ref<ShopDealerApply[]>([]);
+// 当前编辑数据
+const current = ref<ShopDealerApply | null>(null);
+// 是否显示编辑弹窗
+const showEdit = ref(false);
+// 加载状态
+const loading = ref(true);
+
+// 表格数据源
+const datasource: DatasourceFunction = ({
+                                          page,
+                                          limit,
+                                          where,
+                                          orders,
+                                          filters
+                                        }) => {
+  if (filters) {
+    where.status = filters.status;
+  }
+  where.type = 4;
+  where.applyStatus = 20;
+  return pageShopDealerApply({
+    ...where,
+    ...orders,
+    page,
+    limit
+  });
+};
+
+// 表格列配置
+const columns = ref<ColumnItem[]>([
+  {
+    title: 'ID',
+    dataIndex: 'applyId',
+    key: 'applyId',
+    align: 'center',
+    width: 80,
+    fixed: 'left'
+  },
+  {
+    title: '申请人信息',
+    key: 'applicantInfo',
+    align: 'left',
+    fixed: 'left',
+    customRender: ({record}) => {
+      return `${record.realName || '-'} (${record.mobile || '-'})`;
+    }
+  },
+  {
+    title: '申请方式',
+    dataIndex: 'applyType',
+    key: 'applyType',
+    align: 'center',
+    width: 120,
+    customRender: ({text}) => {
+      const typeMap = {
+        10: {text: '需审核', color: 'orange'},
+        20: {text: '免审核', color: 'green'}
+      };
+      const type = typeMap[text] || {text: '未知', color: 'default'};
+      return {type: 'tag', props: {color: type.color}, children: type.text};
+    }
+  },
+  {
+    title: '审核状态',
+    dataIndex: 'applyStatus',
+    key: 'applyStatus',
+    align: 'center',
+    width: 120
+  },
+  {
+    title: '推荐人',
+    dataIndex: 'refereeId',
+    key: 'refereeId',
+    align: 'center',
+    width: 100,
+    customRender: ({text}) => text ? `ID: ${text}` : '无'
+  },
+  // {
+  //   title: '申请时间',
+  //   dataIndex: 'applyTime',
+  //   key: 'applyTime',
+  //   align: 'center',
+  //   width: 120,
+  //   customRender: ({ text }) => text ? toDateString(new Date(text), 'yyyy-MM-dd HH:mm') : '-'
+  // },
+  // {
+  //   title: '审核时间',
+  //   dataIndex: 'auditTime',
+  //   key: 'auditTime',
+  //   align: 'center',
+  //   customRender: ({ text }) => text ? toDateString(new Date(text), 'yyyy-MM-dd HH:mm') : '-'
+  // },
+  {
+    title: '驳回原因',
+    dataIndex: 'rejectReason',
+    key: 'rejectReason',
+    align: 'left',
+    ellipsis: true,
+    customRender: ({text}) => text || '-'
+  },
+  {
+    title: '创建时间',
+    dataIndex: 'createTime',
+    key: 'createTime',
+    align: 'center',
+    sorter: true,
+    ellipsis: true
+  },
+  {
+    title: '操作',
+    key: 'action',
+    fixed: 'right',
+    align: 'center',
+    width: 380,
+    hideInSetting: true
+  }
+]);
+
+/* 搜索 */
+const reload = (where?: ShopDealerApplyParam) => {
+  selection.value = [];
+  tableRef?.value?.reload({where: where});
+};
+
+/* 审核通过 */
+const approveApply = (row: ShopDealerApply) => {
+  Modal.confirm({
+    title: '审核通过确认',
+    content: `确定要通过 ${row.realName} 的经销商申请吗？`,
+    icon: createVNode(CheckOutlined),
+    okText: '确认通过',
+    okType: 'primary',
+    cancelText: '取消',
+    onOk: async () => {
+      const hide = message.loading('正在处理审核...', 0);
+      try {
+        await updateShopDealerApply({
+          ...row,
+          applyId: row.applyId,
+          applyStatus: 20
+        });
+        hide();
+        message.success('审核通过成功');
+        reload();
+      } catch (error: any) {
+        hide();
+        message.error(error.message || '审核失败，请重试');
+      }
+    }
+  });
+};
+
+/* 审核驳回 */
+const rejectApply = (row: ShopDealerApply) => {
+  let rejectReason = '';
+  Modal.confirm({
+    title: '审核驳回',
+    content: createVNode('div', null, [
+      createVNode('p', null, `申请人: ${row.realName} (${row.mobile})`),
+      createVNode('p', {style: 'margin-top: 12px;'}, '请输入驳回原因:'),
+      createVNode('textarea', {
+        placeholder: '请输入驳回原因...',
+        style: 'width: 100%; height: 80px; margin-top: 8px; padding: 8px; border: 1px solid #d9d9d9; border-radius: 4px;',
+        onInput: (e: any) => {
+          rejectReason = e.target.value;
+        }
+      })
+    ]),
+    icon: createVNode(CloseOutlined),
+    okText: '确认驳回',
+    okType: 'danger',
+    cancelText: '取消',
+    onOk: async () => {
+      if (!rejectReason.trim()) {
+        message.error('请输入驳回原因');
+        return Promise.reject();
+      }
+      const hide = message.loading('正在处理审核...', 0);
+      try {
+        await updateShopDealerApply({
+          ...row,
+          applyStatus: 30,
+          rejectReason: rejectReason.trim()
+        });
+        hide();
+        message.success('审核驳回成功');
+        reload();
+      } catch (error: any) {
+        hide();
+        message.error(error.message || '审核失败，请重试');
+      }
+    }
+  });
+};
+
+/* 打开编辑弹窗 */
+const openEdit = (row?: ShopDealerApply) => {
+  current.value = row ?? null;
+  showEdit.value = true;
+};
+
+/* 删除单个 */
+const remove = (row: ShopDealerApply) => {
+  if (!row.applyId) {
+    message.error('删除失败：缺少必要参数');
+    return;
+  }
+
+  const hide = message.loading('正在删除申请记录...', 0);
+  removeShopDealerApply(row.applyId)
+    .then((msg) => {
+      hide();
+      message.success(msg || '删除成功');
+      reload();
+    })
+    .catch((e) => {
+      hide();
+      message.error(e.message || '删除失败');
+    });
+};
+
+/* 批量删除 */
+const removeBatch = () => {
+  if (!selection.value.length) {
+    message.error('请至少选择一条数据');
+    return;
+  }
+
+  const validIds = selection.value.filter(d => d.applyId).map(d => d.applyId);
+  if (!validIds.length) {
+    message.error('选中的数据中没有有效的ID');
+    return;
+  }
+
+  Modal.confirm({
+    title: '批量删除确认',
+    content: `确定要删除选中的 ${validIds.length} 条申请记录吗？此操作不可恢复。`,
+    icon: createVNode(ExclamationCircleOutlined),
+    maskClosable: true,
+    okText: '确认删除',
+    okType: 'danger',
+    cancelText: '取消',
+    onOk: () => {
+      const hide = message.loading(`正在删除 ${validIds.length} 条记录...`, 0);
+      removeBatchShopDealerApply(validIds)
+        .then((msg) => {
+          hide();
+          message.success(msg || `成功删除 ${validIds.length} 条记录`);
+          selection.value = [];
+          reload();
+        })
+        .catch((e) => {
+          hide();
+          message.error(e.message || '批量删除失败');
+        });
+    }
+  });
+};
+
+/* 批量通过 */
+const batchApprove = () => {
+  if (!selection.value.length) {
+    message.error('请至少选择一条数据');
+    return;
+  }
+
+  const pendingApplies = selection.value.filter(item => item.applyStatus === 10);
+  if (!pendingApplies.length) {
+    message.error('所选申请中没有待审核的记录');
+    return;
+  }
+
+  Modal.confirm({
+    title: '批量通过确认',
+    content: `确定要通过选中的 ${pendingApplies.length} 个申请吗？`,
+    icon: createVNode(ExclamationCircleOutlined),
+    okText: '确认通过',
+    okType: 'primary',
+    cancelText: '取消',
+    onOk: async () => {
+      const hide = message.loading('正在批量通过...', 0);
+      try {
+        const ids = pendingApplies.map(item => item.applyId);
+        await batchApproveShopDealerApply(ids);
+        hide();
+        message.success(`成功通过 ${pendingApplies.length} 个申请`);
+        selection.value = [];
+        reload();
+      } catch (error: any) {
+        hide();
+        message.error(error.message || '批量审核失败，请重试');
+      }
+    }
+  });
+};
+
+/* 导出数据 */
+const exportData = () => {
+  const hide = message.loading('正在导出申请数据...', 0);
+  // 这里调用导出API
+  setTimeout(() => {
+    hide();
+    message.success('申请数据导出成功');
+  }, 2000);
+};
+
+/* 查询 */
+const query = () => {
+  loading.value = true;
+};
+
+/* 自定义行属性 */
+const customRow = (record: ShopDealerApply) => {
+  return {
+    // 行点击事件
+    onClick: () => {
+      // console.log(record);
+    },
+    // 行双击事件
+    onDblclick: () => {
+      openEdit(record);
+    }
+  };
+};
+query();
+</script>
+
+<script lang="ts">
+export default {
+  name: 'ShopDealerApply'
+};
+</script>
+
+<style lang="less" scoped>
+.sys-org-table {
+  :deep(.ant-table-thead > tr > th) {
+    background-color: #fafafa;
+    font-weight: 600;
+  }
+
+  :deep(.ant-table-tbody > tr:hover > td) {
+    background-color: #f8f9fa;
+  }
+}
+
+.detail-item {
+  p {
+    margin: 4px 0;
+    color: #666;
+  }
+
+  strong {
+    color: #1890ff;
+    font-size: 14px;
+  }
+}
+
+.ele-text-primary {
+  color: #1890ff;
+
+  &:hover {
+    color: #40a9ff;
+  }
+}
+
+.ele-text-info {
+  color: #13c2c2;
+
+  &:hover {
+    color: #36cfc9;
+  }
+}
+
+.ele-text-success {
+  color: #52c41a;
+
+  &:hover {
+    color: #73d13d;
+  }
+}
+
+.ele-text-warning {
+  color: #faad14;
+
+  &:hover {
+    color: #ffc53d;
+  }
+}
+
+.ele-text-danger {
+  color: #ff4d4f;
+
+  &:hover {
+    color: #ff7875;
+  }
+}
+</style>
diff --git a/src/views/sdy/shopDealerWithdraw/components/Import.vue b/src/views/sdy/shopDealerWithdraw/components/Import.vue
new file mode 100644
index 0000000..d9b9e45
--- /dev/null
+++ b/src/views/sdy/shopDealerWithdraw/components/Import.vue
@@ -0,0 +1,83 @@
+<!-- 经销商订单导入弹窗 -->
+<template>
+  <ele-modal
+    :width="520"
+    :footer="null"
+    title="导入分销订单"
+    :visible="visible"
+    @update:visible="updateVisible"
+  >
+    <a-spin :spinning="loading">
+      <a-upload-dragger
+        accept=".xls,.xlsx"
+        :show-upload-list="false"
+        :customRequest="doUpload"
+        style="padding: 24px 0; margin-bottom: 16px"
+      >
+        <p class="ant-upload-drag-icon">
+          <cloud-upload-outlined/>
+        </p>
+        <p class="ant-upload-hint">将文件拖到此处，或点击上传</p>
+      </a-upload-dragger>
+      <div class="ant-upload-text text-gray-400">
+        <div>1、必须按<a href="https://oss.wsdns.cn/20251018/408b805ec3cd4084a4dc686e130af578.xlsx" target="_blank">导入模版</a>的格式上传</div>
+        <div>2、导入成功确认结算完成佣金的发放</div>
+      </div>
+    </a-spin>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+import {ref} from 'vue';
+import {message} from 'ant-design-vue/es';
+import {CloudUploadOutlined} from '@ant-design/icons-vue';
+import {importSdyDealerOrder} from "@/api/sdy/sdyDealerOrder";
+
+const emit = defineEmits<{
+  (e: 'done'): void;
+  (e: 'update:visible', visible: boolean): void;
+}>();
+
+defineProps<{
+  // 是否打开弹窗
+  visible: boolean;
+}>();
+
+// 导入请求状态
+const loading = ref(false);
+
+/* 上传 */
+const doUpload = ({file}) => {
+  if (
+    ![
+      'application/vnd.ms-excel',
+      'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
+    ].includes(file.type)
+  ) {
+    message.error('只能选择 excel 文件');
+    return false;
+  }
+  if (file.size / 1024 / 1024 > 10) {
+    message.error('大小不能超过 10MB');
+    return false;
+  }
+  loading.value = true;
+  importSdyDealerOrder(file)
+    .then((msg) => {
+      loading.value = false;
+      message.success(msg);
+      updateVisible(false);
+      emit('done');
+    })
+    .catch((e) => {
+      loading.value = false;
+      message.error(e.message);
+    });
+  return false;
+};
+
+/* 更新 visible */
+const updateVisible = (value: boolean) => {
+  emit('update:visible', value);
+};
+</script>
diff --git a/src/views/sdy/shopDealerWithdraw/components/search.vue b/src/views/sdy/shopDealerWithdraw/components/search.vue
new file mode 100644
index 0000000..7d7eb7a
--- /dev/null
+++ b/src/views/sdy/shopDealerWithdraw/components/search.vue
@@ -0,0 +1,106 @@
+<template>
+  <div class="flex items-center gap-20">
+    <!-- 搜索表单 -->
+    <a-form
+      :model="where"
+      layout="inline"
+      class="search-form"
+      @finish="handleSearch"
+    >
+      <a-form-item>
+        <a-space>
+          <a-button
+            danger
+            class="ele-btn-icon"
+            v-if="selection.length > 0"
+            :disabled="selection?.length === 0"
+            @click="removeBatch"
+          >
+            <template #icon>
+              <DeleteOutlined/>
+            </template>
+            <span>批量删除</span>
+          </a-button>
+        </a-space>
+      </a-form-item>
+
+      <a-form-item>
+        <a-space>
+          <a-input-search
+            allow-clear
+            placeholder="请输入用户ID"
+            style="width: 240px"
+            v-model:value="where.keywords"
+            @search="handleSearch"
+          />
+          <a-button @click="resetSearch">
+            重置
+          </a-button>
+        </a-space>
+      </a-form-item>
+    </a-form>
+  </div>
+
+  <!-- 导入弹窗 -->
+  <Import v-model:visible="showImport" @done="emit('importDone')"/>
+</template>
+
+<script lang="ts" setup>
+import {ref} from 'vue';
+import {
+  DeleteOutlined
+} from '@ant-design/icons-vue';
+import Import from './Import.vue';
+import useSearch from "@/utils/use-search";
+import {ShopDealerWithdrawParam} from "@/api/shop/shopDealerWithdraw/model";
+
+withDefaults(
+  defineProps<{
+    // 选中的数据
+    selection?: any[];
+  }>(),
+  {
+    selection: () => []
+  }
+);
+
+const emit = defineEmits<{
+  (e: 'search', where?: ShopDealerWithdrawParam): void;
+  (e: 'batchSettle'): void;
+  (e: 'export'): void;
+  (e: 'importDone'): void;
+  (e: 'remove'): void;
+}>();
+
+// 是否显示导入弹窗
+const showImport = ref(false);
+
+// 搜索表单
+const {where, resetFields} = useSearch<ShopDealerWithdrawParam>({
+  keywords: '',
+});
+
+// 搜索
+const handleSearch = () => {
+  const searchParams = {...where};
+  // 清除空值
+  Object.keys(searchParams).forEach(key => {
+    if (searchParams[key] === '' || searchParams[key] === undefined) {
+      delete searchParams[key];
+    }
+  });
+  emit('search', searchParams);
+};
+
+// 重置搜索
+const resetSearch = () => {
+  resetFields();
+  emit('search', {});
+};
+
+// 批量删除
+const removeBatch = () => {
+  emit('remove');
+};
+
+</script>
diff --git a/src/views/sdy/shopDealerWithdraw/components/shopDealerWithdrawEdit.vue b/src/views/sdy/shopDealerWithdraw/components/shopDealerWithdrawEdit.vue
new file mode 100644
index 0000000..f8f0076
--- /dev/null
+++ b/src/views/sdy/shopDealerWithdraw/components/shopDealerWithdrawEdit.vue
@@ -0,0 +1,682 @@
+<!-- 编辑弹窗 -->
+<template>
+  <ele-modal
+    :width="1000"
+    :visible="visible"
+    :maskClosable="false"
+    :maxable="maxable"
+    :title="isUpdate ? '编辑提现申请' : '新增提现申请'"
+    :body-style="{ paddingBottom: '28px' }"
+    @update:visible="updateVisible"
+    @ok="save"
+  >
+    <a-form
+      ref="formRef"
+      :model="form"
+      :rules="rules"
+      :label-col="{ span: 6 }"
+      :wrapper-col="{ span: 18 }"
+    >
+      <!-- 基本信息 -->
+      <a-divider orientation="left">
+        <span style="color: #1890ff; font-weight: 600;">基本信息</span>
+      </a-divider>
+      <a-row :gutter="16">
+        <a-col :span="12">
+          <a-form-item label="备注" name="comments">
+            <div class="text-red-500">{{ form.comments }}</div>
+          </a-form-item>
+        </a-col>
+      </a-row>
+
+      <!-- 收款信息 -->
+      <a-divider orientation="left">
+        <span style="color: #1890ff; font-weight: 600;">收款信息</span>
+      </a-divider>
+
+      <!-- 微信收款信息 -->
+      <div v-if="form.payType === 10" class="payment-info wechat-info">
+        <a-alert
+          message="微信收款信息"
+          description="请确保微信账号信息准确，以免影响到账"
+          type="success"
+          show-icon
+          style="margin-bottom: 16px"
+        />
+        <a-form-item label="微信号" name="wechatAccount">
+          <a-input
+            placeholder="请输入微信号"
+            v-model:value="form.wechatAccount"
+          />
+        </a-form-item>
+        <a-form-item label="微信昵称" name="wechatName">
+          <a-input
+            placeholder="请输入微信昵称"
+            v-model:value="form.wechatName"
+          />
+        </a-form-item>
+      </div>
+
+      <!-- 支付宝收款信息 -->
+      <div v-if="form.payType === 20" class="payment-info alipay-info">
+        <a-alert
+          message="支付宝收款信息"
+          description="请确保支付宝账号信息准确，姓名需与实名认证一致"
+          type="info"
+          show-icon
+          style="margin-bottom: 16px"
+        />
+        <a-row :gutter="16">
+          <a-col :span="12">
+            <a-form-item label="支付宝姓名" name="alipayName">
+              <a-input
+                placeholder="请输入支付宝实名姓名"
+                disabled
+                v-model:value="form.alipayName"
+              />
+            </a-form-item>
+          </a-col>
+          <a-col :span="12">
+            <a-form-item label="支付宝账号" name="alipayAccount">
+              <a-input
+                placeholder="请输入支付宝账号"
+                disabled
+                v-model:value="form.alipayAccount"
+              />
+            </a-form-item>
+          </a-col>
+        </a-row>
+      </div>
+
+      <!-- 银行卡收款信息 -->
+      <div v-if="form.payType === 30" class="payment-info bank-info">
+        <a-alert
+          message="银行卡收款信息"
+          description="请确保银行卡信息准确，开户名需与身份证姓名一致"
+          type="warning"
+          show-icon
+          style="margin-bottom: 16px"
+        />
+        <a-row :gutter="16">
+          <a-col :span="12">
+            <a-form-item label="开户行名称" name="bankName">
+              {{ form.bankName }}
+            </a-form-item>
+            <a-form-item label="银行开户名" name="bankAccount">
+              {{ form.bankAccount }}
+            </a-form-item>
+            <a-form-item label="银行卡号" name="bankCard">
+              {{ form.bankCard }}
+            </a-form-item>
+          </a-col>
+        </a-row>
+      </div>
+
+      <!-- 审核信息 -->
+      <a-divider orientation="left">
+        <span style="color: #1890ff; font-weight: 600;">审核信息</span>
+      </a-divider>
+
+      <a-row :gutter="16">
+        <a-col :span="12">
+          <a-form-item label="申请状态" name="applyStatus">
+            <a-select v-model:value="form.applyStatus" :disabled="form.applyStatus == 40 || form.applyStatus == 30"
+                      placeholder="请选择申请状态">
+              <a-select-option :value="10">
+                <div class="status-option">
+                  <a-tag color="orange">待审核</a-tag>
+                  <span>等待审核</span>
+                </div>
+              </a-select-option>
+              <a-select-option :value="20">
+                <div class="status-option">
+                  <a-tag color="success">审核通过</a-tag>
+                  <span>审核通过</span>
+                </div>
+              </a-select-option>
+              <a-select-option :value="30">
+                <div class="status-option">
+                  <a-tag color="error">审核驳回</a-tag>
+                  <span>审核驳回</span>
+                </div>
+              </a-select-option>
+              <a-select-option :value="40">
+                <div class="status-option">
+                  <a-tag>已打款</a-tag>
+                  <span>已完成打款</span>
+                </div>
+              </a-select-option>
+            </a-select>
+          </a-form-item>
+        </a-col>
+      </a-row>
+      <a-row :gutter="16">
+        <a-col :span="12">
+          <a-form-item label="驳回原因" name="rejectReason" v-if="form.applyStatus === 30">
+            <a-textarea
+              v-model:value="form.rejectReason"
+              placeholder="请输入驳回原因"
+              :rows="3"
+              :maxlength="200"
+              show-count
+            />
+          </a-form-item>
+          <a-form-item label="上传支付凭证" name="image" v-if="form.applyStatus === 40">
+            <SelectFile
+              :placeholder="`请选择图片`"
+              :limit="2"
+              :data="files"
+              @done="chooseFile"
+              @del="onDeleteFile"
+            />
+          </a-form-item>
+        </a-col>
+      </a-row>
+
+      <!-- 提现预览 -->
+      <div class="withdraw-preview" v-if="form.money && form.payType">
+        <a-alert
+          :type="getPreviewAlertType()"
+          :message="getPreviewText()"
+          show-icon
+          style="margin-top: 16px"
+        />
+      </div>
+    </a-form>
+  </ele-modal>
+</template>
+
+<script lang="ts" setup>
+import {ref, reactive, watch} from 'vue';
+import {Form, message} from 'ant-design-vue';
+import {assignObject, uuid} from 'ele-admin-pro';
+import {addShopDealerWithdraw, updateShopDealerWithdraw} from '@/api/shop/shopDealerWithdraw';
+import {ShopDealerWithdraw} from '@/api/shop/shopDealerWithdraw/model';
+import {FormInstance} from 'ant-design-vue/es/form';
+import {ItemType} from 'ele-admin-pro/es/ele-image-upload/types';
+import dayjs from 'dayjs';
+import {FileRecord} from "@/api/system/file/model";
+
+// 是否是修改
+const isUpdate = ref(false);
+const useForm = Form.useForm;
+
+const props = defineProps<{
+  // 弹窗是否打开
+  visible: boolean;
+  // 修改回显的数据
+  data?: ShopDealerWithdraw | null;
+}>();
+
+const emit = defineEmits<{
+  (e: 'done'): void;
+  (e: 'update:visible', visible: boolean): void;
+}>();
+
+// 提交状态
+const loading = ref<boolean>(false);
+const isSuccess = ref<boolean>(false);
+// 是否显示最大化切换按钮
+const maxable = ref(true);
+const files = ref<ItemType[]>([]);
+// 表格选中数据
+const formRef = ref<FormInstance | null>(null);
+
+// 表单数据
+const form = reactive<ShopDealerWithdraw>({
+  id: undefined,
+  userId: undefined,
+  realName: undefined,
+  nickname: undefined,
+  phone: undefined,
+  avatar: undefined,
+  money: undefined,
+  payType: undefined,
+  // 微信相关
+  wechatAccount: '',
+  wechatName: '',
+  // 支付宝相关
+  alipayName: '',
+  alipayAccount: '',
+  // 银行卡相关
+  bankName: '',
+  bankAccount: '',
+  bankCard: '',
+  // 审核相关
+  applyStatus: 10,
+  auditTime: undefined,
+  rejectReason: '',
+  platform: '',
+  comments: '',
+  tenantId: undefined,
+  createTime: undefined,
+  updateTime: undefined
+});
+
+/* 更新visible */
+const updateVisible = (value: boolean) => {
+  emit('update:visible', value);
+};
+
+// 表单验证规则
+const rules = reactive({
+  userId: [
+    {
+      required: true,
+      message: '请输入分销商用户ID',
+      trigger: 'blur'
+    }
+  ],
+  money: [
+    {
+      required: true,
+      message: '请输入提现金额',
+      trigger: 'blur'
+    },
+    {
+      validator: (rule: any, value: any) => {
+        if (value && value <= 0) {
+          return Promise.reject('提现金额必须大于0');
+        }
+        return Promise.resolve();
+      },
+      trigger: 'blur'
+    }
+  ],
+  payType: [
+    {
+      required: true,
+      message: '请选择打款方式',
+      trigger: 'change'
+    }
+  ],
+  platform: [
+    {
+      required: true,
+      message: '请选择来源平台',
+      trigger: 'change'
+    }
+  ],
+  // 微信验证
+  wechatAccount: [
+    {
+      validator: (rule: any, value: any) => {
+        if (form.payType === 10 && !value) {
+          return Promise.reject('请输入微信号');
+        }
+        return Promise.resolve();
+      },
+      trigger: 'blur'
+    }
+  ],
+  wechatName: [
+    {
+      validator: (rule: any, value: any) => {
+        if (form.payType === 10 && !value) {
+          return Promise.reject('请输入微信昵称');
+        }
+        return Promise.resolve();
+      },
+      trigger: 'blur'
+    }
+  ],
+  // 支付宝验证
+  alipayName: [
+    {
+      validator: (rule: any, value: any) => {
+        if (form.payType === 20 && !value) {
+          return Promise.reject('请输入支付宝姓名');
+        }
+        return Promise.resolve();
+      },
+      trigger: 'blur'
+    }
+  ],
+  alipayAccount: [
+    {
+      validator: (rule: any, value: any) => {
+        if (form.payType === 20 && !value) {
+          return Promise.reject('请输入支付宝账号');
+        }
+        return Promise.resolve();
+      },
+      trigger: 'blur'
+    }
+  ],
+  // 银行卡验证
+  bankName: [
+    {
+      validator: (rule: any, value: any) => {
+        if (form.payType === 30 && !value) {
+          return Promise.reject('请输入开户行名称');
+        }
+        return Promise.resolve();
+      },
+      trigger: 'blur'
+    }
+  ],
+  bankAccount: [
+    {
+      validator: (rule: any, value: any) => {
+        if (form.payType === 30 && !value) {
+          return Promise.reject('请输入银行开户名');
+        }
+        return Promise.resolve();
+      },
+      trigger: 'blur'
+    }
+  ],
+  bankCard: [
+    {
+      validator: (rule: any, value: any) => {
+        if (form.payType === 30 && !value) {
+          return Promise.reject('请输入银行卡号');
+        }
+        if (form.payType === 30 && value && !/^\d{16,19}$/.test(value)) {
+          return Promise.reject('银行卡号格式不正确');
+        }
+        return Promise.resolve();
+      },
+      trigger: 'blur'
+    }
+  ],
+  applyStatus: [
+    {
+      required: true,
+      message: '请选择申请状态',
+      trigger: 'change'
+    }
+  ],
+  rejectReason: [
+    {
+      validator: (rule: any, value: any) => {
+        if (form.applyStatus === 30 && !value) {
+          return Promise.reject('驳回时必须填写驳回原因');
+        }
+        return Promise.resolve();
+      },
+      trigger: 'blur'
+    }
+  ],
+  image: [
+    {
+      required: true,
+      message: '请上传打款凭证',
+      trigger: 'change'
+    }
+  ]
+});
+
+/* 打款方式改变时的处理 */
+const onPayTypeChange = (e: any) => {
+  const payType = e.target.value;
+
+  // 清空其他支付方式的信息
+  if (payType !== 10) {
+    form.alipayAccount = '';
+    form.alipayName = '';
+  }
+  if (payType !== 20) {
+    form.alipayName = '';
+    form.alipayAccount = '';
+  }
+  if (payType !== 30) {
+    form.bankName = '';
+    form.bankAccount = '';
+    form.bankCard = '';
+  }
+};
+
+const chooseFile = (data: FileRecord) => {
+  files.value.push({
+    uid: data.id,
+    url: data.url,
+    status: 'done'
+  });
+  form.image = JSON.stringify(files.value.map((d) => d.url));
+};
+
+const onDeleteFile = (index: number) => {
+  files.value.splice(index, 1);
+};
+
+/* 获取预览提示类型 */
+const getPreviewAlertType = () => {
+  if (!form.applyStatus) return 'info';
+
+  switch (form.applyStatus) {
+    case 10:
+      return 'processing';
+    case 20:
+      return 'success';
+    case 30:
+      return 'error';
+    case 40:
+      return 'success';
+    default:
+      return 'info';
+  }
+};
+
+/* 获取预览文本 */
+const getPreviewText = () => {
+  if (!form.money || !form.payType) return '';
+
+  const amount = parseFloat(form.money.toString()).toFixed(2);
+  const payTypeMap = {
+    10: '微信',
+    20: '支付宝',
+    30: '银行卡'
+  };
+  const statusMap = {
+    10: '待审核',
+    20: '审核通过',
+    30: '审核驳回',
+    40: '已打款'
+  };
+
+  const payTypeName = payTypeMap[form.payType] || '未知方式';
+  const statusName = statusMap[form.applyStatus] || '未知状态';
+
+  return `提现金额：¥${amount}，打款方式：${payTypeName}，当前状态：${statusName}`;
+};
+
+const {resetFields} = useForm(form, rules);
+
+/* 保存编辑 */
+const save = () => {
+  if (!formRef.value) {
+    return;
+  }
+  if (isSuccess.value) {
+    console.log('isSuccess')
+    updateVisible(false);
+    emit('done');
+    return;
+  }
+  if (form.realName == '' || form.realName == null) {
+    message.error('该用户未完成实名认证!');
+    return;
+  }
+  formRef.value
+    .validate()
+    .then(() => {
+      loading.value = true;
+      const formData = {
+        ...form
+      };
+
+      // 处理时间字段转换
+      if (formData.auditTime && dayjs.isDayjs(formData.auditTime)) {
+        formData.auditTime = formData.auditTime.valueOf();
+      }
+
+      // 根据支付方式清理不相关字段
+      if (formData.payType !== 10) {
+        delete formData.wechatAccount;
+        delete formData.wechatName;
+      }
+      if (formData.payType !== 20) {
+        delete formData.alipayName;
+        delete formData.alipayAccount;
+      }
+      if (formData.payType !== 30) {
+        delete formData.bankName;
+        delete formData.bankAccount;
+        delete formData.bankCard;
+      }
+
+      const saveOrUpdate = isUpdate.value ? updateShopDealerWithdraw : addShopDealerWithdraw;
+      saveOrUpdate(formData)
+        .then((msg) => {
+          loading.value = false;
+          message.success(msg);
+          updateVisible(false);
+          emit('done');
+        })
+        .catch((e) => {
+          loading.value = false;
+          message.error(e.message);
+        });
+    })
+    .catch(() => {
+    });
+};
+
+watch(
+  () => props.visible,
+  (visible) => {
+    if (visible) {
+      files.value = [];
+      if (props.data) {
+        assignObject(form, props.data);
+        // 处理时间字段
+        if (props.data.auditTime) {
+          form.auditTime = dayjs(props.data.auditTime);
+        }
+        if (props.data.image) {
+          const arr = JSON.parse(props.data.image);
+          arr.map((url: string) => {
+            files.value.push({
+              uid: uuid(),
+              url: url,
+              status: 'done'
+            });
+          });
+          isSuccess.value = true;
+        }
+        isUpdate.value = true;
+      } else {
+        // 重置为默认值
+        Object.assign(form, {
+          id: undefined,
+          userId: undefined,
+          money: undefined,
+          payType: undefined,
+          wechatAccount: '',
+          wechatName: '',
+          alipayName: '',
+          alipayAccount: '',
+          bankName: '',
+          bankAccount: '',
+          bankCard: '',
+          applyStatus: 10,
+          auditTime: undefined,
+          rejectReason: '',
+          platform: '',
+          image: '',
+          tenantId: undefined,
+          createTime: undefined,
+          updateTime: undefined
+        });
+        isUpdate.value = false;
+      }
+    } else {
+      resetFields();
+    }
+  },
+  {immediate: true}
+);
+</script>
+
+<style lang="less" scoped>
+.platform-option,
+.status-option {
+  display: flex;
+  align-items: center;
+
+  .ant-tag {
+    margin-right: 8px;
+  }
+
+  span {
+    color: #666;
+    font-size: 12px;
+  }
+}
+
+.payment-info {
+  background: #fafafa;
+  padding: 16px;
+  border-radius: 6px;
+  margin-bottom: 16px;
+
+  &.wechat-info {
+    border-left: 3px solid #52c41a;
+  }
+
+  &.alipay-info {
+    border-left: 3px solid #1890ff;
+  }
+
+  &.bank-info {
+    border-left: 3px solid #faad14;
+  }
+}
+
+.withdraw-preview {
+  :deep(.ant-alert) {
+    .ant-alert-message {
+      font-weight: 600;
+      font-size: 14px;
+    }
+  }
+}
+
+:deep(.ant-divider-horizontal.ant-divider-with-text-left) {
+  margin: 24px 0 16px 0;
+
+  .ant-divider-inner-text {
+    padding: 0 16px 0 0;
+  }
+}
+
+:deep(.ant-form-item) {
+  margin-bottom: 16px;
+}
+
+:deep(.ant-radio) {
+  display: flex;
+  align-items: center;
+  margin-bottom: 8px;
+
+  .ant-radio-inner {
+    margin-right: 8px;
+  }
+}
+
+:deep(.ant-select-selection-item) {
+  display: flex;
+  align-items: center;
+}
+
+:deep(.ant-input-number) {
+  width: 100%;
+}
+
+:deep(.ant-alert) {
+  .ant-alert-message {
+    font-weight: 600;
+  }
+}
+</style>
diff --git a/src/views/sdy/shopDealerWithdraw/index.vue b/src/views/sdy/shopDealerWithdraw/index.vue
new file mode 100644
index 0000000..9a5a349
--- /dev/null
+++ b/src/views/sdy/shopDealerWithdraw/index.vue
@@ -0,0 +1,439 @@
+<template>
+  <a-page-header :title="getPageTitle()" @back="() => $router.go(-1)">
+    <a-card :bordered="false" :body-style="{ padding: '16px' }">
+      <ele-pro-table
+        ref="tableRef"
+        row-key="shopDealerWithdrawId"
+        :columns="columns"
+        :datasource="datasource"
+        :customRow="customRow"
+        tool-class="ele-toolbar-form"
+        class="sys-org-table"
+      >
+        <template #toolbar>
+          <search
+            @search="reload"
+            :selection="selection"
+            @add="openEdit"
+            @remove="removeBatch"
+            @batchMove="openMove"
+          />
+        </template>
+        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'applyStatus'">
+            <a-tag v-if="record.applyStatus === 10" color="orange">待审核</a-tag>
+            <a-tag v-if="record.applyStatus === 20" color="success">审核通过</a-tag>
+            <a-tag v-if="record.applyStatus === 30" color="error">已驳回</a-tag>
+            <a-tag v-if="record.applyStatus === 40">已打款</a-tag>
+          </template>
+          <template v-if="column.key === 'userInfo'">
+            <a-space>
+              <a-avatar :src="record.avatar" />
+              <div class="flex flex-col">
+                <span>{{ record.realName || '未实名认证' }}</span>
+                <span class="text-gray-400">{{ record.phone }}</span>
+              </div>
+            </a-space>
+          </template>
+          <template v-if="column.key === 'paymentInfo'">
+            <template v-if="record.payType === 10">
+              <a-space direction="vertical">
+                <a-tag color="blue">微信</a-tag>
+                <span>{{ record.wechatName }}</span>
+                <span>{{ record.wechatName }}</span>
+              </a-space>
+            </template>
+            <template v-if="record.payType === 20">
+              <a-space direction="vertical">
+                <a-tag color="blue">支付宝</a-tag>
+                <span>{{ record.alipayName }}</span>
+                <span>{{ record.alipayAccount }}</span>
+              </a-space>
+            </template>
+            <template v-if="record.payType === 30">
+              <a-space direction="vertical">
+                <a-tag color="blue">银行卡</a-tag>
+                <span>{{ record.bankName }}</span>
+                <span>{{ record.bankAccount }}</span>
+                <span>{{ record.bankCard }}</span>
+              </a-space>
+            </template>
+          </template>
+          <template v-if="column.key === 'comments'">
+            <template v-if="record.applyStatus === 30">
+              <div class="text-red-500">驳回原因：{{ record.rejectReason }}</div>
+            </template>
+            <template v-if="record.applyStatus === 40 && record.image">
+              <a-image v-for="(item,index) in JSON.parse(record.image)" :key="index" :src="item" :width="50"
+                       :height="50"/>
+            </template>
+          </template>
+          <template v-if="column.key === 'createTime'">
+            <a-space direction="vertical">
+              <a-tooltip title="创建时间">{{ record.createTime }}</a-tooltip>
+              <a-tooltip title="审核/打款时间" class="text-green-500">{{ record.auditTime }}</a-tooltip>
+            </a-space>
+          </template>
+          <template v-if="column.key === 'action'">
+            <template v-if="record.applyStatus !== 40">
+              <a @click="openEdit(record)" class="ele-text-primary">
+                <EditOutlined/>
+                编辑
+              </a>
+              <a-divider type="vertical"/>
+              <a-popconfirm
+                title="确定要删除此提现记录吗？"
+                @confirm="remove(record)"
+                placement="topRight"
+              >
+                <a class="ele-text-danger">
+                  <DeleteOutlined/>
+                  删除
+                </a>
+              </a-popconfirm>
+            </template>
+          </template>
+        </template>
+      </ele-pro-table>
+    </a-card>
+
+    <!-- 编辑弹窗 -->
+    <ShopDealerWithdrawEdit v-model:visible="showEdit" :data="current" @done="reload"/>
+  </a-page-header>
+</template>
+
+<script lang="ts" setup>
+import {createVNode, ref} from 'vue';
+import {message, Modal} from 'ant-design-vue';
+import {
+  ExclamationCircleOutlined,
+  CheckOutlined,
+  CloseOutlined,
+  DollarOutlined,
+  EditOutlined,
+  DeleteOutlined
+} from '@ant-design/icons-vue';
+import type {EleProTable} from 'ele-admin-pro';
+import {toDateString} from 'ele-admin-pro';
+import type {
+  DatasourceFunction,
+  ColumnItem
+} from 'ele-admin-pro/es/ele-pro-table/types';
+import Search from './components/search.vue';
+import {getPageTitle} from '@/utils/common';
+import ShopDealerWithdrawEdit from './components/shopDealerWithdrawEdit.vue';
+import {
+  pageShopDealerWithdraw,
+  removeShopDealerWithdraw,
+  removeBatchShopDealerWithdraw,
+  updateShopDealerWithdraw
+} from '@/api/shop/shopDealerWithdraw';
+import type {ShopDealerWithdraw, ShopDealerWithdrawParam} from '@/api/shop/shopDealerWithdraw/model';
+
+// 表格实例
+const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+// 表格选中数据
+const selection = ref<ShopDealerWithdraw[]>([]);
+// 当前编辑数据
+const current = ref<ShopDealerWithdraw | null>(null);
+// 是否显示编辑弹窗
+const showEdit = ref(false);
+// 是否显示批量移动弹窗
+const showMove = ref(false);
+// 加载状态
+const loading = ref(true);
+
+// 表格数据源
+const datasource: DatasourceFunction = ({
+                                          page,
+                                          limit,
+                                          where,
+                                          orders,
+                                          filters
+                                        }) => {
+  if (filters) {
+    where.status = filters.status;
+  }
+  return pageShopDealerWithdraw({
+    ...where,
+    ...orders,
+    page,
+    limit
+  });
+};
+
+// 表格列配置
+const columns = ref<ColumnItem[]>([
+  {
+    title: '用户ID',
+    dataIndex: 'userId',
+    key: 'userId',
+    align: 'center',
+    width: 90,
+    fixed: 'left'
+  },
+  {
+    title: '提现金额',
+    dataIndex: 'money',
+    key: 'money',
+    align: 'center',
+    width: 150,
+    customRender: ({text}) => {
+      const amount = parseFloat(text || '0').toFixed(2);
+      return {
+        type: 'span',
+        children: `¥${amount}`
+      };
+    }
+  },
+  {
+    title: '用户信息',
+    dataIndex: 'userInfo',
+    key: 'userInfo'
+  },
+  {
+    title: '收款信息',
+    dataIndex: 'paymentInfo',
+    key: 'paymentInfo'
+  },
+  // {
+  //   title: '审核时间',
+  //   dataIndex: 'auditTime',
+  //   key: 'auditTime',
+  //   align: 'center',
+  //   width: 120,
+  //   customRender: ({ text }) => text ? toDateString(new Date(text), 'yyyy-MM-dd HH:mm') : '-'
+  // },
+  // {
+  //   title: '驳回原因',
+  //   dataIndex: 'rejectReason',
+  //   key: 'rejectReason',
+  //   align: 'left',
+  //   ellipsis: true,
+  //   customRender: ({ text }) => text || '-'
+  // },
+  // {
+  //   title: '来源平台',
+  //   dataIndex: 'platform',
+  //   key: 'platform',
+  //   align: 'center',
+  //   width: 100,
+  //   customRender: ({ text }) => text || '-'
+  // },
+  {
+    title: '备注',
+    dataIndex: 'comments',
+    key: 'comments',
+  },
+  {
+    title: '申请状态',
+    dataIndex: 'applyStatus',
+    key: 'applyStatus',
+    align: 'center',
+    width: 150
+  },
+  // {
+  //   title: '驳回原因',
+  //   dataIndex: 'rejectReason',
+  //   key: 'rejectReason',
+  //   align: 'center',
+  // },
+  // {
+  //   title: '来源客户端',
+  //   dataIndex: 'platform',
+  //   key: 'platform',
+  //   align: 'center',
+  // },
+  {
+    title: '创建时间',
+    dataIndex: 'createTime',
+    key: 'createTime',
+    align: 'center',
+    width: 180,
+    sorter: true,
+    ellipsis: true,
+    customRender: ({text}) => toDateString(text, 'yyyy-MM-dd HH:mm:ss')
+  },
+  // {
+  //   title: '操作',
+  //   key: 'action',
+  //   width: 180,
+  //   fixed: 'right',
+  //   align: 'center',
+  //   hideInSetting: true
+  // }
+]);
+
+/* 搜索 */
+const reload = (where?: ShopDealerWithdrawParam) => {
+  selection.value = [];
+  tableRef?.value?.reload({where: where});
+};
+
+/* 审核通过 */
+const approveWithdraw = (row: ShopDealerWithdraw) => {
+  Modal.confirm({
+    title: '审核通过确认',
+    content: `已核对信息进行核对，正确无误！`,
+    icon: createVNode(CheckOutlined),
+    okText: '确认通过',
+    okType: 'primary',
+    cancelText: '取消',
+    onOk: () => {
+      const hide = message.loading('正在处理审核...', 0);
+      // 这里需要调用审核通过的API
+      setTimeout(() => {
+        hide();
+        updateShopDealerWithdraw({
+          id: row.id,
+          applyStatus: 20
+        });
+        message.success('审核通过成功');
+        reload();
+      }, 1000);
+    }
+  });
+};
+
+/* 审核驳回 */
+const rejectWithdraw = (row: ShopDealerWithdraw) => {
+  let rejectReason = '';
+  Modal.confirm({
+    title: '审核驳回',
+    content: createVNode('div', null, [
+      createVNode('p', null, `用户ID: ${row.userId}`),
+      createVNode('p', null, `提现金额: ¥${parseFloat(row.money || '0').toFixed(2)}`),
+      createVNode('p', {style: 'margin-top: 12px;'}, '请输入驳回原因:'),
+      createVNode('textarea', {
+        placeholder: '请输入驳回原因...',
+        style: 'width: 100%; height: 80px; margin-top: 8px; padding: 8px; border: 1px solid #d9d9d9; border-radius: 4px;',
+        onInput: (e: any) => {
+          rejectReason = e.target.value;
+        }
+      })
+    ]),
+    icon: createVNode(CloseOutlined),
+    okText: '确认驳回',
+    okType: 'danger',
+    cancelText: '取消',
+    onOk: () => {
+      if (!rejectReason.trim()) {
+        message.error('请输入驳回原因');
+        return Promise.reject();
+      }
+      const hide = message.loading('正在处理审核...', 0);
+      setTimeout(() => {
+        hide();
+        message.success('审核驳回成功');
+        reload();
+      }, 1000);
+    }
+  });
+};
+
+/* 确认打款 */
+const confirmPayment = (row: ShopDealerWithdraw) => {
+  Modal.confirm({
+    title: '确认打款',
+    content: `确定已向用户${row.bankAccount}完成打款？此操作不可撤销`,
+    icon: createVNode(DollarOutlined),
+    okText: '确认打款',
+    okType: 'primary',
+    cancelText: '取消',
+    onOk: () => {
+      const hide = message.loading('正在确认打款...', 0);
+      setTimeout(() => {
+        updateShopDealerWithdraw({
+          id: row.id,
+          applyStatus: 40
+        })
+        hide();
+        message.success('打款确认成功');
+        reload();
+      }, 1000);
+    }
+  });
+};
+
+/* 打开编辑弹窗 */
+const openEdit = (row?: ShopDealerWithdraw) => {
+  current.value = row ?? null;
+  showEdit.value = true;
+};
+
+/* 打开批量移动弹窗 */
+const openMove = () => {
+  showMove.value = true;
+};
+
+/* 删除单个 */
+const remove = (row: ShopDealerWithdraw) => {
+  const hide = message.loading('请求中..', 0);
+  removeShopDealerWithdraw(row.id)
+    .then((msg) => {
+      hide();
+      message.success(msg);
+      reload();
+    })
+    .catch((e) => {
+      hide();
+      message.error(e.message);
+    });
+};
+
+/* 批量删除 */
+const removeBatch = () => {
+  if (!selection.value.length) {
+    message.error('请至少选择一条数据');
+    return;
+  }
+  Modal.confirm({
+    title: '提示',
+    content: '确定要删除选中的记录吗?',
+    icon: createVNode(ExclamationCircleOutlined),
+    maskClosable: true,
+    onOk: () => {
+      const hide = message.loading('请求中..', 0);
+      removeBatchShopDealerWithdraw(selection.value.map((d) => d.id))
+        .then((msg) => {
+          hide();
+          message.success(msg);
+          reload();
+        })
+        .catch((e) => {
+          hide();
+          message.error(e.message);
+        });
+    }
+  });
+};
+
+/* 查询 */
+const query = () => {
+  loading.value = true;
+};
+
+/* 自定义行属性 */
+const customRow = (record: ShopDealerWithdraw) => {
+  return {
+    // 行点击事件
+    onClick: () => {
+      // console.log(record);
+    },
+    // 行双击事件
+    onDblclick: () => {
+      openEdit(record);
+    }
+  };
+};
+query();
+</script>
+
+<script lang="ts">
+export default {
+  name: 'ShopDealerWithdraw'
+};
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/views/system/developer/index.vue b/src/views/system/developer/index.vue
index 62368b7..489c921 100644
--- a/src/views/system/developer/index.vue
+++ b/src/views/system/developer/index.vue
@@ -4,13 +4,13 @@
       <template #extra>
         <a-button>编辑</a-button>
       </template>
-      <TenantInfo/>
+      <TenantInfo />
     </a-card>
     <a-card title="服务器信息" style="margin-bottom: 20px">
-      <ServerInfo/>
+      <ServerInfo />
     </a-card>
     <a-card title="源代码" style="margin-bottom: 20px">
-      <CodeInfo/>
+      <CodeInfo />
     </a-card>
     <a-card title="其他信息" style="margin-bottom: 20px">
       <ParamInfo />
@@ -19,16 +19,15 @@
 </template>
 
 <script lang="ts" setup>
-import {getPageTitle, push} from "@/utils/common";
-import TenantInfo from './components/TenantInfo.vue'
-import ServerInfo from './components/ServerInfo.vue'
-import CodeInfo from "./components/CodeInfo.vue";
-import ParamInfo from "./components/ParamInfo.vue";
-
+  import { getPageTitle, push } from '@/utils/common';
+  import TenantInfo from './components/TenantInfo.vue';
+  import ServerInfo from './components/ServerInfo.vue';
+  import CodeInfo from './components/CodeInfo.vue';
+  import ParamInfo from './components/ParamInfo.vue';
 </script>
 
 <script lang="ts">
-export default {
-  name: 'SystemDeveloper'
-};
+  export default {
+    name: 'SystemDeveloper'
+  };
 </script>
diff --git a/src/views/system/menu/components/menu-search.vue b/src/views/system/menu/components/menu-search.vue
index 65721bd..46d649c 100644
--- a/src/views/system/menu/components/menu-search.vue
+++ b/src/views/system/menu/components/menu-search.vue
@@ -14,161 +14,160 @@
   </a-space>
 
   <!-- 导入弹窗 -->
-  <import v-model:visible="showImport" @done="reload"/>
+  <import v-model:visible="showImport" @done="reload" />
 </template>
 
 <script lang="ts" setup>
-import { ref } from 'vue';
-import { message } from 'ant-design-vue';
-import { utils, writeFile } from 'xlsx';
-import { listMenus } from '@/api/system/menu';
-import type { Menu, MenuParam } from '@/api/system/menu/model';
-import useSearch from '@/utils/use-search';
-import Import from "./Import.vue";
-import {getTenantId} from "@/utils/domain";
+  import { ref } from 'vue';
+  import { message } from 'ant-design-vue';
+  import { utils, writeFile } from 'xlsx';
+  import { listMenus } from '@/api/system/menu';
+  import type { Menu, MenuParam } from '@/api/system/menu/model';
+  import useSearch from '@/utils/use-search';
+  import Import from './Import.vue';
+  import { getTenantId } from '@/utils/domain';
 
-// 定义包含关键词的参数类型
-interface MenuSearchParam extends MenuParam {
-  keywords?: string;
-}
-
-const props = withDefaults(
-  defineProps<{
-    // 选中的数据
-    selection?: Menu[];
-  }>(),
-  {}
-);
-
-// 请求状态
-const loading = ref(false);
-const menuList = ref<Menu[]>([]);
-// 是否显示导入弹窗
-const showImport = ref(false);
-
-// 表单数据
-const { where, resetFields } = useSearch<MenuSearchParam>({
-  keywords: ''
-});
-
-const emit = defineEmits<{
-  (e: 'search', where?: MenuSearchParam): void;
-  (e: 'add'): void;
-}>();
-
-// 新增
-const add = () => {
-  emit('add');
-};
-
-const reload = () => {
-  emit('search', where);
-};
-
-// 导出
-const handleExport = async () => {
-  if (loading.value) {
-    return;
+  // 定义包含关键词的参数类型
+  interface MenuSearchParam extends MenuParam {
+    keywords?: string;
   }
 
-  loading.value = true;
-  message.loading('正在准备导出数据...', 0);
+  const props = withDefaults(
+    defineProps<{
+      // 选中的数据
+      selection?: Menu[];
+    }>(),
+    {}
+  );
 
-  try {
-    const array: (string | number)[][] = [
-      [
-        '菜单ID',
-        '父级ID',
-        '菜单名称',
-        '路由地址',
-        '组件路径',
-        '权限标识',
-        '菜单类型',
-        '图标',
-        '排序号',
-        '是否隐藏'
-      ]
-    ];
+  // 请求状态
+  const loading = ref(false);
+  const menuList = ref<Menu[]>([]);
+  // 是否显示导入弹窗
+  const showImport = ref(false);
 
-    // 按搜索结果导出
-    const list = await listMenus({
-      title: where.keywords,
-      path: where.keywords,
-      authority: where.keywords
-    });
+  // 表单数据
+  const { where, resetFields } = useSearch<MenuSearchParam>({
+    keywords: ''
+  });
 
-    if (!list || list.length === 0) {
-      message.warning('没有数据可以导出');
-      loading.value = false;
+  const emit = defineEmits<{
+    (e: 'search', where?: MenuSearchParam): void;
+    (e: 'add'): void;
+  }>();
+
+  // 新增
+  const add = () => {
+    emit('add');
+  };
+
+  const reload = () => {
+    emit('search', where);
+  };
+
+  // 导出
+  const handleExport = async () => {
+    if (loading.value) {
       return;
     }
 
-    menuList.value = list as Menu[];
+    loading.value = true;
+    message.loading('正在准备导出数据...', 0);
 
-    list.forEach((d: Menu) => {
-      array.push([
-        `${d.menuId || ''}`,
-        `${d.parentId || 0}`,
-        `${d.title || ''}`,
-        `${d.path || ''}`,
-        `${d.component || ''}`,
-        `${d.authority || ''}`,
-        `${d.menuType !== undefined ? d.menuType : ''}`,
-        `${d.icon || ''}`,
-        `${d.sortNumber !== undefined ? d.sortNumber : ''}`,
-        `${d.hide !== undefined ? d.hide : ''}`
-      ]);
-    });
+    try {
+      const array: (string | number)[][] = [
+        [
+          '菜单ID',
+          '父级ID',
+          '菜单名称',
+          '路由地址',
+          '组件路径',
+          '权限标识',
+          '菜单类型',
+          '图标',
+          '排序号',
+          '是否隐藏'
+        ]
+      ];
 
-    const sheetName = `bak_menu_${getTenantId()}`;
-    const workbook = {
-      SheetNames: [sheetName],
-      Sheets: {}
-    };
-    const sheet = utils.aoa_to_sheet(array);
-    workbook.Sheets[sheetName] = sheet;
+      // 按搜索结果导出
+      const list = await listMenus({
+        title: where.keywords,
+        path: where.keywords,
+        authority: where.keywords
+      });
 
-    // 设置列宽
-    sheet['!cols'] = [
-      { wch: 10 }, // 菜单ID
-      { wch: 10 }, // 父级ID
-      { wch: 20 }, // 菜单名称
-      { wch: 25 }, // 路由地址
-      { wch: 25 }, // 组件路径
-      { wch: 20 }, // 权限标识
-      { wch: 10 }, // 菜单类型
-      { wch: 15 }, // 图标
-      { wch: 10 }, // 排序号
-      { wch: 10 }, // 是否隐藏
-      { wch: 20 }, // 创建时间
-      { wch: 20 }  // 更新时间
-    ];
+      if (!list || list.length === 0) {
+        message.warning('没有数据可以导出');
+        loading.value = false;
+        return;
+      }
 
-    message.destroy();
-    message.loading('正在生成Excel文件...', 0);
+      menuList.value = list as Menu[];
 
-    setTimeout(() => {
-      writeFile(workbook, `${sheetName}.xlsx`);
+      list.forEach((d: Menu) => {
+        array.push([
+          `${d.menuId || ''}`,
+          `${d.parentId || 0}`,
+          `${d.title || ''}`,
+          `${d.path || ''}`,
+          `${d.component || ''}`,
+          `${d.authority || ''}`,
+          `${d.menuType !== undefined ? d.menuType : ''}`,
+          `${d.icon || ''}`,
+          `${d.sortNumber !== undefined ? d.sortNumber : ''}`,
+          `${d.hide !== undefined ? d.hide : ''}`
+        ]);
+      });
+
+      const sheetName = `bak_menu_${getTenantId()}`;
+      const workbook = {
+        SheetNames: [sheetName],
+        Sheets: {}
+      };
+      const sheet = utils.aoa_to_sheet(array);
+      workbook.Sheets[sheetName] = sheet;
+
+      // 设置列宽
+      sheet['!cols'] = [
+        { wch: 10 }, // 菜单ID
+        { wch: 10 }, // 父级ID
+        { wch: 20 }, // 菜单名称
+        { wch: 25 }, // 路由地址
+        { wch: 25 }, // 组件路径
+        { wch: 20 }, // 权限标识
+        { wch: 10 }, // 菜单类型
+        { wch: 15 }, // 图标
+        { wch: 10 }, // 排序号
+        { wch: 10 }, // 是否隐藏
+        { wch: 20 }, // 创建时间
+        { wch: 20 } // 更新时间
+      ];
+
+      message.destroy();
+      message.loading('正在生成Excel文件...', 0);
+
+      setTimeout(() => {
+        writeFile(workbook, `${sheetName}.xlsx`);
+        loading.value = false;
+        message.destroy();
+        message.success(`成功导出 ${list.length} 条记录`);
+      }, 1000);
+    } catch (error: any) {
       loading.value = false;
       message.destroy();
-      message.success(`成功导出 ${list.length} 条记录`);
-    }, 1000);
+      message.error(error.message || '导出失败，请重试');
+    }
+  };
 
-  } catch (error: any) {
-    loading.value = false;
-    message.destroy();
-    message.error(error.message || '导出失败，请重试');
-  }
-};
+  /* 打开导入弹窗 */
+  const openImport = () => {
+    showImport.value = true;
+  };
 
-/* 打开导入弹窗 */
-const openImport = () => {
-  showImport.value = true;
-};
-
-/* 重置 */
-const reset = () => {
-  resetFields();
-  reload();
-};
+  /* 重置 */
+  const reset = () => {
+    resetFields();
+    reload();
+  };
 </script>