diff --git a/src/assets/收款明细撤回背景.png b/src/assets/收款明细撤回背景.png new file mode 100644 index 0000000..8f9497f Binary files /dev/null and b/src/assets/收款明细撤回背景.png differ diff --git a/src/views/moneyManage/receiveDetail/receiveDetail.vue b/src/views/moneyManage/receiveDetail/receiveDetail.vue index b47a06d..5e080aa 100644 --- a/src/views/moneyManage/receiveDetail/receiveDetail.vue +++ b/src/views/moneyManage/receiveDetail/receiveDetail.vue @@ -96,19 +96,21 @@ - + + - - + + 待补充 - + 待补充 @@ -127,24 +129,51 @@ - -- + —— - - - - - + + + + + + + + + + {{ scope.row.rejectReason || '—' }} + + + + + {{ tooltipContent }} + + + + + 退款 - 编辑 - 撤回 + 编辑 + 撤回 审核 + + + + + - + @@ -176,10 +210,19 @@ - + + + + + + + 个 + - + + + @@ -188,18 +231,21 @@ - + - - - - - - + + + + + + + + - + + + @@ -242,7 +290,7 @@ - + @@ -306,7 +354,10 @@ - + + + @@ -315,7 +366,7 @@ - + @@ -359,12 +410,12 @@ - + 取消 - + 提交 @@ -414,14 +465,26 @@ const addFormisible = ref(false) const uploadRef = ref() -const openAddForm = () => { +const openAddForm = (row) => { + if (row) { + addFormData.value = row + } addFormisible.value = true } const closeAddForm = () => { addFormisible.value = false addFormData.value = {} } +//撤回弹窗 +const recallDialog = ref(false) +const openRecall = () => { + recallDialog.value = true +} +const closeRecall = () => { + recallDialog.value = false +} +//图片上传 const handleImgSuccess = (response, uploadFile) => { try { console.log('11', response) @@ -484,7 +547,7 @@ const editFormData = ref({ }) const editFormisible = ref(false) const openEditForm = (row) => { - console.log('编辑时该行数据:',row); + console.log('编辑时该行数据:', row); editFormData.value = row editFormisible.value = true } @@ -492,6 +555,10 @@ const closeEditForm = () => { editFormisible.value = false editFormData.value = {} } +//提交编辑 +const submitEditForm = () => { + +} //================== 审核相关 ========================= const auditFormData = ref({ @@ -536,128 +603,192 @@ const pageInfo = ref({ pageSize: 10, pageNum: 1 }) - - const total = ref(0) + +// ============ 已驳回相关 =========================== +// 提示框状态管理 +const showTooltip = ref(false); +const tooltipContent = ref(''); +const tooltipLeft = ref(0); +const tooltipTop = ref(0); +const tooltipWidth = 200; +// 鼠标进入时显示提示框 +const handleMouseEnter = (e, content) => { + if (content) { + showTooltip.value = true; + tooltipContent.value = content; + handleMouseMove(e); + } +}; + +// 鼠标离开时隐藏提示框 +const handleMouseLeave = () => { + showTooltip.value = false; + tooltipContent.value = ''; +}; + +// 鼠标移动时更新提示框位置(显示在鼠标左侧) +const handleMouseMove = (e) => { + // 左侧显示:鼠标X坐标 - 提示框宽度 - 偏移量 + tooltipLeft.value = e.clientX - tooltipWidth - 10; + // Y坐标与鼠标保持一致(垂直居中对齐) + tooltipTop.value = e.clientY - 10; +}; const tableData = [ - { - "jwcode": "HM2024001", - "name": "张三", - "market": "华东区", - "activity": "2024春季促销活动", - "rateName": "年度会员套餐A", - "money": "人民币", - "permanentGold": 2980.00, - "moneyType": "人民币", - "getMoney": 2980.00, - "shouxufei": 59.60, - "pastType": "支付宝转账", - "remark": "2024-05-10 09:23", - "voucher": "https://example.com/voucher/1.jpg", - "payModel": "https://example.com/icon/alipay.png", - "bankOrder": "ALIPAY2024051000001", - "submiter": "李四(运营部)", - "auditor": "王五(财务部)", - "mask": "客户主动购买,无特殊备注", - "getMoneyTime": "2024-05-10 10:05", - "orderStatus": "已通过" - }, - { - "jwcode": "HM2024002", - "name": "李四", - "market": "华北区", - "activity": "新客首单优惠", - "rateName": "季度体验套餐B", - "money": "美元", - "permanentGold": 99.00, - "moneyType": "人民币", - "getMoney": 712.00, - "shouxufei": 14.24, - "pastType": "PayPal", - "remark": "2024-05-11 14:56", - "voucher": "https://example.com/voucher/2.jpg", - "payModel": "https://example.com/icon/paypal.png", - "bankOrder": "PAYPAL2024051100002", - "submiter": "赵六(国际部)", - "auditor": "孙七(财务部)", - "mask": "跨境支付,汇率按当日中间价计算", - "getMoneyTime": "2024-05-12 08:30", - "orderStatus": "待审核" - }, - { - "jwcode": "HM2024003", - "name": "王五", - "market": "华南区", - "activity": "老客召回活动", - "rateName": "月度续费套餐C", - "money": "人民币", - "permanentGold": 399.00, - "moneyType": "人民币", - "getMoney": null, - "shouxufei": null, - "pastType": "微信支付", - "remark": "2024-05-12 11:18", - "voucher": "https://example.com/voucher/3.jpg", - "payModel": "https://example.com/icon/wechat.png", - "bankOrder": "WECHAT2024051200003", - "submiter": "钱八(客服部)", - "auditor": null, - "mask": "到账信息待财务补充", - "getMoneyTime": null, - "orderStatus": "已撤回" - }, - { - "jwcode": "HM2024004", - "name": "赵六", - "market": "西区", - "activity": "企业团购活动", - "rateName": "企业定制套餐D", - "money": "人民币", - "permanentGold": 15800.00, - "moneyType": "人民币", - "getMoney": 15800.00, - "shouxufei": 316.00, - "pastType": "银行对公转账", - "remark": "2024-05-13 09:45", - "voucher": "https://example.com/voucher/4.jpg", - "payModel": "https://example.com/icon/bank.png", - "bankOrder": "BANK2024051300004", - "submiter": "周九(销售部)", - "auditor": "吴十(财务部)", - "mask": "10人企业团单,享受95折优惠", - "getMoneyTime": "2024-05-13 11:20", - "orderStatus": "已通过" - }, - { - "jwcode": "HM2024005", - "name": "孙七", - "market": "东北区", - "activity": "节日特惠活动", - "rateName": "年度会员套餐A", - "money": "人民币", - "permanentGold": 2780.00, - "moneyType": "人民币", - "getMoney": 2780.00, - "shouxufei": 55.60, - "pastType": "银联支付", - "remark": "2024-05-14 15:30", - "voucher": null, - "payModel": null, - "bankOrder": "UNIONPAY2024051400005", - "submiter": "郑一(市场部)", - "auditor": "王二(财务部)", - "mask": "凭证暂未上传,已提醒客户补充", - "getMoneyTime": "2024-05-14 16:45", - "orderStatus": "待审核" - } + { + "jwcode": "HM20240601", + "name": "张三", + "market": "华东区", + "activity": "2024年中促销", + "rateName": "年度会员套餐A", + "moneyType": "人民币", + "permanentGold": 2980.00, + "getMoneyType": "人民币", + "getMoney": 2980.00, + "shouxufei": 59.60, + "pastType": "支付宝转账", + "remark": "2024-06-01 09:30", + "voucher": "https://mock-img.com/voucher/2024060101.jpg", + "payModel": "https://mock-img.com/icon/alipay.png", + "bankOrder": "ALIPAY202406010001", + "submiter": "李四(运营部)", + "auditor": "王五(财务部)", + "mask": "客户主动购买,无特殊需求", + "rejectTime": null, + "rejectReason": null, + "getMoneyTime": "2024-06-01 10:15", + "orderStatus": "已撤回" + }, + { + "jwcode": "HM20240602", + "name": "李四", + "market": "华北区", + "activity": "新客首单优惠", + "rateName": "季度体验套餐B", + "moneyType": "美元", + "permanentGold": 99.00, + "getMoneyType": "人民币", + "getMoney": 712.50, + "shouxufei": 14.25, + "pastType": "PayPal", + "remark": "2024-06-02 14:15", + "voucher": "https://mock-img.com/voucher/2024060201.jpg", + "payModel": "https://mock-img.com/icon/paypal.png", + "bankOrder": "PAYPAL202406020001", + "submiter": "赵六(国际部)", + "auditor": "孙七(财务部)", + "mask": "跨境支付,汇率按当日中间价计算", + "rejectTime": null, + "rejectReason": null, + "getMoneyTime": "2024-06-02 16:40", + "orderStatus": "已通过" + }, + { + "jwcode": "HM20240603", + "name": "王五", + "market": "华南区", + "activity": "老客召回活动", + "rateName": "月度续费套餐C", + "moneyType": "人民币", + "permanentGold": 399.00, + "getMoneyType": null, + "getMoney": null, + "shouxufei": null, + "pastType": "微信支付", + "remark": "2024-06-03 11:20", + "voucher": "https://mock-img.com/voucher/2024060301.jpg", + "payModel": "https://mock-img.com/icon/wechat.png", + "bankOrder": null, + "submiter": "钱八(客服部)", + "auditor": null, + "mask": "待财务补充到账信息", + "rejectTime": null, + "rejectReason": null, + "getMoneyTime": null, + "orderStatus": "待审核" + }, + { + "jwcode": "HM20240604", + "name": "赵六", + "market": "西区", + "activity": "企业团购活动", + "rateName": "企业定制套餐D", + "moneyType": "人民币", + "permanentGold": 15800.00, + "getMoneyType": null, + "getMoney": null, + "shouxufei": null, + "pastType": "银行对公转账", + "remark": "2024-06-04 09:05", + "voucher": null, + "payModel": null, + "bankOrder": null, + "submiter": "周九(销售部)", + "auditor": "吴十(财务部)", + "mask": null, + "rejectTime": "2024-06-04 10:30", + "rejectReason": "未上传转账凭证,需补充后重新提交", + "getMoneyTime": null, + "orderStatus": "已驳回" + }, + { + "jwcode": "HM20240605", + "name": "孙七", + "market": "东北区", + "activity": "节日特惠活动", + "rateName": "年度会员套餐A", + "moneyType": "人民币", + "permanentGold": 2780.00, + "getMoneyType": "人民币", + "getMoney": 2780.00, + "shouxufei": 55.60, + "pastType": "银联支付", + "remark": "2024-06-05 15:40", + "voucher": "https://mock-img.com/voucher/2024060501.jpg", + "payModel": "https://mock-img.com/icon/unionpay.png", + "bankOrder": "UNION202406050001", + "submiter": "郑一(市场部)", + "auditor": "王二(财务部)", + "mask": "客户使用节日优惠券,已核减200元", + "rejectTime": null, + "rejectReason": null, + "getMoneyTime": "2024-06-05 16:25", + "orderStatus": "已通过" + }, + { + "jwcode": "HM20240606", + "name": "周八", + "market": "华北区", + "activity": "新客首单优惠", + "rateName": "季度体验套餐B", + "moneyType": "人民币", + "permanentGold": 359.00, + "getMoneyType": null, + "getMoney": null, + "shouxufei": null, + "pastType": "微信支付", + "remark": "2024-06-06 13:10", + "voucher": "https://mock-img.com/voucher/2024060601.jpg", + "payModel": "https://mock-img.com/icon/wechat.png", + "bankOrder": null, + "submiter": "吴九(客服部)", + "auditor": "郑十(财务部)", + "mask": null, + "rejectTime": "2024-06-06 14:00", + "rejectReason": "付款金额与订单金额不符(订单359元,实付349元)", + "getMoneyTime": null, + "orderStatus": "已驳回" + } ]