wikiboss/xionggeshop
1
0
派生 0
代码 工单 合并请求 Actions 软件包 项目 版本发布 百科 动态

feat(order): 订单详情增加佣金分成明细查询与展示（分销商佣金、区域代理分红及通道分账）

浏览代码
这个提交包含在：
wikiboss
2026-09-30 10:23:34 +08:00
父节点 2151439d45
当前提交 d8be55a4f7
共有 4 个文件被更改，包括 457 次插入 和 3 次删除
下载 Patch 文件 下载 Diff 文件 展开所有文件 折叠所有文件

139
application/admin/view/shopro/order/order/detail.html
查看文件

@@ -846,6 +846,65 @@
}
}
.commission-container {
margin-top: 14px;
background: #fff;
padding: 16px 20px 20px;
border-radius: 4px;
}
.commission-header {
justify-content: space-between;
margin-bottom: 14px;
padding-bottom: 10px;
border-bottom: 1px solid #f0f0f0;
}
.commission-title {
font-size: 14px;
font-weight: 600;
display: flex;
align-items: center;
}
.commission-badge {
font-size: 12px;
font-weight: normal;
background: #F3EFFB;
color: #7536D0;
padding: 2px 8px;
border-radius: 10px;
margin-left: 10px;
}
.commission-total-info {
font-size: 13px;
}
.commission-total-money {
color: #FF5000;
font-size: 16px;
font-weight: 600;
}
.table-avatar {
width: 32px;
height: 32px;
border-radius: 50%;
border: 1px solid #e6e6e6;
}
.table-avatar-placeholder {
width: 32px;
height: 32px;
border-radius: 50%;
background: #f0f0f0;
display: flex;
align-items: center;
justify-content: center;
color: #999;
}
[v-cloak] {
display: none
}
@@ -966,6 +1025,10 @@
<span class="title-span-width">积分:</span><span
style="padding-left: 4px;">+{{orderDetail.score_amount}}</span>
</div>
<div v-if="Number(commissionTotal) > 0" class="order-msg-right-item">
<span class="title-span-width">佣金分成:</span>
<span style="color: #7536D0;font-weight: 500;">￥{{commissionTotal}}</span>
</div>
<div class="order-msg-right-item">
<span class="order-msg-right-title color-444 title-span-width">订单总金额:</span>
<span class="order-msg-right-money">￥{{orderDetail.total_fee}}</span>
@@ -1053,6 +1116,10 @@
<div v-if="orderDetail.type=='score'" class="order-msg-right-item">
<span class="title-span-width">积分:</span><span>+{{orderDetail.score_amount}}</span>
</div>
<div v-if="Number(commissionTotal) > 0" class="order-msg-right-item">
<span class="title-span-width">佣金分成:</span>
<span style="color: #7536D0;font-weight: 500;">￥{{commissionTotal}}</span>
</div>
<div class="order-msg-right-item">
<span class="order-msg-right-title color-444 title-span-width">订单总金额:</span>
<span class="order-msg-right-money">￥{{orderDetail.total_fee}}</span>
@@ -1464,6 +1531,78 @@
</el-table-column>
</el-table>
</div>
<!-- 佣金分成明细 -->
<div class="commission-container" v-if="commissionList && commissionList.length > 0">
<div class="commission-header display-flex">
<div class="commission-title color-333">
<span>佣金分成明细</span>
<span class="commission-badge">共 {{commissionList.length}} 笔分成</span>
</div>
<div class="commission-total-info">
<span class="color-666">分成总额: </span>
<span class="commission-total-money">￥{{commissionTotal}}</span>
</div>
</div>
<el-table :data="commissionList" style="width: 100%" border stripe size="small">
<el-table-column label="分成类型" width="130">
<template slot-scope="scope">
<el-tag size="small" :type="scope.row.category == 'commission' ? '' : (scope.row.category == 'regional' ? 'warning' : 'success')" effect="plain">
{{scope.row.category_text}}
</el-tag>
</template>
</el-table-column>
<el-table-column label="奖励类型" width="130">
<template slot-scope="scope">
<span class="color-333" style="font-weight: 500;">{{scope.row.award_type_name}}</span>
<div class="color-999 font-size-12" v-if="scope.row.level_text">{{scope.row.level_text}}</div>
</template>
</el-table-column>
<el-table-column label="收益人 / 代理商" min-width="190">
<template slot-scope="scope">
<div v-if="scope.row.user" class="display-flex">
<img v-if="scope.row.user.avatar" class="table-avatar" :src="Fast.api.cdnurl(scope.row.user.avatar)">
<div v-else class="table-avatar-placeholder"><i class="el-icon-user"></i></div>
<div style="margin-left: 8px;">
<div class="theme-color cursor-pointer" @click="goUserDetail(scope.row.user.id)">
{{scope.row.user.nickname || '用户ID:' + scope.row.user.id}}
</div>
<div class="color-999 font-size-12" v-if="scope.row.user.mobile">{{scope.row.user.mobile}} (ID:{{scope.row.user.id}})</div>
<div class="color-999 font-size-12" v-else-if="scope.row.user.id">ID: {{scope.row.user.id}}</div>
</div>
</div>
<span v-else class="color-999">-</span>
</template>
</el-table-column>
<el-table-column label="关联商品" min-width="180">
<template slot-scope="scope">
<span class="color-666">{{scope.row.goods_title || '整单'}}</span>
</template>
</el-table-column>
<el-table-column label="分成金额" width="120">
<template slot-scope="scope">
<span class="theme-red" style="font-weight: bold; font-size: 14px;">￥{{scope.row.commission}}</span>
</template>
</el-table-column>
<el-table-column label="结算状态" width="110">
<template slot-scope="scope">
<div class="display-flex" :class="rewardStatusClass(scope.row.status)">
<span class="shopro-status-dot"></span>
<span>{{scope.row.status_text}}</span>
</div>
</template>
</el-table-column>
<el-table-column label="入账方式" width="110">
<template slot-scope="scope">
<span class="color-666">{{scope.row.type_text}}</span>
</template>
</el-table-column>
<el-table-column label="分成时间" width="170">
<template slot-scope="scope">
<span class="color-666">{{scope.row.createtime_text}}</span>
</template>
</el-table-column>
</el-table>
</div>
<!-- 发货 -->
<el-dialog custom-class="order-dialog" title="订单发货" :visible.sync="express_dialog"
:before-close="closeDeliverDialog">