From e4052081302d6758d034bbe61eaa5c7838974ee3 Mon Sep 17 00:00:00 2001 From: linbin <495561397@qq.com> Date: Fri, 3 Oct 2025 00:22:44 +0800 Subject: [PATCH] =?UTF-8?q?=E9=87=8D=E6=9E=84=E5=88=86=E9=94=80=E5=95=86?= =?UTF-8?q?=E5=AE=A1=E6=A0=B8=E5=92=8C=E8=AE=A2=E5=8D=95=E7=AE=A1=E7=90=86?= =?UTF-8?q?=E9=A1=B5=E9=9D=A2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 移除Element UI和Vue.js依赖，改用原生HTML/CSS/JS实现 - 为分销商审核和订单管理页面添加Tab选项卡功能 - 实现自定义表单、表格、按钮等UI组件的样式 - 将动态数据绑定替换为静态数据展示 Co-authored-by: Qwen-Coder --- .../品牌管理/分销商审核和管理演示页面.html | 973 +++++++++--------- .../品牌管理/分销订单和佣金管理演示页面.html | 901 ++++++++-------- 2 files changed, 902 insertions(+), 972 deletions(-) diff --git a/商家端web/品牌管理/分销商审核和管理演示页面.html b/商家端web/品牌管理/分销商审核和管理演示页面.html index 7e8b3d7..4a188c5 100644 --- a/商家端web/品牌管理/分销商审核和管理演示页面.html +++ b/商家端web/品牌管理/分销商审核和管理演示页面.html @@ -4,7 +4,6 @@ 分销商审核和管理系统 - -
+

分销商审核与管理系统

@@ -130,509 +265,347 @@
- - - - - - - - - - - - - - - - - 查询 - 重置 - 一键通过 - - + +
+
申请审核
+
分销商列表
+
- - - - - - - - - - - - - - - - - - -
- - + +
+ +
+
+ +
- +
+ + +
+
+ + + +
+
- - - -
-
-
- -
-
总分销商数
-
{{ distributorStats.total }}
-
-
-
-
-
- -
-
启用中
-
{{ distributorStats.active }}
-
-
-
-
-
- -
-
已禁用
-
{{ distributorStats.disabled }}
-
-
-
-
-
- -
-
高级分销商
-
{{ distributorStats.advanced }}
-
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
申请人手机号申请时间审核时间审核状态拒绝理由操作
张三138001380012024-01-15 10:30:00-待审核- + + +
李四138001380022024-01-16 14:20:00-待审核- + + +
王五138001380032024-01-17 09:15:002024-01-17 16:20:00已通过- + +
赵六138001380042024-01-18 11:45:002024-01-18 15:30:00已拒绝资料不完整 + +
钱七138001380052024-01-19 08:00:00-待审核- + + +
孙八138001380062024-01-20 13:25:002024-01-20 17:10:00已通过- + +
+ + + +
+ + +
+ +
+
+
+
👥
+
+
总分销商数
+
8
- - - - - - - - - - - - - - - - - - - - - - - - 查询 - 重置 - - - - - - - - - - - - - - - - - - - - - - - - -
- - +
+
+
✅
+
+
启用中
+
6
+
+
- - +
+
+
❌
+
+
已禁用
+
2
+
+
+
+
+
+
⭐
+
+
高级分销商
+
4
+
+
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
姓名手机号等级进店量成为分销商时间状态禁用原因操作
张三13800138001普通分销商1202024-01-15 10:30:00启用- + + +
李四13800138002高级分销商3502024-01-16 14:20:00启用- + + +
王五13800138003精英分销商6802024-01-17 09:15:00启用- + + +
赵六13800138004普通分销商452024-01-18 11:45:00禁用违规推广 + + +
孙八13800138006高级分销商2802024-01-20 13:25:00启用- + + +
周九13800138007普通分销商952024-01-21 16:00:00启用- + + +
吴十13800138008精英分销商5202024-01-22 10:15:00启用- + + +
郑十一13800138009高级分销商3102024-01-23 14:30:00禁用不符合资质要求 + + +
+ + + +
- - - - - - - - - - 取 消 - 确 定 - - - - - - - - - - - - 取 消 - 确 定 - - - - - - - {{ detailData.userName }} - {{ detailData.mobile }} - {{ detailData.createTime }} - {{ detailData.auditTime }} - - - {{ getStatusText(detailData.status) }} - - - - {{ detailData.refuseReason }} - - - - 关 闭 - - - - - - - {{ distributorDetail.userName }} - {{ distributorDetail.mobile }} - - - {{ getLevelText(distributorDetail.level) }} - - - - - {{ distributorDetail.status === 1 ? '启用' : '禁用' }} - - - {{ distributorDetail.visitTimes || 0 }} - {{ distributorDetail.createTime }} - - {{ distributorDetail.disableReason }} - - - - 关 闭 - -
- - diff --git a/商家端web/品牌管理/分销订单和佣金管理演示页面.html b/商家端web/品牌管理/分销订单和佣金管理演示页面.html index b43f6d2..8e49eeb 100644 --- a/商家端web/品牌管理/分销订单和佣金管理演示页面.html +++ b/商家端web/品牌管理/分销订单和佣金管理演示页面.html @@ -4,7 +4,6 @@ 分销订单与佣金管理系统 - -
+

分销订单与佣金管理系统

@@ -151,37 +261,37 @@
- +
📊
分销订单总数
-
{{ orderStats.totalCount }}
+
1250
- +
💰
订单总金额(元)
-
{{ orderStats.totalMoney }}
+
125680.50
- +
💳
佣金总额(元)
-
{{ orderStats.totalCommission }}
+
12568.05
- +
📈
佣金比例
-
{{ orderStats.commissionRate }}%
+
10%
@@ -189,463 +299,310 @@
- - - - - - - - - - - - - - - - - - - 查询 - 重置 - 导出订单 - - + +
+
订单明细
+
佣金统计
+
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - + +
+ +
+
+ +
- - - - - - - - - - - - - - - - - - 查询 - 重置 - 导出佣金 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - +
+ +
- - +
+ + +
+
+ + + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
订单编号市场订单号分销商订单金额(元)分佣比例总佣金(元)分销商佣金(元)上级佣金(元)订单状态下单时间操作
ORD20240101001UNIT20240101001张三299.0010%29.9020.938.97已完成2024-01-01 10:30:00
ORD20240102002UNIT20240102002李四499.0010%49.9049.900.00未完成2024-01-02 14:20:00
ORD20240103003UNIT20240103003王五688.0010%68.8048.1620.64已完成2024-01-03 09:15:00
ORD20240104004UNIT20240104004张三358.0010%35.8025.0610.74已完成2024-01-04 16:45:00
ORD20240105005UNIT20240105005王五799.0010%79.9055.9323.97已完成2024-01-05 11:20:00
ORD20240106006UNIT20240106006李四428.0010%42.8042.800.00未完成2024-01-06 13:50:00
ORD20240107007UNIT20240107007赵六568.0010%56.8056.800.00已完成2024-01-07 15:30:00
ORD20240108008UNIT20240108008张三268.0010%26.8018.768.04已完成2024-01-08 08:15:00
+ + + +
+ + +
+ +
+
+ + +
+
+ + +
+
+ + + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
分销商手机号等级订单数量订单总额(元)总佣金(元)本人佣金(元)上级佣金(元)佣金率操作
张三13800138001高级分销商257475.00747.50523.25224.2510%
李四13800138002普通分销商154485.00448.50448.500.0010%
王五13800138003精英分销商3811378.001137.80796.46341.3410%
赵六13800138004普通分销商123592.00359.20359.200.0010%
孙八13800138006高级分销商288384.00838.40586.88251.5210%
合计11835314.003531.402714.29817.11
+ + + +
- - - - - {{ orderDetail.orderNo }} - {{ orderDetail.unitOrderNo }} - {{ orderDetail.distributorName }} - {{ orderDetail.userId }} - - {{ orderDetail.totalMoney }} 元 - - {{ orderDetail.orderSharingRatio }}% - - {{ orderDetail.totalCommission }} 元 - - - {{ orderDetail.myCommission }} 元 - - - {{ orderDetail.superiorCommission }} 元 - - {{ orderDetail.mySharingPercent }}% - - - {{ orderDetail.status === 1 ? '已完成' : '未完成' }} - - - {{ orderDetail.createTime }} - - - -
-

💡 佣金计算逻辑

- -
-

总佣金 = 订单金额 × 分佣比例 = {{ orderDetail.totalMoney }} × {{ orderDetail.orderSharingRatio }}% = {{ orderDetail.totalCommission }} 元

-

分销商佣金 = 总佣金 × 分销商佣金比例 = {{ orderDetail.totalCommission }} × {{ orderDetail.mySharingPercent }}% = {{ orderDetail.myCommission }} 元

-

上级佣金 = 总佣金 - 分销商佣金 = {{ orderDetail.totalCommission }} - {{ orderDetail.myCommission }} = {{ orderDetail.superiorCommission }} 元

-
- -
- - - 关 闭 - - - - - - - {{ commissionDetail.distributorName }} - {{ commissionDetail.mobile }} - - - {{ getLevelText(commissionDetail.level) }} - - - {{ commissionDetail.orderCount }} - - {{ commissionDetail.orderTotalMoney }} 元 - - - {{ commissionDetail.totalCommission }} 元 - - - {{ commissionDetail.myCommission }} 元 - - - {{ commissionDetail.superiorCommission }} 元 - - {{ commissionDetail.commissionRate }}% - - - -
-

订单明细

- - - - - - - - - - - - - - - - - -
- - - 关 闭 - -
- -