diff --git a/src/views/Transfers.vue b/src/views/Transfers.vue index 7515a86..cf52c86 100644 --- a/src/views/Transfers.vue +++ b/src/views/Transfers.vue @@ -145,6 +145,17 @@ ¥{{ row.amount }} + + + + + 实际支付:¥{{ row.near_payment }} + {{ row.pay_method }} + 识别结果 + + + + @@ -175,7 +186,7 @@ {{ row.confirmed_at ? formatDate(row.confirmed_at) : '-' }} - + @@ -255,7 +266,7 @@ - + + + + + + {{ payDetailDialog.text }} + + @@ -526,6 +548,11 @@ const forceChangeRules = { ] } +const payDetailDialog = ref({ + visible: false, + text: '' +}) + // 方法 /** * 获取转账记录列表 @@ -861,6 +888,14 @@ const getStatusTagType = (status) => { return statusMap[status] || '' } +const getPayTagType = (payMethod) => { + const payMap = { + '信用卡': 'danger', + '花呗': 'danger' + } + return payMap[payMethod] || 'info' +} + const formatDate = (dateString) => { if (!dateString) return '-' return new Date(dateString).toLocaleString('zh-CN') @@ -950,6 +985,11 @@ const createTransfer = async () => { } } +const showPayDetail = (transfer) => { + payDetailDialog.value.visible = true + payDetailDialog.value.text = transfer.describe_orc +} + @@ -1062,10 +1102,6 @@ onMounted(async () => { box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } -.detail-container { - padding: 20px 0; -} - .proof-section { margin-top: 20px; } @@ -1082,6 +1118,31 @@ onMounted(async () => { box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1); } +.detail-container { + display: grid; + place-items: center; +} + +.detail-buttom { + color: #409eff; + cursor: pointer; + font-size: 10px; +} + +.detail-buttom:hover { + text-decoration: underline; +} + +.pay-detail-text { + white-space: pre-line; + word-break: break-word; + padding: 10px; + background-color: #f5f7fa; + border-radius: 4px; + border-left: 3px solid #409eff; + font-size: large; +} + .user-balance-info { margin-top: 5px; padding: 5px 10px;