featshop(): 添加分销商相关 API 接口和模型

- 新增分销商申请、资金明细、订单记录、推荐关系、设置、用户记录、提现明细等 API 接口
- 创建对应的模型接口和搜索参数接口
- 实现基本的 CRUD 操作函数- 优化优惠券列表展示字段
- 添加分销商申请列表搜索组件

.env.development

@@ -1,3 +1,6 @@
 VITE_APP_NAME=后台管理(开发环境)
 VITE_API_URL=http://127.0.0.1:9200/api
 #VITE_SERVER_API_URL=http://127.0.0.1:8000/api
+
+
+#VITE_API_URL=https://cms-api.s209.websoft.top/api

index.html

@@ -15,6 +15,7 @@
         position: relative;
         top: calc(50% - 18px);
         left: calc(50% - 18px);
+
       }
 
       .ele-admin-loading span {

src/api/shop/shopDealerApply/index.ts

@@ -0,0 +1,106 @@
+import request from '@/utils/request';
+import type { ApiResult, PageResult } from '@/api/index';
+import type { ShopDealerApply, ShopDealerApplyParam } from './model';
+import { MODULES_API_URL } from '@/config/setting';
+
+/**
+ * 分页查询分销商申请记录表
+ */
+export async function pageShopDealerApply(params: ShopDealerApplyParam) {
+  const res = await request.get<ApiResult<PageResult<ShopDealerApply>>>(
+    MODULES_API_URL + '/shop/shop-dealer-apply/page',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 查询分销商申请记录表列表
+ */
+export async function listShopDealerApply(params?: ShopDealerApplyParam) {
+  const res = await request.get<ApiResult<ShopDealerApply[]>>(
+    MODULES_API_URL + '/shop/shop-dealer-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 addShopDealerApply(data: ShopDealerApply) {
+  const res = await request.post<ApiResult<unknown>>(
+    MODULES_API_URL + '/shop/shop-dealer-apply',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 修改分销商申请记录表
+ */
+export async function updateShopDealerApply(data: ShopDealerApply) {
+  const res = await request.put<ApiResult<unknown>>(
+    MODULES_API_URL + '/shop/shop-dealer-apply',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 删除分销商申请记录表
+ */
+export async function removeShopDealerApply(id?: number) {
+  const res = await request.delete<ApiResult<unknown>>(
+    MODULES_API_URL + '/shop/shop-dealer-apply/' + id
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 批量删除分销商申请记录表
+ */
+export async function removeBatchShopDealerApply(data: (number | undefined)[]) {
+  const res = await request.delete<ApiResult<unknown>>(
+    MODULES_API_URL + '/shop/shop-dealer-apply/batch',
+    {
+      data
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 根据id查询分销商申请记录表
+ */
+export async function getShopDealerApply(id: number) {
+  const res = await request.get<ApiResult<ShopDealerApply>>(
+    MODULES_API_URL + '/shop/shop-dealer-apply/' + id
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}

src/api/shop/shopDealerApply/model/index.ts

@@ -0,0 +1,41 @@
+import type { PageParam } from '@/api/index';
+
+/**
+ * 分销商申请记录表
+ */
+export interface ShopDealerApply {
+  // 主键ID
+  applyId?: number;
+  // 用户ID
+  userId?: number;
+  // 姓名
+  realName?: string;
+  // 手机号
+  mobile?: string;
+  // 推荐人用户ID
+  refereeId?: number;
+  // 申请方式(10需后台审核 20无需审核)
+  applyType?: number;
+  // 申请时间
+  applyTime?: number;
+  // 审核状态 (10待审核 20审核通过 30驳回)
+  applyStatus?: number;
+  // 审核时间
+  auditTime?: number;
+  // 驳回原因
+  rejectReason?: string;
+  // 商城ID
+  tenantId?: number;
+  // 创建时间
+  createTime?: string;
+  // 修改时间
+  updateTime?: string;
+}
+
+/**
+ * 分销商申请记录表搜索条件
+ */
+export interface ShopDealerApplyParam extends PageParam {
+  applyId?: number;
+  keywords?: string;
+}

src/api/shop/shopDealerCapital/index.ts

@@ -0,0 +1,106 @@
+import request from '@/utils/request';
+import type { ApiResult, PageResult } from '@/api/index';
+import type { ShopDealerCapital, ShopDealerCapitalParam } from './model';
+import { MODULES_API_URL } from '@/config/setting';
+
+/**
+ * 分页查询分销商资金明细表
+ */
+export async function pageShopDealerCapital(params: ShopDealerCapitalParam) {
+  const res = await request.get<ApiResult<PageResult<ShopDealerCapital>>>(
+    MODULES_API_URL + '/shop/shop-dealer-capital/page',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 查询分销商资金明细表列表
+ */
+export async function listShopDealerCapital(params?: ShopDealerCapitalParam) {
+  const res = await request.get<ApiResult<ShopDealerCapital[]>>(
+    MODULES_API_URL + '/shop/shop-dealer-capital',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 添加分销商资金明细表
+ */
+export async function addShopDealerCapital(data: ShopDealerCapital) {
+  const res = await request.post<ApiResult<unknown>>(
+    MODULES_API_URL + '/shop/shop-dealer-capital',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 修改分销商资金明细表
+ */
+export async function updateShopDealerCapital(data: ShopDealerCapital) {
+  const res = await request.put<ApiResult<unknown>>(
+    MODULES_API_URL + '/shop/shop-dealer-capital',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 删除分销商资金明细表
+ */
+export async function removeShopDealerCapital(id?: number) {
+  const res = await request.delete<ApiResult<unknown>>(
+    MODULES_API_URL + '/shop/shop-dealer-capital/' + id
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 批量删除分销商资金明细表
+ */
+export async function removeBatchShopDealerCapital(data: (number | undefined)[]) {
+  const res = await request.delete<ApiResult<unknown>>(
+    MODULES_API_URL + '/shop/shop-dealer-capital/batch',
+    {
+      data
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 根据id查询分销商资金明细表
+ */
+export async function getShopDealerCapital(id: number) {
+  const res = await request.get<ApiResult<ShopDealerCapital>>(
+    MODULES_API_URL + '/shop/shop-dealer-capital/' + id
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}

src/api/shop/shopDealerCapital/model/index.ts

@@ -0,0 +1,35 @@
+import type { PageParam } from '@/api/index';
+
+/**
+ * 分销商资金明细表
+ */
+export interface ShopDealerCapital {
+  // 主键ID
+  id?: number;
+  // 分销商用户ID
+  userId?: number;
+  // 订单ID
+  orderId?: number;
+  // 资金流动类型 (10佣金收入 20提现支出 30转账支出 40转账收入)
+  flowType?: number;
+  // 金额
+  money?: string;
+  // 描述
+  describe?: string;
+  // 对方用户ID
+  toUserId?: number;
+  // 商城ID
+  tenantId?: number;
+  // 创建时间
+  createTime?: string;
+  // 修改时间
+  updateTime?: string;
+}
+
+/**
+ * 分销商资金明细表搜索条件
+ */
+export interface ShopDealerCapitalParam extends PageParam {
+  id?: number;
+  keywords?: string;
+}

src/api/shop/shopDealerOrder/index.ts

@@ -0,0 +1,106 @@
+import request from '@/utils/request';
+import type { ApiResult, PageResult } from '@/api/index';
+import type { ShopDealerOrder, ShopDealerOrderParam } from './model';
+import { MODULES_API_URL } from '@/config/setting';
+
+/**
+ * 分页查询分销商订单记录表
+ */
+export async function pageShopDealerOrder(params: ShopDealerOrderParam) {
+  const res = await request.get<ApiResult<PageResult<ShopDealerOrder>>>(
+    MODULES_API_URL + '/shop/shop-dealer-order/page',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 查询分销商订单记录表列表
+ */
+export async function listShopDealerOrder(params?: ShopDealerOrderParam) {
+  const res = await request.get<ApiResult<ShopDealerOrder[]>>(
+    MODULES_API_URL + '/shop/shop-dealer-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 addShopDealerOrder(data: ShopDealerOrder) {
+  const res = await request.post<ApiResult<unknown>>(
+    MODULES_API_URL + '/shop/shop-dealer-order',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 修改分销商订单记录表
+ */
+export async function updateShopDealerOrder(data: ShopDealerOrder) {
+  const res = await request.put<ApiResult<unknown>>(
+    MODULES_API_URL + '/shop/shop-dealer-order',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 删除分销商订单记录表
+ */
+export async function removeShopDealerOrder(id?: number) {
+  const res = await request.delete<ApiResult<unknown>>(
+    MODULES_API_URL + '/shop/shop-dealer-order/' + id
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 批量删除分销商订单记录表
+ */
+export async function removeBatchShopDealerOrder(data: (number | undefined)[]) {
+  const res = await request.delete<ApiResult<unknown>>(
+    MODULES_API_URL + '/shop/shop-dealer-order/batch',
+    {
+      data
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 根据id查询分销商订单记录表
+ */
+export async function getShopDealerOrder(id: number) {
+  const res = await request.get<ApiResult<ShopDealerOrder>>(
+    MODULES_API_URL + '/shop/shop-dealer-order/' + id
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}

src/api/shop/shopDealerOrder/model/index.ts

@@ -0,0 +1,47 @@
+import type { PageParam } from '@/api/index';
+
+/**
+ * 分销商订单记录表
+ */
+export interface ShopDealerOrder {
+  // 主键ID
+  id?: number;
+  // 买家用户ID
+  userId?: number;
+  // 订单ID
+  orderId?: number;
+  // 订单总金额(不含运费)
+  orderPrice?: string;
+  // 分销商用户id(一级)
+  firstUserId?: number;
+  // 分销商用户id(二级)
+  secondUserId?: number;
+  // 分销商用户id(三级)
+  thirdUserId?: number;
+  // 分销佣金(一级)
+  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;
+  keywords?: string;
+}

src/api/shop/shopDealerReferee/index.ts

@@ -0,0 +1,106 @@
+import request from '@/utils/request';
+import type { ApiResult, PageResult } from '@/api/index';
+import type { ShopDealerReferee, ShopDealerRefereeParam } from './model';
+import { MODULES_API_URL } from '@/config/setting';
+
+/**
+ * 分页查询分销商推荐关系表
+ */
+export async function pageShopDealerReferee(params: ShopDealerRefereeParam) {
+  const res = await request.get<ApiResult<PageResult<ShopDealerReferee>>>(
+    MODULES_API_URL + '/shop/shop-dealer-referee/page',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 查询分销商推荐关系表列表
+ */
+export async function listShopDealerReferee(params?: ShopDealerRefereeParam) {
+  const res = await request.get<ApiResult<ShopDealerReferee[]>>(
+    MODULES_API_URL + '/shop/shop-dealer-referee',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 添加分销商推荐关系表
+ */
+export async function addShopDealerReferee(data: ShopDealerReferee) {
+  const res = await request.post<ApiResult<unknown>>(
+    MODULES_API_URL + '/shop/shop-dealer-referee',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 修改分销商推荐关系表
+ */
+export async function updateShopDealerReferee(data: ShopDealerReferee) {
+  const res = await request.put<ApiResult<unknown>>(
+    MODULES_API_URL + '/shop/shop-dealer-referee',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 删除分销商推荐关系表
+ */
+export async function removeShopDealerReferee(id?: number) {
+  const res = await request.delete<ApiResult<unknown>>(
+    MODULES_API_URL + '/shop/shop-dealer-referee/' + id
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 批量删除分销商推荐关系表
+ */
+export async function removeBatchShopDealerReferee(data: (number | undefined)[]) {
+  const res = await request.delete<ApiResult<unknown>>(
+    MODULES_API_URL + '/shop/shop-dealer-referee/batch',
+    {
+      data
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 根据id查询分销商推荐关系表
+ */
+export async function getShopDealerReferee(id: number) {
+  const res = await request.get<ApiResult<ShopDealerReferee>>(
+    MODULES_API_URL + '/shop/shop-dealer-referee/' + id
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}

src/api/shop/shopDealerReferee/model/index.ts

@@ -0,0 +1,29 @@
+import type { PageParam } from '@/api/index';
+
+/**
+ * 分销商推荐关系表
+ */
+export interface ShopDealerReferee {
+  // 主键ID
+  id?: number;
+  // 分销商用户ID
+  dealerId?: number;
+  // 用户id(被推荐人)
+  userId?: number;
+  // 推荐关系层级(1,2,3)
+  level?: number;
+  // 商城ID
+  tenantId?: number;
+  // 创建时间
+  createTime?: string;
+  // 修改时间
+  updateTime?: string;
+}
+
+/**
+ * 分销商推荐关系表搜索条件
+ */
+export interface ShopDealerRefereeParam extends PageParam {
+  id?: number;
+  keywords?: string;
+}

src/api/shop/shopDealerSetting/index.ts

@@ -0,0 +1,106 @@
+import request from '@/utils/request';
+import type { ApiResult, PageResult } from '@/api/index';
+import type { ShopDealerSetting, ShopDealerSettingParam } from './model';
+import { MODULES_API_URL } from '@/config/setting';
+
+/**
+ * 分页查询分销商设置表
+ */
+export async function pageShopDealerSetting(params: ShopDealerSettingParam) {
+  const res = await request.get<ApiResult<PageResult<ShopDealerSetting>>>(
+    MODULES_API_URL + '/shop/shop-dealer-setting/page',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 查询分销商设置表列表
+ */
+export async function listShopDealerSetting(params?: ShopDealerSettingParam) {
+  const res = await request.get<ApiResult<ShopDealerSetting[]>>(
+    MODULES_API_URL + '/shop/shop-dealer-setting',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 添加分销商设置表
+ */
+export async function addShopDealerSetting(data: ShopDealerSetting) {
+  const res = await request.post<ApiResult<unknown>>(
+    MODULES_API_URL + '/shop/shop-dealer-setting',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 修改分销商设置表
+ */
+export async function updateShopDealerSetting(data: ShopDealerSetting) {
+  const res = await request.put<ApiResult<unknown>>(
+    MODULES_API_URL + '/shop/shop-dealer-setting',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 删除分销商设置表
+ */
+export async function removeShopDealerSetting(id?: number) {
+  const res = await request.delete<ApiResult<unknown>>(
+    MODULES_API_URL + '/shop/shop-dealer-setting/' + id
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 批量删除分销商设置表
+ */
+export async function removeBatchShopDealerSetting(data: (number | undefined)[]) {
+  const res = await request.delete<ApiResult<unknown>>(
+    MODULES_API_URL + '/shop/shop-dealer-setting/batch',
+    {
+      data
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 根据id查询分销商设置表
+ */
+export async function getShopDealerSetting(id: number) {
+  const res = await request.get<ApiResult<ShopDealerSetting>>(
+    MODULES_API_URL + '/shop/shop-dealer-setting/' + id
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}

src/api/shop/shopDealerSetting/model/index.ts

@@ -0,0 +1,25 @@
+import type { PageParam } from '@/api/index';
+
+/**
+ * 分销商设置表
+ */
+export interface ShopDealerSetting {
+  // 设置项标示
+  key?: string;
+  // 设置项描述
+  describe?: string;
+  // 设置内容(json格式)
+  values?: string;
+  // 商城ID
+  tenantId?: number;
+  // 更新时间
+  updateTime?: number;
+}
+
+/**
+ * 分销商设置表搜索条件
+ */
+export interface ShopDealerSettingParam extends PageParam {
+  key?: number;
+  keywords?: string;
+}

src/api/shop/shopDealerUser/index.ts

@@ -0,0 +1,106 @@
+import request from '@/utils/request';
+import type { ApiResult, PageResult } from '@/api/index';
+import type { ShopDealerUser, ShopDealerUserParam } from './model';
+import { MODULES_API_URL } from '@/config/setting';
+
+/**
+ * 分页查询分销商用户记录表
+ */
+export async function pageShopDealerUser(params: ShopDealerUserParam) {
+  const res = await request.get<ApiResult<PageResult<ShopDealerUser>>>(
+    MODULES_API_URL + '/shop/shop-dealer-user/page',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 查询分销商用户记录表列表
+ */
+export async function listShopDealerUser(params?: ShopDealerUserParam) {
+  const res = await request.get<ApiResult<ShopDealerUser[]>>(
+    MODULES_API_URL + '/shop/shop-dealer-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 addShopDealerUser(data: ShopDealerUser) {
+  const res = await request.post<ApiResult<unknown>>(
+    MODULES_API_URL + '/shop/shop-dealer-user',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 修改分销商用户记录表
+ */
+export async function updateShopDealerUser(data: ShopDealerUser) {
+  const res = await request.put<ApiResult<unknown>>(
+    MODULES_API_URL + '/shop/shop-dealer-user',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 删除分销商用户记录表
+ */
+export async function removeShopDealerUser(id?: number) {
+  const res = await request.delete<ApiResult<unknown>>(
+    MODULES_API_URL + '/shop/shop-dealer-user/' + id
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 批量删除分销商用户记录表
+ */
+export async function removeBatchShopDealerUser(data: (number | undefined)[]) {
+  const res = await request.delete<ApiResult<unknown>>(
+    MODULES_API_URL + '/shop/shop-dealer-user/batch',
+    {
+      data
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 根据id查询分销商用户记录表
+ */
+export async function getShopDealerUser(id: number) {
+  const res = await request.get<ApiResult<ShopDealerUser>>(
+    MODULES_API_URL + '/shop/shop-dealer-user/' + id
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}

src/api/shop/shopDealerUser/model/index.ts

@@ -0,0 +1,49 @@
+import type { PageParam } from '@/api/index';
+
+/**
+ * 分销商用户记录表
+ */
+export interface ShopDealerUser {
+  // 主键ID
+  id?: number;
+  // 自增ID
+  userId?: number;
+  // 姓名
+  realName?: string;
+  // 手机号
+  mobile?: string;
+  // 支付密码
+  payPassword?: string;
+  // 当前可提现佣金
+  money?: string;
+  // 已冻结佣金
+  freezeMoney?: string;
+  // 累积提现佣金
+  totalMoney?: string;
+  // 推荐人用户ID
+  refereeId?: number;
+  // 成员数量(一级)
+  firstNum?: number;
+  // 成员数量(二级)
+  secondNum?: number;
+  // 成员数量(三级)
+  thirdNum?: number;
+  // 专属二维码
+  qrcode?: string;
+  // 是否删除
+  isDelete?: number;
+  // 租户id
+  tenantId?: number;
+  // 创建时间
+  createTime?: string;
+  // 修改时间
+  updateTime?: string;
+}
+
+/**
+ * 分销商用户记录表搜索条件
+ */
+export interface ShopDealerUserParam extends PageParam {
+  id?: number;
+  keywords?: string;
+}

src/api/shop/shopDealerWithdraw/index.ts

@@ -0,0 +1,106 @@
+import request from '@/utils/request';
+import type { ApiResult, PageResult } from '@/api/index';
+import type { ShopDealerWithdraw, ShopDealerWithdrawParam } from './model';
+import { MODULES_API_URL } from '@/config/setting';
+
+/**
+ * 分页查询分销商提现明细表
+ */
+export async function pageShopDealerWithdraw(params: ShopDealerWithdrawParam) {
+  const res = await request.get<ApiResult<PageResult<ShopDealerWithdraw>>>(
+    MODULES_API_URL + '/shop/shop-dealer-withdraw/page',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 查询分销商提现明细表列表
+ */
+export async function listShopDealerWithdraw(params?: ShopDealerWithdrawParam) {
+  const res = await request.get<ApiResult<ShopDealerWithdraw[]>>(
+    MODULES_API_URL + '/shop/shop-dealer-withdraw',
+    {
+      params
+    }
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 添加分销商提现明细表
+ */
+export async function addShopDealerWithdraw(data: ShopDealerWithdraw) {
+  const res = await request.post<ApiResult<unknown>>(
+    MODULES_API_URL + '/shop/shop-dealer-withdraw',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 修改分销商提现明细表
+ */
+export async function updateShopDealerWithdraw(data: ShopDealerWithdraw) {
+  const res = await request.put<ApiResult<unknown>>(
+    MODULES_API_URL + '/shop/shop-dealer-withdraw',
+    data
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 删除分销商提现明细表
+ */
+export async function removeShopDealerWithdraw(id?: number) {
+  const res = await request.delete<ApiResult<unknown>>(
+    MODULES_API_URL + '/shop/shop-dealer-withdraw/' + id
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 批量删除分销商提现明细表
+ */
+export async function removeBatchShopDealerWithdraw(data: (number | undefined)[]) {
+  const res = await request.delete<ApiResult<unknown>>(
+    MODULES_API_URL + '/shop/shop-dealer-withdraw/batch',
+    {
+      data
+    }
+  );
+  if (res.data.code === 0) {
+    return res.data.message;
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+/**
+ * 根据id查询分销商提现明细表
+ */
+export async function getShopDealerWithdraw(id: number) {
+  const res = await request.get<ApiResult<ShopDealerWithdraw>>(
+    MODULES_API_URL + '/shop/shop-dealer-withdraw/' + id
+  );
+  if (res.data.code === 0 && res.data.data) {
+    return res.data.data;
+  }
+  return Promise.reject(new Error(res.data.message));
+}

src/api/shop/shopDealerWithdraw/model/index.ts

@@ -0,0 +1,47 @@
+import type { PageParam } from '@/api/index';
+
+/**
+ * 分销商提现明细表
+ */
+export interface ShopDealerWithdraw {
+  // 主键ID
+  id?: number;
+  // 分销商用户ID
+  userId?: number;
+  // 提现金额
+  money?: string;
+  // 打款方式 (10微信 20支付宝 30银行卡)
+  payType?: number;
+  // 支付宝姓名
+  alipayName?: string;
+  // 支付宝账号
+  alipayAccount?: string;
+  // 开户行名称
+  bankName?: string;
+  // 银行开户名
+  bankAccount?: string;
+  // 银行卡号
+  bankCard?: string;
+  // 申请状态 (10待审核 20审核通过 30驳回 40已打款)
+  applyStatus?: number;
+  // 审核时间
+  auditTime?: number;
+  // 驳回原因
+  rejectReason?: string;
+  // 来源客户端(APP、H5、小程序等)
+  platform?: string;
+  // 租户id
+  tenantId?: number;
+  // 创建时间
+  createTime?: string;
+  // 修改时间
+  updateTime?: string;
+}
+
+/**
+ * 分销商提现明细表搜索条件
+ */
+export interface ShopDealerWithdrawParam extends PageParam {
+  id?: number;
+  keywords?: string;
+}

src/api/shop/shopOrder/model/index.ts

@@ -123,6 +123,10 @@ export interface ShopOrder {
   isSettled?: number;
   // 系统版本号 0当前版本 value=其他版本
   version?: number;
+  // 买家备注
+  buyerRemarks: undefined,
+  // 商家备注
+  merchantRemarks: undefined,
   // 用户id
   userId?: number;
   // 备注

src/views/shop/shopCoupon/index.vue

@@ -3,7 +3,7 @@
       <a-card :bordered="false" :body-style="{ padding: '16px' }">
         <ele-pro-table
           ref="tableRef"
-          row-key="id"
+          row-key="shopCouponId"
           :columns="columns"
           :datasource="datasource"
           :customRow="customRow"
@@ -112,14 +112,14 @@
       key: 'name',
       align: 'center',
     },
-    // {
-    //   title: '优惠券描述',
-    //   dataIndex: 'description',
-    //   key: 'description',
-    //   align: 'center',
-    // },
     {
-      title: '优惠券类型',
+      title: '优惠券描述',
+      dataIndex: 'description',
+      key: 'description',
+      align: 'center',
+    },
+    {
+      title: '优惠券类型(10满减券 20折扣券 30免费劵)',
       dataIndex: 'type',
       key: 'type',
       align: 'center',
@@ -131,7 +131,7 @@
       align: 'center',
     },
     {
-      title: '折扣率(0-100)',
+      title: '折扣券-折扣率(0-100)',
       dataIndex: 'discount',
       key: 'discount',
       align: 'center',
@@ -142,6 +142,18 @@
       key: 'minPrice',
       align: 'center',
     },
+    {
+      title: '到期类型(10领取后生效 20固定时间)',
+      dataIndex: 'expireType',
+      key: 'expireType',
+      align: 'center',
+    },
+    {
+      title: '领取后生效-有效天数',
+      dataIndex: 'expireDay',
+      key: 'expireDay',
+      align: 'center',
+    },
     {
       title: '有效期开始时间',
       dataIndex: 'startTime',
@@ -155,11 +167,62 @@
       align: 'center',
     },
     {
-      title: '是否过期',
+      title: '适用范围(10全部商品 20指定商品 30指定分类)',
+      dataIndex: 'applyRange',
+      key: 'applyRange',
+      align: 'center',
+    },
+    {
+      title: '适用范围配置(json格式)',
+      dataIndex: 'applyRangeConfig',
+      key: 'applyRangeConfig',
+      align: 'center',
+    },
+    {
+      title: '是否过期(0未过期 1已过期)',
       dataIndex: 'isExpire',
       key: 'isExpire',
       align: 'center',
     },
+    {
+      title: '排序(数字越小越靠前)',
+      dataIndex: 'sortNumber',
+      key: 'sortNumber',
+      align: 'center',
+    },
+    {
+      title: '状态, 0正常, 1禁用',
+      dataIndex: 'status',
+      key: 'status',
+      align: 'center',
+    },
+    {
+      title: '是否删除, 0否, 1是',
+      dataIndex: 'deleted',
+      key: 'deleted',
+      align: 'center',
+    },
+    {
+      title: '创建用户ID',
+      dataIndex: 'userId',
+      key: 'userId',
+      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: '发放总数量(-1表示无限制)',
       dataIndex: 'totalCount',
@@ -184,33 +247,6 @@
       key: 'enabled',
       align: 'center',
     },
-    {
-      title: '创建用户ID',
-      dataIndex: 'userId',
-      key: 'userId',
-      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',
@@ -241,7 +277,7 @@
   /* 删除单个 */
   const remove = (row: ShopCoupon) => {
     const hide = message.loading('请求中..', 0);
-    removeShopCoupon(row.id)
+    removeShopCoupon(row.shopCouponId)
       .then((msg) => {
         hide();
         message.success(msg);

src/views/shop/shopDealerApply/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>

src/views/shop/shopDealerApply/components/shopDealerApplyEdit.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="用户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="推荐人用户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="申请时间" name="applyTime">
+        <a-input
+          allow-clear
+          placeholder="请输入申请时间"
+          v-model:value="form.applyTime"
+        />
+      </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="auditTime">
+        <a-input
+          allow-clear
+          placeholder="请输入审核时间"
+          v-model:value="form.auditTime"
+        />
+      </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="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 { 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: undefined,
+    mobile: undefined,
+    refereeId: undefined,
+    applyType: undefined,
+    applyTime: undefined,
+    applyStatus: undefined,
+    auditTime: undefined,
+    rejectReason: undefined,
+    tenantId: undefined,
+    createTime: undefined,
+    updateTime: undefined,
+    shopDealerApplyId: undefined,
+    shopDealerApplyName: '',
+    status: 0,
+    comments: '',
+    sortNumber: 100
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    shopDealerApplyName: [
+      {
+        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 ? 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) {
+        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>

src/views/shop/shopDealerApply/index.vue

@@ -0,0 +1,274 @@
+<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="shopDealerApplyId"
+          :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>
+
+      <!-- 编辑弹窗 -->
+      <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 } 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 ShopDealerApplyEdit from './components/shopDealerApplyEdit.vue';
+  import { pageShopDealerApply, removeShopDealerApply, removeBatchShopDealerApply } 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 showMove = ref(false);
+  // 加载状态
+  const loading = ref(true);
+
+  // 表格数据源
+  const datasource: DatasourceFunction = ({
+    page,
+    limit,
+    where,
+    orders,
+    filters
+  }) => {
+    if (filters) {
+      where.status = filters.status;
+    }
+    return pageShopDealerApply({
+      ...where,
+      ...orders,
+      page,
+      limit
+    });
+  };
+
+  // 表格列配置
+  const columns = ref<ColumnItem[]>([
+    {
+      title: '主键ID',
+      dataIndex: 'applyId',
+      key: 'applyId',
+      align: 'center',
+      width: 90,
+    },
+    {
+      title: '用户ID',
+      dataIndex: 'userId',
+      key: 'userId',
+      align: 'center',
+    },
+    {
+      title: '姓名',
+      dataIndex: 'realName',
+      key: 'realName',
+      align: 'center',
+    },
+    {
+      title: '手机号',
+      dataIndex: 'mobile',
+      key: 'mobile',
+      align: 'center',
+    },
+    {
+      title: '推荐人用户ID',
+      dataIndex: 'refereeId',
+      key: 'refereeId',
+      align: 'center',
+    },
+    {
+      title: '申请方式(10需后台审核 20无需审核)',
+      dataIndex: 'applyType',
+      key: 'applyType',
+      align: 'center',
+    },
+    {
+      title: '申请时间',
+      dataIndex: 'applyTime',
+      key: 'applyTime',
+      align: 'center',
+    },
+    {
+      title: '审核状态 (10待审核 20审核通过 30驳回)',
+      dataIndex: 'applyStatus',
+      key: 'applyStatus',
+      align: 'center',
+    },
+    {
+      title: '审核时间',
+      dataIndex: 'auditTime',
+      key: 'auditTime',
+      align: 'center',
+    },
+    {
+      title: '驳回原因',
+      dataIndex: 'rejectReason',
+      key: 'rejectReason',
+      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?: ShopDealerApplyParam) => {
+    selection.value = [];
+    tableRef?.value?.reload({ where: where });
+  };
+
+  /* 打开编辑弹窗 */
+  const openEdit = (row?: ShopDealerApply) => {
+    current.value = row ?? null;
+    showEdit.value = true;
+  };
+
+  /* 打开批量移动弹窗 */
+  const openMove = () => {
+    showMove.value = true;
+  };
+
+  /* 删除单个 */
+  const remove = (row: ShopDealerApply) => {
+    const hide = message.loading('请求中..', 0);
+    removeShopDealerApply(row.shopDealerApplyId)
+      .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);
+        removeBatchShopDealerApply(selection.value.map((d) => d.shopDealerApplyId))
+          .then((msg) => {
+            hide();
+            message.success(msg);
+            reload();
+          })
+          .catch((e) => {
+            hide();
+            message.error(e.message);
+          });
+      }
+    });
+  };
+
+  /* 查询 */
+  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></style>

src/views/shop/shopDealerCapital/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>

src/views/shop/shopDealerCapital/components/shopDealerCapitalEdit.vue

@@ -0,0 +1,218 @@
+<!-- 编辑弹窗 -->
+<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="订单ID" name="orderId">
+        <a-input
+          allow-clear
+          placeholder="请输入订单ID"
+          v-model:value="form.orderId"
+        />
+      </a-form-item>
+      <a-form-item label="资金流动类型 (10佣金收入 20提现支出 30转账支出 40转账收入)" name="flowType">
+        <a-input
+          allow-clear
+          placeholder="请输入资金流动类型 (10佣金收入 20提现支出 30转账支出 40转账收入)"
+          v-model:value="form.flowType"
+        />
+      </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="describe">
+        <a-input
+          allow-clear
+          placeholder="请输入描述"
+          v-model:value="form.describe"
+        />
+      </a-form-item>
+      <a-form-item label="对方用户ID" name="toUserId">
+        <a-input
+          allow-clear
+          placeholder="请输入对方用户ID"
+          v-model:value="form.toUserId"
+        />
+      </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 { 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,
+    describe: undefined,
+    toUserId: undefined,
+    tenantId: undefined,
+    createTime: undefined,
+    updateTime: undefined,
+    shopDealerCapitalId: undefined,
+    shopDealerCapitalName: '',
+    status: 0,
+    comments: '',
+    sortNumber: 100
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    shopDealerCapitalName: [
+      {
+        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 ? 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) {
+        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>

src/views/shop/shopDealerCapital/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="shopDealerCapitalId"
+          :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 { 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 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: 90,
+    },
+    {
+      title: '分销商用户ID',
+      dataIndex: 'userId',
+      key: 'userId',
+      align: 'center',
+    },
+    {
+      title: '订单ID',
+      dataIndex: 'orderId',
+      key: 'orderId',
+      align: 'center',
+    },
+    {
+      title: '资金流动类型 (10佣金收入 20提现支出 30转账支出 40转账收入)',
+      dataIndex: 'flowType',
+      key: 'flowType',
+      align: 'center',
+    },
+    {
+      title: '金额',
+      dataIndex: 'money',
+      key: 'money',
+      align: 'center',
+    },
+    {
+      title: '描述',
+      dataIndex: 'describe',
+      key: 'describe',
+      align: 'center',
+    },
+    {
+      title: '对方用户ID',
+      dataIndex: 'toUserId',
+      key: 'toUserId',
+      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?: 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.shopDealerCapitalId)
+      .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.shopDealerCapitalId))
+          .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>

src/views/shop/shopDealerOrder/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>

src/views/shop/shopDealerOrder/components/shopDealerOrderEdit.vue

@@ -0,0 +1,266 @@
+<!-- 编辑弹窗 -->
+<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="订单ID" name="orderId">
+        <a-input
+          allow-clear
+          placeholder="请输入订单ID"
+          v-model:value="form.orderId"
+        />
+      </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="分销商用户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="订单是否失效(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="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 { addShopDealerOrder, updateShopDealerOrder } from '@/api/shop/shopDealerOrder';
+  import { ShopDealerOrder } from '@/api/shop/shopDealerOrder/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?: 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 images = ref<ItemType[]>([]);
+
+  // 用户信息
+  const form = reactive<ShopDealerOrder>({
+    id: undefined,
+    userId: undefined,
+    orderId: undefined,
+    orderPrice: undefined,
+    firstUserId: undefined,
+    secondUserId: undefined,
+    thirdUserId: undefined,
+    firstMoney: undefined,
+    secondMoney: undefined,
+    thirdMoney: undefined,
+    isInvalid: undefined,
+    isSettled: undefined,
+    settleTime: undefined,
+    tenantId: undefined,
+    createTime: undefined,
+    updateTime: undefined,
+    shopDealerOrderId: undefined,
+    shopDealerOrderName: '',
+    status: 0,
+    comments: '',
+    sortNumber: 100
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    shopDealerOrderName: [
+      {
+        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 ? updateShopDealerOrder : addShopDealerOrder;
+        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>

src/views/shop/shopDealerOrder/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="shopDealerOrderId"
+          :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>
+
+      <!-- 编辑弹窗 -->
+      <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 { 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 ShopDealerOrderEdit from './components/shopDealerOrderEdit.vue';
+  import { pageShopDealerOrder, removeShopDealerOrder, removeBatchShopDealerOrder } from '@/api/shop/shopDealerOrder';
+  import type { ShopDealerOrder, ShopDealerOrderParam } from '@/api/shop/shopDealerOrder/model';
+
+  // 表格实例
+  const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+  // 表格选中数据
+  const selection = ref<ShopDealerOrder[]>([]);
+  // 当前编辑数据
+  const current = ref<ShopDealerOrder | 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 pageShopDealerOrder({
+      ...where,
+      ...orders,
+      page,
+      limit
+    });
+  };
+
+  // 表格列配置
+  const columns = ref<ColumnItem[]>([
+    {
+      title: '主键ID',
+      dataIndex: 'id',
+      key: 'id',
+      align: 'center',
+      width: 90,
+    },
+    {
+      title: '买家用户ID',
+      dataIndex: 'userId',
+      key: 'userId',
+      align: 'center',
+    },
+    {
+      title: '订单ID',
+      dataIndex: 'orderId',
+      key: 'orderId',
+      align: 'center',
+    },
+    {
+      title: '订单总金额(不含运费)',
+      dataIndex: 'orderPrice',
+      key: 'orderPrice',
+      align: 'center',
+    },
+    {
+      title: '分销商用户id(一级)',
+      dataIndex: 'firstUserId',
+      key: 'firstUserId',
+      align: 'center',
+    },
+    {
+      title: '分销商用户id(二级)',
+      dataIndex: 'secondUserId',
+      key: 'secondUserId',
+      align: 'center',
+    },
+    {
+      title: '分销商用户id(三级)',
+      dataIndex: 'thirdUserId',
+      key: 'thirdUserId',
+      align: 'center',
+    },
+    {
+      title: '分销佣金(一级)',
+      dataIndex: 'firstMoney',
+      key: 'firstMoney',
+      align: 'center',
+    },
+    {
+      title: '分销佣金(二级)',
+      dataIndex: 'secondMoney',
+      key: 'secondMoney',
+      align: 'center',
+    },
+    {
+      title: '分销佣金(三级)',
+      dataIndex: 'thirdMoney',
+      key: 'thirdMoney',
+      align: 'center',
+    },
+    {
+      title: '订单是否失效(0未失效 1已失效)',
+      dataIndex: 'isInvalid',
+      key: 'isInvalid',
+      align: 'center',
+    },
+    {
+      title: '佣金结算(0未结算 1已结算)',
+      dataIndex: 'isSettled',
+      key: 'isSettled',
+      align: 'center',
+    },
+    {
+      title: '结算时间',
+      dataIndex: 'settleTime',
+      key: 'settleTime',
+      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?: ShopDealerOrderParam) => {
+    selection.value = [];
+    tableRef?.value?.reload({ where: where });
+  };
+
+  /* 打开编辑弹窗 */
+  const openEdit = (row?: ShopDealerOrder) => {
+    current.value = row ?? null;
+    showEdit.value = true;
+  };
+
+  /* 打开批量移动弹窗 */
+  const openMove = () => {
+    showMove.value = true;
+  };
+
+  /* 删除单个 */
+  const remove = (row: ShopDealerOrder) => {
+    const hide = message.loading('请求中..', 0);
+    removeShopDealerOrder(row.shopDealerOrderId)
+      .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.shopDealerOrderId))
+          .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></style>

src/views/shop/shopDealerReferee/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>

src/views/shop/shopDealerReferee/components/shopDealerRefereeEdit.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="分销商用户ID" name="dealerId">
+        <a-input
+          allow-clear
+          placeholder="请输入分销商用户ID"
+          v-model:value="form.dealerId"
+        />
+      </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="推荐关系层级(1,2,3)" name="level">
+        <a-input
+          allow-clear
+          placeholder="请输入推荐关系层级(1,2,3)"
+          v-model:value="form.level"
+        />
+      </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 { 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';
+  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?: 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,
+    shopDealerRefereeId: undefined,
+    shopDealerRefereeName: '',
+    status: 0,
+    comments: '',
+    sortNumber: 100
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    shopDealerRefereeName: [
+      {
+        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 ? 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);
+          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>

src/views/shop/shopDealerReferee/index.vue

@@ -0,0 +1,238 @@
+<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="shopDealerRefereeId"
+          :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>
+
+      <!-- 编辑弹窗 -->
+      <ShopDealerRefereeEdit 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 ShopDealerRefereeEdit from './components/shopDealerRefereeEdit.vue';
+  import { pageShopDealerReferee, removeShopDealerReferee, removeBatchShopDealerReferee } 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 showMove = ref(false);
+  // 加载状态
+  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: '主键ID',
+      dataIndex: 'id',
+      key: 'id',
+      align: 'center',
+      width: 90,
+    },
+    {
+      title: '分销商用户ID',
+      dataIndex: 'dealerId',
+      key: 'dealerId',
+      align: 'center',
+    },
+    {
+      title: '用户id(被推荐人)',
+      dataIndex: 'userId',
+      key: 'userId',
+      align: 'center',
+    },
+    {
+      title: '推荐关系层级(1,2,3)',
+      dataIndex: 'level',
+      key: 'level',
+      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?: ShopDealerRefereeParam) => {
+    selection.value = [];
+    tableRef?.value?.reload({ where: where });
+  };
+
+  /* 打开编辑弹窗 */
+  const openEdit = (row?: ShopDealerReferee) => {
+    current.value = row ?? null;
+    showEdit.value = true;
+  };
+
+  /* 打开批量移动弹窗 */
+  const openMove = () => {
+    showMove.value = true;
+  };
+
+  /* 删除单个 */
+  const remove = (row: ShopDealerReferee) => {
+    const hide = message.loading('请求中..', 0);
+    removeShopDealerReferee(row.shopDealerRefereeId)
+      .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.shopDealerRefereeId))
+          .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></style>

src/views/shop/shopDealerSetting/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>

src/views/shop/shopDealerSetting/components/shopDealerSettingEdit.vue

@@ -0,0 +1,185 @@
+<!-- 编辑弹窗 -->
+<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="describe">
+        <a-input
+          allow-clear
+          placeholder="请输入设置项描述"
+          v-model:value="form.describe"
+        />
+      </a-form-item>
+      <a-form-item label="设置内容(json格式)" name="values">
+        <a-input
+          allow-clear
+          placeholder="请输入设置内容(json格式)"
+          v-model:value="form.values"
+        />
+      </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 { addShopDealerSetting, updateShopDealerSetting } from '@/api/shop/shopDealerSetting';
+  import { ShopDealerSetting } from '@/api/shop/shopDealerSetting/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?: ShopDealerSetting | 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<ShopDealerSetting>({
+    key: undefined,
+    describe: undefined,
+    values: undefined,
+    tenantId: undefined,
+    updateTime: undefined,
+    shopDealerSettingId: undefined,
+    shopDealerSettingName: '',
+    status: 0,
+    comments: '',
+    sortNumber: 100
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    shopDealerSettingName: [
+      {
+        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 ? updateShopDealerSetting : addShopDealerSetting;
+        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>

src/views/shop/shopDealerSetting/index.vue

@@ -0,0 +1,223 @@
+<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="shopDealerSettingId"
+          :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>
+
+      <!-- 编辑弹窗 -->
+      <ShopDealerSettingEdit 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 ShopDealerSettingEdit from './components/shopDealerSettingEdit.vue';
+  import { pageShopDealerSetting, removeShopDealerSetting, removeBatchShopDealerSetting } from '@/api/shop/shopDealerSetting';
+  import type { ShopDealerSetting, ShopDealerSettingParam } from '@/api/shop/shopDealerSetting/model';
+
+  // 表格实例
+  const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+  // 表格选中数据
+  const selection = ref<ShopDealerSetting[]>([]);
+  // 当前编辑数据
+  const current = ref<ShopDealerSetting | 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 pageShopDealerSetting({
+      ...where,
+      ...orders,
+      page,
+      limit
+    });
+  };
+
+  // 表格列配置
+  const columns = ref<ColumnItem[]>([
+    {
+      title: '设置项标示',
+      dataIndex: 'key',
+      key: 'key',
+      align: 'center',
+      width: 90,
+    },
+    {
+      title: '设置项描述',
+      dataIndex: 'describe',
+      key: 'describe',
+      align: 'center',
+    },
+    {
+      title: '设置内容(json格式)',
+      dataIndex: 'values',
+      key: 'values',
+      align: 'center',
+    },
+    {
+      title: '更新时间',
+      dataIndex: 'updateTime',
+      key: 'updateTime',
+      align: 'center',
+    },
+    {
+      title: '操作',
+      key: 'action',
+      width: 180,
+      fixed: 'right',
+      align: 'center',
+      hideInSetting: true
+    }
+  ]);
+
+  /* 搜索 */
+  const reload = (where?: ShopDealerSettingParam) => {
+    selection.value = [];
+    tableRef?.value?.reload({ where: where });
+  };
+
+  /* 打开编辑弹窗 */
+  const openEdit = (row?: ShopDealerSetting) => {
+    current.value = row ?? null;
+    showEdit.value = true;
+  };
+
+  /* 打开批量移动弹窗 */
+  const openMove = () => {
+    showMove.value = true;
+  };
+
+  /* 删除单个 */
+  const remove = (row: ShopDealerSetting) => {
+    const hide = message.loading('请求中..', 0);
+    removeShopDealerSetting(row.shopDealerSettingId)
+      .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);
+        removeBatchShopDealerSetting(selection.value.map((d) => d.shopDealerSettingId))
+          .then((msg) => {
+            hide();
+            message.success(msg);
+            reload();
+          })
+          .catch((e) => {
+            hide();
+            message.error(e.message);
+          });
+      }
+    });
+  };
+
+  /* 查询 */
+  const query = () => {
+    loading.value = true;
+  };
+
+  /* 自定义行属性 */
+  const customRow = (record: ShopDealerSetting) => {
+    return {
+      // 行点击事件
+      onClick: () => {
+        // console.log(record);
+      },
+      // 行双击事件
+      onDblclick: () => {
+        openEdit(record);
+      }
+    };
+  };
+  query();
+</script>
+
+<script lang="ts">
+  export default {
+    name: 'ShopDealerSetting'
+  };
+</script>
+
+<style lang="less" scoped></style>

src/views/shop/shopDealerUser/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>

src/views/shop/shopDealerUser/components/shopDealerUserEdit.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="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="payPassword">
+        <a-input
+          allow-clear
+          placeholder="请输入支付密码"
+          v-model:value="form.payPassword"
+        />
+      </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="freezeMoney">
+        <a-input
+          allow-clear
+          placeholder="请输入已冻结佣金"
+          v-model:value="form.freezeMoney"
+        />
+      </a-form-item>
+      <a-form-item label="累积提现佣金" name="totalMoney">
+        <a-input
+          allow-clear
+          placeholder="请输入累积提现佣金"
+          v-model:value="form.totalMoney"
+        />
+      </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="成员数量(一级)" name="firstNum">
+        <a-input
+          allow-clear
+          placeholder="请输入成员数量(一级)"
+          v-model:value="form.firstNum"
+        />
+      </a-form-item>
+      <a-form-item label="成员数量(二级)" name="secondNum">
+        <a-input
+          allow-clear
+          placeholder="请输入成员数量(二级)"
+          v-model:value="form.secondNum"
+        />
+      </a-form-item>
+      <a-form-item label="成员数量(三级)" name="thirdNum">
+        <a-input
+          allow-clear
+          placeholder="请输入成员数量(三级)"
+          v-model:value="form.thirdNum"
+        />
+      </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="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 { addShopDealerUser, updateShopDealerUser } from '@/api/shop/shopDealerUser';
+  import { ShopDealerUser } from '@/api/shop/shopDealerUser/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?: ShopDealerUser | 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<ShopDealerUser>({
+    id: undefined,
+    userId: undefined,
+    realName: undefined,
+    mobile: undefined,
+    payPassword: undefined,
+    money: undefined,
+    freezeMoney: undefined,
+    totalMoney: undefined,
+    refereeId: undefined,
+    firstNum: undefined,
+    secondNum: undefined,
+    thirdNum: undefined,
+    qrcode: undefined,
+    isDelete: undefined,
+    tenantId: undefined,
+    createTime: undefined,
+    updateTime: undefined,
+    shopDealerUserId: undefined,
+    shopDealerUserName: '',
+    status: 0,
+    comments: '',
+    sortNumber: 100
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    shopDealerUserName: [
+      {
+        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 ? updateShopDealerUser : addShopDealerUser;
+        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>

src/views/shop/shopDealerUser/index.vue

@@ -0,0 +1,298 @@
+<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="shopDealerUserId"
+          :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>
+
+      <!-- 编辑弹窗 -->
+      <ShopDealerUserEdit 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 ShopDealerUserEdit from './components/shopDealerUserEdit.vue';
+  import { pageShopDealerUser, removeShopDealerUser, removeBatchShopDealerUser } from '@/api/shop/shopDealerUser';
+  import type { ShopDealerUser, ShopDealerUserParam } from '@/api/shop/shopDealerUser/model';
+
+  // 表格实例
+  const tableRef = ref<InstanceType<typeof EleProTable> | null>(null);
+
+  // 表格选中数据
+  const selection = ref<ShopDealerUser[]>([]);
+  // 当前编辑数据
+  const current = ref<ShopDealerUser | 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 pageShopDealerUser({
+      ...where,
+      ...orders,
+      page,
+      limit
+    });
+  };
+
+  // 表格列配置
+  const columns = ref<ColumnItem[]>([
+    {
+      title: '主键ID',
+      dataIndex: 'id',
+      key: 'id',
+      align: 'center',
+      width: 90,
+    },
+    {
+      title: '自增ID',
+      dataIndex: 'userId',
+      key: 'userId',
+      align: 'center',
+    },
+    {
+      title: '姓名',
+      dataIndex: 'realName',
+      key: 'realName',
+      align: 'center',
+    },
+    {
+      title: '手机号',
+      dataIndex: 'mobile',
+      key: 'mobile',
+      align: 'center',
+    },
+    {
+      title: '支付密码',
+      dataIndex: 'payPassword',
+      key: 'payPassword',
+      align: 'center',
+    },
+    {
+      title: '当前可提现佣金',
+      dataIndex: 'money',
+      key: 'money',
+      align: 'center',
+    },
+    {
+      title: '已冻结佣金',
+      dataIndex: 'freezeMoney',
+      key: 'freezeMoney',
+      align: 'center',
+    },
+    {
+      title: '累积提现佣金',
+      dataIndex: 'totalMoney',
+      key: 'totalMoney',
+      align: 'center',
+    },
+    {
+      title: '推荐人用户ID',
+      dataIndex: 'refereeId',
+      key: 'refereeId',
+      align: 'center',
+    },
+    {
+      title: '成员数量(一级)',
+      dataIndex: 'firstNum',
+      key: 'firstNum',
+      align: 'center',
+    },
+    {
+      title: '成员数量(二级)',
+      dataIndex: 'secondNum',
+      key: 'secondNum',
+      align: 'center',
+    },
+    {
+      title: '成员数量(三级)',
+      dataIndex: 'thirdNum',
+      key: 'thirdNum',
+      align: 'center',
+    },
+    {
+      title: '专属二维码',
+      dataIndex: 'qrcode',
+      key: 'qrcode',
+      align: 'center',
+    },
+    {
+      title: '是否删除',
+      dataIndex: 'isDelete',
+      key: 'isDelete',
+      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?: ShopDealerUserParam) => {
+    selection.value = [];
+    tableRef?.value?.reload({ where: where });
+  };
+
+  /* 打开编辑弹窗 */
+  const openEdit = (row?: ShopDealerUser) => {
+    current.value = row ?? null;
+    showEdit.value = true;
+  };
+
+  /* 打开批量移动弹窗 */
+  const openMove = () => {
+    showMove.value = true;
+  };
+
+  /* 删除单个 */
+  const remove = (row: ShopDealerUser) => {
+    const hide = message.loading('请求中..', 0);
+    removeShopDealerUser(row.shopDealerUserId)
+      .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);
+        removeBatchShopDealerUser(selection.value.map((d) => d.shopDealerUserId))
+          .then((msg) => {
+            hide();
+            message.success(msg);
+            reload();
+          })
+          .catch((e) => {
+            hide();
+            message.error(e.message);
+          });
+      }
+    });
+  };
+
+  /* 查询 */
+  const query = () => {
+    loading.value = true;
+  };
+
+  /* 自定义行属性 */
+  const customRow = (record: ShopDealerUser) => {
+    return {
+      // 行点击事件
+      onClick: () => {
+        // console.log(record);
+      },
+      // 行双击事件
+      onDblclick: () => {
+        openEdit(record);
+      }
+    };
+  };
+  query();
+</script>
+
+<script lang="ts">
+  export default {
+    name: 'ShopDealerUser'
+  };
+</script>
+
+<style lang="less" scoped></style>

src/views/shop/shopDealerWithdraw/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>

src/views/shop/shopDealerWithdraw/components/shopDealerWithdrawEdit.vue

@@ -0,0 +1,266 @@
+<!-- 编辑弹窗 -->
+<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="money">
+        <a-input
+          allow-clear
+          placeholder="请输入提现金额"
+          v-model:value="form.money"
+        />
+      </a-form-item>
+      <a-form-item label="打款方式 (10微信 20支付宝 30银行卡)" name="payType">
+        <a-input
+          allow-clear
+          placeholder="请输入打款方式 (10微信 20支付宝 30银行卡)"
+          v-model:value="form.payType"
+        />
+      </a-form-item>
+      <a-form-item label="支付宝姓名" name="alipayName">
+        <a-input
+          allow-clear
+          placeholder="请输入支付宝姓名"
+          v-model:value="form.alipayName"
+        />
+      </a-form-item>
+      <a-form-item label="支付宝账号" name="alipayAccount">
+        <a-input
+          allow-clear
+          placeholder="请输入支付宝账号"
+          v-model:value="form.alipayAccount"
+        />
+      </a-form-item>
+      <a-form-item label="开户行名称" name="bankName">
+        <a-input
+          allow-clear
+          placeholder="请输入开户行名称"
+          v-model:value="form.bankName"
+        />
+      </a-form-item>
+      <a-form-item label="银行开户名" name="bankAccount">
+        <a-input
+          allow-clear
+          placeholder="请输入银行开户名"
+          v-model:value="form.bankAccount"
+        />
+      </a-form-item>
+      <a-form-item label="银行卡号" name="bankCard">
+        <a-input
+          allow-clear
+          placeholder="请输入银行卡号"
+          v-model:value="form.bankCard"
+        />
+      </a-form-item>
+      <a-form-item label="申请状态 (10待审核 20审核通过 30驳回 40已打款)" name="applyStatus">
+        <a-input
+          allow-clear
+          placeholder="请输入申请状态 (10待审核 20审核通过 30驳回 40已打款)"
+          v-model:value="form.applyStatus"
+        />
+      </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="rejectReason">
+        <a-input
+          allow-clear
+          placeholder="请输入驳回原因"
+          v-model:value="form.rejectReason"
+        />
+      </a-form-item>
+      <a-form-item label="来源客户端(APP、H5、小程序等)" name="platform">
+        <a-input
+          allow-clear
+          placeholder="请输入来源客户端(APP、H5、小程序等)"
+          v-model:value="form.platform"
+        />
+      </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 { addShopDealerWithdraw, updateShopDealerWithdraw } from '@/api/shop/shopDealerWithdraw';
+  import { ShopDealerWithdraw } from '@/api/shop/shopDealerWithdraw/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?: ShopDealerWithdraw | 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<ShopDealerWithdraw>({
+    id: undefined,
+    userId: undefined,
+    money: undefined,
+    payType: undefined,
+    alipayName: undefined,
+    alipayAccount: undefined,
+    bankName: undefined,
+    bankAccount: undefined,
+    bankCard: undefined,
+    applyStatus: undefined,
+    auditTime: undefined,
+    rejectReason: undefined,
+    platform: undefined,
+    tenantId: undefined,
+    createTime: undefined,
+    updateTime: undefined,
+    shopDealerWithdrawId: undefined,
+    shopDealerWithdrawName: '',
+    status: 0,
+    comments: '',
+    sortNumber: 100
+  });
+
+  /* 更新visible */
+  const updateVisible = (value: boolean) => {
+    emit('update:visible', value);
+  };
+
+  // 表单验证规则
+  const rules = reactive({
+    shopDealerWithdrawName: [
+      {
+        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 ? 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) {
+        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>

src/views/shop/shopDealerWithdraw/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="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 === '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>
+
+      <!-- 编辑弹窗 -->
+      <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 } 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 } 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: 'id',
+      key: 'id',
+      align: 'center',
+      width: 90,
+    },
+    {
+      title: '分销商用户ID',
+      dataIndex: 'userId',
+      key: 'userId',
+      align: 'center',
+    },
+    {
+      title: '提现金额',
+      dataIndex: 'money',
+      key: 'money',
+      align: 'center',
+    },
+    {
+      title: '打款方式 (10微信 20支付宝 30银行卡)',
+      dataIndex: 'payType',
+      key: 'payType',
+      align: 'center',
+    },
+    {
+      title: '支付宝姓名',
+      dataIndex: 'alipayName',
+      key: 'alipayName',
+      align: 'center',
+    },
+    {
+      title: '支付宝账号',
+      dataIndex: 'alipayAccount',
+      key: 'alipayAccount',
+      align: 'center',
+    },
+    {
+      title: '开户行名称',
+      dataIndex: 'bankName',
+      key: 'bankName',
+      align: 'center',
+    },
+    {
+      title: '银行开户名',
+      dataIndex: 'bankAccount',
+      key: 'bankAccount',
+      align: 'center',
+    },
+    {
+      title: '银行卡号',
+      dataIndex: 'bankCard',
+      key: 'bankCard',
+      align: 'center',
+    },
+    {
+      title: '申请状态 (10待审核 20审核通过 30驳回 40已打款)',
+      dataIndex: 'applyStatus',
+      key: 'applyStatus',
+      align: 'center',
+    },
+    {
+      title: '审核时间',
+      dataIndex: 'auditTime',
+      key: 'auditTime',
+      align: 'center',
+    },
+    {
+      title: '驳回原因',
+      dataIndex: 'rejectReason',
+      key: 'rejectReason',
+      align: 'center',
+    },
+    {
+      title: '来源客户端(APP、H5、小程序等)',
+      dataIndex: 'platform',
+      key: 'platform',
+      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?: ShopDealerWithdrawParam) => {
+    selection.value = [];
+    tableRef?.value?.reload({ where: where });
+  };
+
+  /* 打开编辑弹窗 */
+  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.shopDealerWithdrawId)
+      .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.shopDealerWithdrawId))
+          .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>

src/views/shop/shopOrder/components/orderInfo.vue

@@ -417,7 +417,7 @@
     </a-card>
     <a-card title="商家备注" style="margin-bottom: 20px" :bordered="false">
       <a-spin :spinning="loading">
-        {{ form.merchantRemarks }}
+        {{ form.merchantRemarks || '-'}}
       </a-spin>
     </a-card>
 
@@ -622,6 +622,10 @@ const form = reactive<ShopOrder>({
   userId: undefined,
   // 备注
   comments: undefined,
+  // 买家备注
+  buyerRemarks: undefined,
+  // 商家备注
+  merchantRemarks: undefined,
   // 排序号
   sortNumber: undefined,
   // 是否删除, 0否, 1是

src/views/shop/shopUserCoupon/index.vue

@@ -59,6 +59,7 @@
     ColumnItem
   } from 'ele-admin-pro/es/ele-pro-table/types';
   import Search from './components/search.vue';
+  import {getPageTitle} from '@/utils/common';
   import ShopUserCouponEdit from './components/shopUserCouponEdit.vue';
   import { pageShopUserCoupon, removeShopUserCoupon, removeBatchShopUserCoupon } from '@/api/shop/shopUserCoupon';
   import type { ShopUserCoupon, ShopUserCouponParam } from '@/api/shop/shopUserCoupon/model';