feat(split-order): 添加分账订单失败原因详情展示功能

- 新增 fail_reason_full 字段用于存储完整的失败原因信息
- 实现 formatFailReasonFull 方法解析微信分账失败的详细信息
- 优化前端表格展示,增加查看完整失败原因的弹窗功能
- 调整表格列宽度和样式,提升买家信息展示效果
- 修复昵称和角色ID显示逻辑,避免重复显示问题
```
这个提交包含在:
可乐加冰
2026-10-05 16:22:17 +08:00
父节点 e359ed5710
当前提交 a422d211fc
共有 2 个文件被更改,包括 89 次插入 和 34 次删除

查看文件

@@ -147,6 +147,7 @@ class Order extends Base
$data['receiver_preview'] = $receiverPreview;
$data['receiver_summary'] = $summaryLines ? implode(';', $summaryLines) : '—';
$data['fail_reason'] = $this->formatFailReason($data['wx_result'] ?? '', $status);
$data['fail_reason_full'] = $this->formatFailReasonFull($data['wx_result'] ?? '', $status);
$diag = (new SplitCalculator())->diagnose($orderId);
$data['split_source'] = $diag['final_source'];
@@ -264,8 +265,8 @@ class Order extends Base
$mobile = is_array($user) ? trim((string) ($user['mobile'] ?? '')) : '';
if ($nickname !== '') {
$label = $nickname;
if ($roleId > 0) {
$label .= '#' . $roleId;
if ($roleId > 0 && (string) $nickname !== (string) $roleId) {
$label .= ' #' . $roleId;
}
if ($mobile !== '') {
$label .= ' ' . $this->maskMobile($mobile);
@@ -326,7 +327,38 @@ class Order extends Base
return implode(' ', $parts);
}
}
return mb_strlen($raw) > 120 ? (mb_substr($raw, 0, 120) . '…') : $raw;
$full = $this->formatFailReasonFull($wxResult, $status);
if ($full === '') {
return '';
}
return mb_strlen($full) > 48 ? (mb_substr($full, 0, 48) . '…') : $full;
}
protected function formatFailReasonFull($wxResult, $status)
{
if ($status !== 4 || $wxResult === '' || $wxResult === null) {
return '';
}
$raw = is_string($wxResult) ? $wxResult : json_encode($wxResult, JSON_UNESCAPED_UNICODE);
if ($raw === '') {
return '';
}
if (strpos($raw, 'fund_freeze_stat=FREEZE') !== false) {
return '微信资金冻结,需发货/确认收货后再分账';
}
$decoded = json_decode($raw, true);
if (is_array($decoded)) {
$parts = array_filter([
$decoded['resp_desc'] ?? '',
isset($decoded['resp_code']) ? ('resp_code=' . $decoded['resp_code']) : '',
$decoded['bank_message'] ?? '',
$decoded['trans_stat'] ?? '',
]);
if ($parts) {
return implode(',', $parts);
}
}
return $raw;
}
protected function formatBuyerDisplay($nickname, $mobile, $userId)

查看文件

@@ -7,14 +7,13 @@
min-height: 100%;
}
#splitOrderIndex .el-table .cell {
overflow: hidden;
line-height: 1.5;
vertical-align: middle;
vertical-align: top;
word-break: keep-all;
}
#splitOrderIndex .el-table .col-money .cell,
#splitOrderIndex .el-table .col-source .cell {
overflow: visible;
#splitOrderIndex .el-table .col-source .cell,
#splitOrderIndex .el-table .col-buyer .cell {
white-space: nowrap;
}
.page-card {
@@ -122,12 +121,12 @@
border-bottom: 1px dashed #ebeef5;
}
.recv-block:last-child { border-bottom: none; padding-bottom: 0; }
.recv-line1 {
.recv-head {
display: flex;
align-items: center;
gap: 6px;
justify-content: space-between;
gap: 8px;
font-size: 12px;
min-width: 0;
}
.recv-role {
flex-shrink: 0;
@@ -138,33 +137,45 @@
font-size: 11px;
line-height: 18px;
}
.recv-name {
flex: 1;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #303133;
}
.recv-amt {
flex-shrink: 0;
color: #e1212b;
font-weight: 600;
white-space: nowrap;
}
.recv-name-line {
margin-top: 4px;
font-size: 12px;
color: #303133;
white-space: nowrap;
}
.recv-line2 {
margin-top: 3px;
font-size: 11px;
color: #909399;
}
.fail-text {
font-size: 12px;
.fail-cell { font-size: 12px; line-height: 1.55; }
.fail-brief {
color: #f56c6c;
line-height: 1.5;
word-break: break-all;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
word-break: break-word;
white-space: normal;
}
.fail-more {
display: inline-block;
margin-top: 4px;
font-size: 11px;
color: #7438D5;
cursor: pointer;
}
.fail-pop-full {
margin: 0;
font-size: 12px;
line-height: 1.65;
color: #606266;
white-space: pre-wrap;
word-break: break-word;
max-height: 280px;
overflow-y: auto;
}
.diag-pop {
font-size: 12px;
@@ -209,12 +220,12 @@
<el-table :data="listData" border stripe v-loading="loading"
empty-text="暂无分账记录">
<el-table-column label="时间" prop="createtime_text" width="152"></el-table-column>
<el-table-column label="买家" width="128" show-overflow-tooltip>
<el-table-column label="买家" class-name="col-buyer" min-width="148" show-overflow-tooltip>
<template slot-scope="s">
<span>{{ s.row.buyer_display || '—' }}</span>
</template>
</el-table-column>
<el-table-column label="订单号" min-width="168">
<el-table-column label="订单号" min-width="176">
<template slot-scope="s">
<div class="scroll-cell" @wheel="scrollCellWheel">
<div class="scroll-cell-inner">
@@ -237,7 +248,7 @@
<span class="money-num highlight">¥{{ formatMoney(s.row.split_amount) }}</span>
</template>
</el-table-column>
<el-table-column label="分账来源" class-name="col-source" width="112" align="center">
<el-table-column label="分账来源" class-name="col-source" width="118" align="center">
<template slot-scope="s">
<div class="source-cell" v-if="s.row.split_source">
<span :class="'source-tag ' + (s.row.split_source === 'commission' ? 'commission' : 'rule')">
@@ -257,15 +268,17 @@
<span v-else style="color:#909399;">—</span>
</template>
</el-table-column>
<el-table-column label="分账给谁" min-width="168">
<el-table-column label="分账给谁" min-width="180">
<template slot-scope="s">
<template v-if="s.row.receiver_details && s.row.receiver_details.length">
<div v-for="(r, idx) in s.row.receiver_details" :key="idx" class="recv-block">
<div class="recv-line1">
<div class="recv-head">
<span class="recv-role">{{ r.role_label }}</span>
<span class="recv-name" :title="r.display_name">{{ r.display_name }}</span>
<span class="recv-amt">¥{{ formatMoney(r.amount) }}</span>
</div>
<div class="scroll-cell recv-name-line" @wheel="scrollCellWheel">
<span class="scroll-cell-inner">{{ r.display_name }}</span>
</div>
<div class="recv-line2 scroll-cell" @wheel="scrollCellWheel" v-if="r.account">
<span class="scroll-cell-inner mono-text">{{ r.account }}</span>
</div>
@@ -280,9 +293,19 @@
<span :class="'status-tag s' + s.row.status">{{ s.row.status_text }}</span>
</template>
</el-table-column>
<el-table-column label="失败原因" min-width="120">
<el-table-column label="失败原因" min-width="168">
<template slot-scope="s">
<div v-if="s.row.fail_reason" class="fail-text" :title="s.row.fail_reason">{{ s.row.fail_reason }}</div>
<div v-if="s.row.fail_reason_full || s.row.fail_reason" class="fail-cell">
<div class="fail-brief">{{ s.row.fail_reason || s.row.fail_reason_full }}</div>
<el-popover
v-if="s.row.fail_reason_full"
placement="left"
width="380"
trigger="click">
<pre class="fail-pop-full">{{ s.row.fail_reason_full }}</pre>
<span slot="reference" class="fail-more">查看完整原因</span>
</el-popover>
</div>
<span v-else style="color:#909399;">—</span>
</template>
</el-table-column>