huangqizhen
/
gold-vue
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

feat(i18n): 添加多语言支持并更新退款相关页面 

为退款服务和管理页面添加国际化支持，包括中英文翻译
更新退款申请、审核流程和状态显示的文本
优化表单字段和按钮的多语言处理
添加新的翻译键和对应的文本内容
milestone-20251209-多语言二期^2
zhangrenyuan 1 month ago
parent
811b70f005
commit
49b7cb625d
6 changed files with 701 additions and 588 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 35
      src/components/locales/lang/en.js
  2. 35
      src/components/locales/lang/zh-CN.js
  3. 298
      src/views/moneyManage/refundDetail/refundCharge.vue
  4. 373
      src/views/moneyManage/refundDetail/refundFinance.vue
  5. 318
      src/views/moneyManage/refundDetail/refundHeader.vue
  6. 230
      src/views/moneyManage/refundDetail/refundService.vue

35
src/components/locales/lang/en.js
View File

@ -109,6 +109,8 @@ export default {
uploadHint: "Drag file here or click",
pendingFee: "Fee Pending",
viewRejectReason: "Reject Reason",
viewProgress: "View Progress",
viewProgress: "View Progress",
// Buttons-Date
today: "Today",
yesterday: "Yesterday",
@ -157,6 +159,9 @@ export default {
},
noData: "No Data",
all: "All",
unknownSubmitter: "Unknown submitter",
noAuditorRecorded: "No auditor recorded",
noExecutorRecorded: "No executor recorded",
},
// Permission Module
@ -224,6 +229,10 @@ export default {
checkAccountFormat: "Check OA format",
deviceLimitReached: "Device limit reached",
noParentRoleMarket: "Parent role has no region",
inputRefundBeansBoth: "Enter refund coin and free coin counts",
limitRefundGoldNotExceedOriginal: "Refund coins cannot exceed original coins",
limitRefundFreeNotExceedOriginal: "Refund free coins cannot exceed original free coins",
refundAmountError: "Refund amount incorrect",
roleAddSuccess: "Role {roleName} added",
enableSuccess: "Enabled",
disableSuccess: "Disabled",
@ -407,11 +416,11 @@ export default {
payPlatform: "Platform",
type: "Type",
orderNo: "Order No.",
number: "Qty",
number: "number",
money: "Amount",
goodsName: "Product Name",
productName: "Product",
productNum: "Qty",
productNum: "productNum",
refundType: "Refund Type",
refundModel: "Refund Method",
refundModelAll: "Full Refund",
@ -422,6 +431,7 @@ export default {
refundChannels: "Refund Via",
refundVoucher: "Refund IMG",
refundSuccess: "Refund Success",
refundReason: "Refund Reason",
activity: "Activity",
businessBelong: "Region",
startTime: "Start Time",
@ -452,8 +462,9 @@ export default {
updateTime: "Update Time",
receiveTime: "Received Time",
rejectTime: "Reject Time",
rejectReason: "Reason",
operation: "Action",
rejectReason: "Reject Reason",
refundReason: "Refund Reason",
operation: "Operation",
// Gold Bean
permanentBean: "Paid Beans",
freeBean: "Free Beans",
@ -505,7 +516,7 @@ export default {
fileName: "File Name",
status: "Status",
createTime: "Created At",
operation: "Action",
operation: "Operation",
download: "Download",
close: "Close",
},
@ -528,6 +539,8 @@ export default {
vietnamesePlaceholder: "Enter Vietnamese",
addTranslation: "Add Trans",
editTranslation: "Edit Trans",
refundApplyInfo: "Refund Request Info",
originalOrderInfo: "Original Order Info",
// User & Role
addUserPermission: "Add User Perm",
editUserPermission: "Edit User Perm",
@ -567,7 +580,7 @@ export default {
goodsName: "Product",
productName: "Product",
productNamePlaceholder: "Select product",
productNum: "Qty",
productNum: "productNum",
productNumPlaceholder: "Enter quantity",
numUnit: "Unit",
payCurrency: "Pay Currency",
@ -689,7 +702,7 @@ export default {
paymentTime: "Pay Time",
submitTime: "Submit Time",
auditTime: "Audit Time",
operation: "Action",
operation: "Operation",
// Refund Audit List
orderCode: "Order No.",
refundType: "Type",
@ -982,6 +995,13 @@ export default {
// Cash Management
cash: {
refundProgress: "Refund Progress",
progress: {
areaFinance: "Area Finance",
areaCharge: "Area Manager",
headFinance: "HQ Finance",
executor: "Executor",
},
receiveCashDataTitle: "Note",
receiveCashDataContent:
"All receipt pages: Default sort by payment time (desc)",
@ -1100,6 +1120,7 @@ export default {
taiwanStockPackage: "TW Pack",
},
statusList: {
submitted: "Submitted",
pending: "Pending",
passed: "Passed",
recalled: "Recalled",

35
src/components/locales/lang/zh-CN.js
View File

@ -92,6 +92,7 @@ export default {
pass: "通过",
close: "关闭",
reject: "驳回",
rejectInfo: "驳回信息",
cancel: "取消",
confirm: "确认",
submit: "提交",
@ -109,12 +110,14 @@ export default {
uploadHint: "将文件拖到此处，或点击上传",
pendingFee: "待填写手续费",
viewRejectReason: "查看驳回理由",
viewProgress: "查看进度",
// 按钮组-日期
today: "今",
yesterday: "昨",
last7Days: "近7天",
// 按钮组-现金管理-审核
pendingAudit: "待审核",
audited: "已审核",
passed: "已通过",
completed: "已完成",
withdrawn: "已撤回",
@ -154,11 +157,12 @@ export default {
// 市场
markets: {
headquarters: "总部",
}
,
noData: "暂无数据"
,
all: "全部"
},
noData: "暂无数据",
all: "全部",
unknownSubmitter: "未知提交人",
noAuditorRecorded: "未记录审核人",
noExecutorRecorded: "未记录执行人"
},
// 权限模块
@ -223,6 +227,10 @@ export default {
checkAccountFormat: "请检查OA号格式",
deviceLimitReached: "设备数量已达上限",
noParentRoleMarket: "该上级角色无归属地区",
inputRefundBeansBoth: "请输入退款金币数和免费金币数",
limitRefundGoldNotExceedOriginal: "退款金币数不能大于原金币数",
limitRefundFreeNotExceedOriginal: "退款免费金币数不能大于原免费金币数",
refundAmountError: "退款金额填写有误",
roleAddSuccess: "角色{roleName}添加成功",
enableSuccess: "启用成功",
disableSuccess: "禁用成功",
@ -423,6 +431,7 @@ export default {
refundChannels: "退款途径",
refundVoucher: "退款截图",
refundSuccess: "退款成功",
refundReason: "退款理由",
activity: "活动名称",
businessBelong: "业绩归属地",
startTime: "开始时间",
@ -454,6 +463,7 @@ export default {
receiveTime: "到账时间",
rejectTime: "驳回时间",
rejectReason: "驳回理由",
rejectRemark: "驳回备注",
operation: "操作",
// 金豆相关
permanentBean: "付费金豆",
@ -531,6 +541,8 @@ export default {
vietnamesePlaceholder: "请输入越南文",
addTranslation: "新增翻译",
editTranslation: "编辑翻译",
refundApplyInfo: "退款申请信息",
originalOrderInfo: "原订单信息",
// 用户与角色管理
addUserPermission: "新增用户权限",
editUserPermission: "编辑用户权限",
@ -555,6 +567,8 @@ export default {
customerNamePlaceholder: "请输入客户姓名",
rejectReason: "驳回理由",
rejectReasonPlaceholder: "请输入驳回理由",
rejectRemark: "驳回备注",
rejectRemarkPlaceholder: "请输入驳回备注",
market: "所属地区",
marketPlaceholder: "请输入所属地区",
activity: "活动名称",
@ -1009,6 +1023,13 @@ export default {
// 现金管理
cash: {
refundProgress: "退款进度",
progress: {
areaFinance: "地区财务",
areaCharge: "地区负责人",
headFinance: "总部财务",
executor: "指定执行人",
},
// 收款管理
receiveCashDataTitle: "数据说明",
receiveCashDataContent: "收款的所有页面：订单记录默认按照付款时间降序排列",
@ -1132,11 +1153,13 @@ export default {
},
// 审核状态
statusList: {
submitted: "已提交",
pending: "待审核",
passed: "已通过",
passed: "审核通过",
recalled: "已撤回",
refunded: "退款",
rejected: "已驳回",
inProgress: "进行中",
},
// 执行明细
pending: "待处理",

298
src/views/moneyManage/refundDetail/refundCharge.vue
View File

@ -3,96 +3,96 @@
<el-card style="margin-bottom: 0.5vh;background-color: rgb(243,250,254);">
<div class="condition">
<div class="item1">
<el-text size="large" style="width:4vw;">精网号</el-text>
<el-input v-model="searchForm.jwcode" placeholder="请输入精网号" style="width:9vw;" clearable />
<el-text size="large" style="width:4vw;">{{ t('common.jwcode') }}</el-text>
<el-input v-model="searchForm.jwcode" :placeholder="t('common.jwcodePlaceholder')" style="width:9vw;" clearable />
</div>
<div class="item1">
<el-text size="large" style="width:4vw;">客户姓名</el-text>
<el-input v-model="searchForm.name" placeholder="请输入客户姓名" style="width:9vw;" clearable />
<el-text size="large" style="width:4vw;">{{ t('common.customerName') }}</el-text>
<el-input v-model="searchForm.name" :placeholder="t('common.customerNamePlaceholder')" style="width:9vw;" clearable />
</div>
<div class="item1">
<el-text size="large" style="width:4vw;">产品名称</el-text>
<el-text size="large" style="width:4vw;">{{ t('common.productName') }}</el-text>
<el-cascader v-model="searchForm.goodsName" :options="productList" style="width: 10vw;"
placeholder="请选择产品名称" clearable />
:placeholder="t('common.productNamePlaceholder')" clearable />
</div>
<div class="item1" v-if="adminData.markets === '总部'">
<el-text size="large" style="width:4vw;">所属地区</el-text>
<el-cascader style="width: 9vw;" v-model="searchForm.markets" :options="market" placeholder="请选择所属地区"
<div class="item1" v-if="isHeadquarters">
<el-text size="large" style="width:4vw;">{{ t('common.market') }}</el-text>
<el-cascader style="width: 9vw;" v-model="searchForm.markets" :options="market" :placeholder="t('common.marketPlaceholder')"
clearable @change="handleMarketChange" />
</div>
<div class="item1">
<el-text size="large" style="width:4vw;">订单状态</el-text>
<el-select v-model="searchForm.statuses" style="width:9vw;" placeholder="请选择订单状态" clearable>
<el-text size="large" style="width:4vw;">{{ t('common.orderStatus') }}</el-text>
<el-select v-model="searchForm.statuses" style="width:9vw;" :placeholder="t('common.orderStatusPlaceholder')" clearable>
<el-option v-for="item in statusList" :label="item" :value="item" :key="item" />
</el-select>
</div>
</div>
<div class="condition">
<div class="item2">
<el-text size="large" style="width:4vw;">付款币种</el-text>
<el-select v-model="searchForm.paymentCurrency" style="width:9vw;" placeholder="请选择付款币种" clearable>
<el-text size="large" style="width:4vw;">{{ t('common.payCurrency') }}</el-text>
<el-select v-model="searchForm.paymentCurrency" style="width:9vw;" :placeholder="t('common.payCurrencyPlaceholder')" clearable>
<el-option v-for="item in currencies" :key="item" :label="item" :value="item" />
</el-select>
</div>
<div class="item2">
<el-text size="large" style="width:4vw;">支付方式</el-text>
<el-select v-model="searchForm.payType" style="width:9vw;" placeholder="请选择支付方式" clearable>
<el-text size="large" style="width:4vw;">{{ t('common.payModel') }}</el-text>
<el-select v-model="searchForm.payType" style="width:9vw;" :placeholder="t('common.payModelPlaceholder')" clearable>
<el-option v-for="item in channelOptions" :key="item" :label="item" :value="item" />
</el-select>
</div>
<div class="item2" style="width: 28.5vw;">
<el-text size="large" style="width:4vw;">付款时间</el-text>
<el-date-picker v-model="dateRange" type="datetimerange" range-separator="至" start-placeholder="起始时间"
end-placeholder="结束时间" style="width:22vw;" @change="handleDatePickerChange" clearable
<el-text size="large" style="width:4vw;">{{ t('common.payTime') }}</el-text>
<el-date-picker v-model="dateRange" type="datetimerange" :range-separator="t('common.to')" :start-placeholder="t('common.startTime')"
:end-placeholder="t('common.endTime')" style="width:22vw;" @change="handleDatePickerChange" clearable
:disabled-date="disabledDate" :default-time="defaultTime" />
</div>
<div>
<el-button type="primary" @click="getRefund">查询</el-button>
<el-button type="warning" @click="exportExcel()">导出excel</el-button>
<el-button type="primary" @click="openExportList">查看导出列表</el-button>
<el-button type="success" @click="reset">重置</el-button>
<el-button type="primary" @click="getRefund">{{ t('common.search') }}</el-button>
<el-button type="warning" @click="exportExcel()">{{ t('common.exportExcel') }}</el-button>
<el-button type="primary" @click="openExportList">{{ t('common.viewExportList') }}</el-button>
<el-button type="success" @click="reset">{{ t('common.reset') }}</el-button>
</div>
</div>
</el-card>
<el-card style="margin-top: 0.5vh;background-color: rgb(231,244,253);">
<el-table :data="tableData" style="height:73vh;width:82vw">
<el-table-column type="index" label="序号" width="60" fixed="left">
<el-table-column type="index" :label="t('common_list.id')" width="60" fixed="left">
<template #default="scope">
{{ scope.$index + 1 + (pagination.pageNum - 1) * pagination.pageSize }}
</template>
</el-table-column>
<el-table-column prop="name" label="Homily ID" width="120" fixed="left" />
<el-table-column prop="jwcode" label="姓名" width="120" fixed="left" show-overflow-tooltip />
<el-table-column prop="marketName" label="所属地区" width="120" />
<el-table-column prop="goodsName" label="产品名称" width="130" show-overflow-tooltip />
<el-table-column prop="goodsNum" label="产品数量" width="120" />
<el-table-column prop="refundModel" label="退款方式" width="120">
<el-table-column prop="jwcode" :label="t('common_list.name')" width="120" fixed="left" show-overflow-tooltip />
<el-table-column prop="marketName" :label="t('common_list.market')" width="120" />
<el-table-column prop="goodsName" :label="t('common_list.productName')" width="130" show-overflow-tooltip />
<el-table-column prop="goodsNum" :label="t('common_list.productNum')" width="120" />
<el-table-column prop="refundModel" :label="t('common_list.refundModel')" width="120">
<template #default="scope">
{{ scope.row.refundModel === 1 ? '部分退款' : '全部退款' }}
{{ scope.row.refundModel === 1 ? t('common_list.refundModelPart') : t('common_list.refundModelAll') }}
</template>
</el-table-column>
<el-table-column prop="submitter" label="提交人" width="120" />
<el-table-column prop="refundReason" label="退款理由" width="120" show-overflow-tooltip />
<el-table-column prop="remark" label="备注" width="150" show-overflow-tooltip />
<el-table-column prop="status" label="订单状态" width="120">
<el-table-column prop="submitter" :label="t('common_list.submitter')" width="120" />
<el-table-column prop="refundReason" :label="t('common_list.refundReason')" width="120" show-overflow-tooltip />
<el-table-column prop="remark" :label="t('common_list.remark')" width="150" show-overflow-tooltip />
<el-table-column prop="status" :label="t('common_list.orderStatus')" width="120">
<template #default="scope">
{{
[20].includes(scope.row.status) ? '待审核' :
[30, 40].includes(scope.row.status) ? '审核通过' :
[22, 32].includes(scope.row.status) ? '已驳回' :
scope.row.status === 41 ? '退款成功' : scope.row.status
[20].includes(scope.row.status) ? t('cash.statusList.pending') :
[30, 40].includes(scope.row.status) ? t('cash.statusList.passed') :
[22, 32].includes(scope.row.status) ? t('cash.statusList.rejected') :
scope.row.status === 41 ? t('cash.refundSuccess') : scope.row.status
}}
</template>
</el-table-column>
<el-table-column prop="operation" label="操作" fixed="right" width="100px">
<el-table-column prop="operation" :label="t('common_list.operation')" fixed="right" width="140px">
<template #default="scope">
<div class="operation">
<el-button v-if="scope.row.status === 20" type="primary" text @click="showAudit(scope.row)">
审核
{{ t('common.audit') }}
</el-button>
<el-button v-else type="primary" text @click="showStep(scope.row)">
查看进度
{{ t('common.viewProgress') }}
</el-button>
</div>
</template>
@ -104,126 +104,126 @@
style="margin-top: 1vh;"></el-pagination>
</el-card>
<el-dialog v-model="showAudit2" title="审核" class="audit2" width="35vw" overflow draggable
<el-dialog v-model="showAudit2" :title="t('common.audit')" class="audit2" width="35vw" overflow draggable
style="background-color: #F3FAFE !important;">
<div class="top">
<el-button @click="" class="smallTitle" size="small">退款申请信息</el-button>
<el-button @click="" class="smallTitle" size="small">{{ t('common_add.refundApplyInfo') }}</el-button>
<div class="top-item">
<el-text style="width:4vw;" size="small">退款方式</el-text>
<el-text style="width:4vw;" size="small">{{ t('common_add.refundModel') }}</el-text>
<el-select v-model="auditRow.refundModel" size="small" style="width:10vw;" disabled>
<el-option label="全部退款" :value="0"></el-option>
<el-option label="部分退款" :value="1"></el-option>
<el-option :label="t('common_add.refundModelAll')" :value="0"></el-option>
<el-option :label="t('common_add.refundModelPart')" :value="1"></el-option>
</el-select>
</div>
<div class="top-item">
<el-text style="width:4vw;" size="small">永久金币</el-text>
<el-input v-model="auditRow.gold" size="small" style="width:10vw;" disabled />&nbsp;个
<el-text style="width:4vw;" size="small">{{ t('common_add.permanentGold') }}</el-text>
<el-input v-model="auditRow.gold" size="small" style="width:10vw;" disabled /><span>&nbsp;{{ t('common.个') }}</span>
</div>
<div class="top-item">
<el-text style="width:4vw;" size="small">免费金币</el-text>
<el-input v-model="auditRow.free" size="small" style="width:10vw;" disabled />&nbsp;个
<el-text style="width:4vw;" size="small">{{ t('common_add.freeGold') }}</el-text>
<el-input v-model="auditRow.free" size="small" style="width:10vw;" disabled /><span>&nbsp;{{ t('common.个') }}</span>
</div>
<div class="top-item">
<el-text style="width:4vw;" size="small">退款理由</el-text>
<el-text style="width:4vw;" size="small">{{ t('common_add.refundReason') }}</el-text>
<el-input v-model="auditRow.refundReason" size="small" style="width:10vw;" :rows="3" maxlength="100"
show-word-limit type="textarea" disabled />
</div>
</div>
<el-button @click="" class="smallTitle" size="small">原订单信息</el-button>
<el-button @click="" class="smallTitle" size="small">{{ t('common_add.originalOrderInfo') }}</el-button>
<div class="center">
<div class="center-left">
<div class="center-item">
<el-text style="width:4vw;" size="small">精网号</el-text>
<el-text style="width:4vw;" size="small">{{ t('common_add.jwcode') }}</el-text>
<el-input v-model="auditRow.jwcode" size="small" style="width:10vw;" disabled />
</div>
<div class="center-item">
<el-text style="width:4vw;" size="small">所属地区</el-text>
<el-text style="width:4vw;" size="small">{{ t('common_add.market') }}</el-text>
<el-input v-model="auditRow.marketName" size="small" style="width:10vw;" disabled />
</div>
<div class="center-item">
<el-text style="width:4vw;" size="small">产品名称</el-text>
<el-text style="width:4vw;" size="small">{{ t('common_add.productName') }}</el-text>
<el-input v-model="auditRow.goodsName" size="small" style="width:10vw;" disabled />
</div>
<div class="center-item">
<el-text style="width:4vw;" size="small">付款币种</el-text>
<el-text style="width:4vw;" size="small">{{ t('common_add.payCurrency') }}</el-text>
<el-input v-model="auditRow.paymentCurrency" size="small" style="width:10vw;" disabled />
</div>
<div class="center-item">
<el-text style="width:4vw;" size="small">付款金额</el-text>
<el-text style="width:4vw;" size="small">{{ t('common_add.payAmount') }}</el-text>
<el-input v-model="auditRow.paymentAmount" size="small" style="width:10vw;" disabled />
</div>
<div class="center-item">
<el-text style="width:4vw;" size="small">付款时间</el-text>
<el-text style="width:4vw;" size="small">{{ t('common_add.payTime') }}</el-text>
<el-input v-model="auditRow.payTime" size="small" style="width:10vw;" disabled />
</div>
<div class="center-item">
<el-text style="width:4vw;">转账凭证</el-text>
<el-text style="width:4vw;">{{ t('common_add.transferVoucher') }}</el-text>
<img v-if="auditRow.payVoucher" :src="auditRow.payVoucher"
style="width: 80px; height: 80px; object-fit: cover;">
<div v-else>
无转账凭证
{{ t('common_add.noTransferVoucher') }}
</div>
</div>
</div>
<div class="center-right">
<div class="right-item">
<el-text style="width:4vw;" size="small">客户姓名</el-text>
<el-text style="width:4vw;" size="small">{{ t('common_add.customerName') }}</el-text>
<el-input v-model="auditRow.name" size="small" style="width:10vw;" disabled />
</div>
<div class="right-item">
<el-text style="width:4vw;" size="small">活动名称</el-text>
<el-text style="width:4vw;" size="small">{{ t('common_add.activity') }}</el-text>
<el-input v-model="auditRow.activity" size="small" style="width:10vw;" disabled />
</div>
<div class="right-item">
<el-text style="width:4vw;" size="small">支付方式</el-text>
<el-text style="width:4vw;" size="small">{{ t('common_add.payMethod') }}</el-text>
<el-input v-model="auditRow.payType" size="small" style="width:10vw;" disabled />
</div>
<div class="right-item">
<el-text style="width:4vw;" size="small">到账币种</el-text>
<el-text style="width:4vw;" size="small">{{ t('common_add.receiveCurrency') }}</el-text>
<el-input v-model="auditRow.receivedCurrency" size="small" style="width:10vw;" disabled />
</div>
<div class="right-item">
<el-text style="width:4vw;" size="small">到账金额</el-text>
<el-text style="width:4vw;" size="small">{{ t('common_add.receiveAmount') }}</el-text>
<el-input v-model="auditRow.receivedAmount" size="small" style="width:10vw;" disabled />
</div>
<div class="right-item">
<el-text style="width:4vw;" size="small">到账时间</el-text>
<el-text style="width:4vw;" size="small">{{ t('common_add.receiveTime') }}</el-text>
<el-input v-model="auditRow.receivedTime" size="small" style="width:10vw;" disabled />
</div>
<div class="right-item">
<el-text style="width:4vw;" size="small">手续费</el-text>
<el-text style="width:4vw;" size="small">{{ t('common_add.fee') }}</el-text>
<el-input v-model="auditRow.handlingCharge" size="small" style="width:10vw;" disabled />
</div>
<div class="right-item">
<el-text style="width:4vw;" size="small">提交人</el-text>
<el-text style="width:4vw;" size="small">{{ t('common_add.submitter') }}</el-text>
<el-input v-model="auditRow.submitter" size="small" style="width:10vw;" disabled />
</div>
<div class="right-item">
<el-text style="width:4vw;" size="small">备注</el-text>
<el-text style="width:4vw;" size="small">{{ t('common_add.remark') }}</el-text>
<el-input v-model="auditRow.remark" size="small" style="width:10vw;" :row="3" maxlength="100"
type="textarea" show-word-limit disabled />
</div>
</div>
</div>
<div class="bottom">
<el-button class="smallTitle" size="small" v-show="showReject">驳回信息</el-button>
<el-button class="smallTitle" size="small" v-show="showReject">{{ t('common.rejectInfo') }}</el-button>
<div class="bottom-item" v-show="showReject">
<el-text style="width:4vw;" size="small">驳回备注</el-text>
<el-input v-model="addForm.remark" placeholder="请输入驳回备注" size="small" style="width:10vw;" :row="3"
<el-text style="width:4vw;" size="small">{{ t('common_add.rejectRemark') }}</el-text>
<el-input v-model="addForm.remark" :placeholder="t('common_add.rejectRemarkPlaceholder')" size="small" style="width:10vw;" :row="3"
maxlength="100" type="textarea" show-word-limit clearable />
</div>
<div style="text-align: center;" v-show="!showReject">
<el-button type="default" @click="showReject = true">驳回</el-button>
<el-button type="primary" @click="handlePass">通过</el-button>
<el-button type="default" @click="showReject = true">{{ t('common.reject') }}</el-button>
<el-button type="primary" @click="handlePass">{{ t('common.pass') }}</el-button>
</div>
<div style="text-align: center;" v-show="showReject">
<el-button type="default" @click="hideReject">取消</el-button>
<el-button type="primary" @click="handleReject">确定</el-button>
<el-button type="default" @click="hideReject">{{ t('common.cancel') }}</el-button>
<el-button type="primary" @click="handleReject">{{ t('common.confirm') }}</el-button>
</div>
</div>
</el-dialog>
<el-dialog v-model="showSteps" title="退款进度" overflow draggable width="1206px" height="506px" :style="{
<el-dialog v-model="showSteps" :title="t('cash.refundProgress')" overflow draggable width="1206px" height="506px" :style="{
backgroundImage: `url(${RefundChargeBackground})`,
backgroundSize: 'cover',
backgroundPosition: 'center'
@ -234,110 +234,110 @@
<el-step>
<template #title>
<div>
提交人<br>{{ submitter || '未知提交人' }}
{{ t('common_list.submitter') }}<br>{{ submitter || t('common.unknownSubmitter') }}
</div>
</template>
<template #icon>
<img src="@/assets/images/refund-approved.png" alt="已完成">
<img src="@/assets/images/refund-approved.png" :alt="t('common.completed')">
</template>
</el-step>
<el-step>
<template #title>
<div>
地区财务<br>{{ areaFinance || '未记录审核人' }}
{{ t('cash.progress.areaFinance') }}<br>{{ areaFinance || t('common.noAuditorRecorded') }}
</div>
</template>
<template #icon>
<img v-if="currentStep === 2" src="@/assets/images/refund-rejected.png" alt="已驳回">
<img v-else-if="currentStep === 1" src="@/assets/images/refund-approving.png" alt="待审核">
<img v-else-if="currentStep > 2" src="@/assets/images/refund-approved.png" alt="已审核">
<img v-if="currentStep === 2" src="@/assets/images/refund-rejected.png" :alt="t('common.rejected')">
<img v-else-if="currentStep === 1" src="@/assets/images/refund-approving.png" :alt="t('common.pendingAudit')">
<img v-else-if="currentStep > 2" src="@/assets/images/refund-approved.png" :alt="t('common.passed')">
</template>
</el-step>
<el-step>
<template #title>
<div>
地区负责人<br>{{ areaCharge || '未记录审核人' }}
{{ t('cash.progress.areaCharge') }}<br>{{ areaCharge || t('common.noAuditorRecorded') }}
</div>
</template>
<template #icon>
<img v-if="currentStep === 4" src="@/assets/images/refund-rejected.png" alt="已驳回">
<img v-else-if="currentStep === 3" src="@/assets/images/refund-approving.png" alt="待审核">
<img v-if="currentStep === 4" src="@/assets/images/refund-rejected.png" :alt="t('common.rejected')">
<img v-else-if="currentStep === 3" src="@/assets/images/refund-approving.png" :alt="t('common.pendingAudit')">
<img v-else-if="currentStep > 3 && currentStep != 4"
src="@/assets/images/refund-approved.png" alt="已审核">
<img v-else-if="currentStep < 3" src="@/assets/images/refund-waiting.png" alt="未开始">
src="@/assets/images/refund-approved.png" :alt="t('common.audited')">
<img v-else-if="currentStep < 3" src="@/assets/images/refund-waiting.png" :alt="t('common_list.activityStatus.notStarted')">
</template>
</el-step>
<el-step>
<template #title>
<div>
总部财务<br>{{ headFinance || '未记录审核人' }}
{{ t('cash.progress.headFinance') }}<br>{{ headFinance || t('common.noAuditorRecorded') }}
</div>
</template>
<template #icon>
<img v-if="currentStep === 6" src="@/assets/images/refund-rejected.png" alt="已驳回">
<img v-else-if="currentStep === 5" src="@/assets/images/refund-approving.png" alt="待审核">
<img v-if="currentStep === 6" src="@/assets/images/refund-rejected.png" :alt="t('common.rejected')">
<img v-else-if="currentStep === 5" src="@/assets/images/refund-approving.png" :alt="t('common.pendingAudit')">
<img v-else-if="currentStep > 5 && currentStep != 6"
src="@/assets/images/refund-approved.png" alt="已审核">
<img v-else-if="currentStep < 5" src="@/assets/images/refund-waiting.png" alt="未开始">
src="@/assets/images/refund-approved.png" :alt="t('common.audited')">
<img v-else-if="currentStep < 5" src="@/assets/images/refund-waiting.png" :alt="t('common_list.activityStatus.notStarted')">
</template>
</el-step>
<el-step>
<template #title>
<div>
指定执行人<br>{{ executor || '未记录执行人' }}
{{ t('cash.progress.executor') }}<br>{{ executor || t('common.noExecutorRecorded') }}
</div>
</template>
<template #icon>
<img v-if="currentStep === 7" src="@/assets/images/refund-approving.png" alt="待处理">
<img v-else-if="currentStep === 8" src="@/assets/images/refund-approved.png" alt="已完成">
<img v-else-if="currentStep < 7" src="@/assets/images/refund-waiting.png" alt="未开始">
<img v-if="currentStep === 7" src="@/assets/images/refund-approving.png" :alt="t('common_list.pending')">
<img v-else-if="currentStep === 8" src="@/assets/images/refund-approved.png" :alt="t('common.completed')">
<img v-else-if="currentStep < 7" src="@/assets/images/refund-waiting.png" :alt="t('common_list.activityStatus.notStarted')">
</template>
</el-step>
</el-steps>
</div>
<div class="steps-btn">
<el-button type="primary" @click="showSteps = false">确定</el-button>
<el-button type="primary" @click="showSteps = false">{{ t('common.confirm') }}</el-button>
</div>
</div>
</el-dialog>
<el-dialog v-model="exportListVisible" title="导出列表" width="80%">
<el-dialog v-model="exportListVisible" :title="t('common_export.exportList')" width="80%">
<el-table :data="exportList" style="width: 100% ;height: 60vh;" :loading="exportListLoading">
<el-table-column prop="fileName" label="文件名" />
<el-table-column prop="state" label="状态">
<el-table-column prop="fileName" :label="t('common_export.fileName')" />
<el-table-column prop="state" :label="t('common_export.status')">
<template #default="scope">
<el-tag :type="getTagType(scope.row.state)" :effect="scope.row.state === 3 ? 'light' : 'plain'">
{{ getTagText(scope.row.state) }}
</el-tag>
</template>
</el-table-column>
<el-table-column prop="createTime" label="创建时间">
<el-table-column prop="createTime" :label="t('common_export.createTime')">
<template #default="scope">
{{ moment(scope.row.createTime).format('YYYY-MM-DD HH:mm:ss') }}
</template>
</el-table-column>
<el-table-column label="操作">
<el-table-column :label="t('common_export.operation')">
<template #default="scope">
<el-button type="primary" size="small" @click="downloadExportFile(scope.row)"
:disabled="scope.row.state !== 2">
下载
{{ t('common_export.download') }}
</el-button>
</template>
</el-table-column>
</el-table>
<template #footer>
<div class="dialog-footer">
<el-button text @click="exportListVisible = false">关闭</el-button>
<el-button text @click="exportListVisible = false">{{ t('common_export.close') }}</el-button>
</div>
</template>
</el-dialog>
</template>
<script setup>
import { ref, onMounted } from 'vue'
import { ref, onMounted, computed } from 'vue'
import { ElMessage } from 'element-plus'
import API from '@/util/http.js'
const uploadUrl = 'https://api.homilychart.com/hljw/api/aws/upload'
@ -351,12 +351,18 @@ import moment from 'moment'
import { productList, CurrencyForId } from '@/views/moneyManage/receiveDetail/utils/staticData.js'
import RefundChargeBackground from '@/assets/images/refund-progress.png'
import { isNumber } from 'lodash'
import { useI18n } from 'vue-i18n'
const { t } = useI18n()
const currentStep = ref(0)// 进度图
const searchForm = ref({
jwcode: '',
markets: []
})
const isHeadquarters = computed(() => {
const m = adminData.value.markets
return m === t('common.markets.headquarters') || m === '总部' || m === 'Headquarters'
})
const isReject = ref(false)// 进度图有没有驳回状态
const addForm = ref({
remark: ''
@ -394,25 +400,51 @@ const statusStepMap = {
40: [7, false],
41: [8, false]
}
const currencies = ref(['美元(USD)', '港币(HKD)', '新币(SGD)', '马币(MYR)', '泰铢(THB)', '加币(CAD)', '越南盾(VDN)', '韩元(KRW)'])
const channelOptions = ref(["Stripe-链接收款", "PaymentAsia-链接收款", "Ipay88-链接收款", "银行转账", "刷卡", "现金", "支票", "Grabpay", "Nets", "E-Transfer", "Paypal"])
const statusList = ref(['待审核', '审核通过', '已驳回', '退款成功'])
const currencies = computed(() => [
t('cash.currency.usd'),
t('cash.currency.hkd'),
t('cash.currency.sgd'),
t('cash.currency.myr'),
t('cash.currency.thb'),
t('cash.currency.cad'),
t('cash.currency.vnd'),
t('cash.currency.krw')
])
const channelOptions = computed(() => [
t('cash.payMethods.stripe'),
t('cash.payMethods.paymentAsia'),
t('cash.payMethods.ipay88'),
t('cash.payMethods.bankTransfer'),
t('cash.payMethods.card'),
t('cash.payMethods.cash'),
t('cash.payMethods.check'),
t('cash.payMethods.grabpay'),
t('cash.payMethods.nets'),
t('cash.payMethods.transfer'),
t('cash.payMethods.paypal')
])
const statusList = computed(() => [
t('cash.statusList.pending'),
t('cash.statusList.passed'),
t('cash.statusList.rejected'),
t('cash.refundSuccess')
])
// 查全部
const getRefund = async function () {
if (!hasMenuPermission(menuTree.value, permissionMapping.view_area_manager_refund)) {
ElMessage.error('无此权限')
ElMessage.error(t('elmessage.noPermission'))
return
}
try {
const payCurrencySelect = ref('')
const statuses = ref([20, 22, 30, 32, 40, 41]) // 看不到进度没到这里的
if (searchForm.value.statuses === '审核通过') {
if (searchForm.value.statuses === t('cash.statusList.passed')) {
statuses.value = [30, 40]
} else if (searchForm.value.statuses === '已驳回') {
} else if (searchForm.value.statuses === t('cash.statusList.rejected')) {
statuses.value = [22, 32]
} else if (searchForm.value.statuses === '待审核') {
} else if (searchForm.value.statuses === t('cash.statusList.pending')) {
statuses.value = [20]
} else if (searchForm.value.statuses === '退款成功') {
} else if (searchForm.value.statuses === t('cash.refundSuccess')) {
statuses.value = [41]
} else {
statuses.value = [20, 22, 30, 32, 40, 41]
@ -424,13 +456,13 @@ const getRefund = async function () {
if (searchForm.value.jwcode) {
const isPositiveInteger = /^[1-9]\d*$/.test(searchForm.value.jwcode);
if (!isPositiveInteger) {
ElMessage.error('请输入正确的精网号')
ElMessage.error(t('elmessage.checkJwcodeFormat'))
return;
}
}
// 增加精网号长度限制，防止后端400错误
if (searchForm.value.jwcode.length > 8) {
ElMessage.error('精网号长度不能超过8位')
ElMessage.error(t('elmessage.limitJwcodeLength'))
return;
}
@ -467,13 +499,13 @@ const getRefund = async function () {
tableData.value = result.data.list || []
pagination.value.total = result.data.total || 0
} catch (error) {
ElMessage.error(error.message || '查询失败')
ElMessage.error(error.message || t('elmessage.searchFailed'))
}
}
// 审核通过
const handlePass = async function () {
if (!hasMenuPermission(menuTree.value, permissionMapping.audit_area_manager_refund)) {
ElMessage.error('无此权限')
ElMessage.error(t('elmessage.noPermission'))
return
}
try {
@ -490,18 +522,18 @@ const handlePass = async function () {
data: params
})
if (result.code === 200) {
ElMessage.success('审核通过')
ElMessage.success(t('elmessage.approveSuccess'))
showAudit2.value = false
getRefund()
}
} catch (error) {
ElMessage.error(error.message || '审核失败')
ElMessage.error(error.message || t('elmessage.approveFailed'))
}
}
// 审核驳回
const handleReject = async function () {
if (!hasMenuPermission(menuTree.value, permissionMapping.audit_area_manager_refund)) {
ElMessage.error('无此权限')
ElMessage.error(t('elmessage.noPermission'))
return
}
try {
@ -519,19 +551,19 @@ const handleReject = async function () {
data: params
})
if (result.code === 200) {
ElMessage.success('审核驳回')
ElMessage.success(t('elmessage.rejectSuccess'))
getRefund()
addForm.value.remark = ''
showAudit2.value = false
showReject.value = false
}
} catch (error) {
ElMessage.error(error.message || '审核失败')
ElMessage.error(error.message || t('elmessage.approveFailed'))
}
}
const showStep = function (row) {
if (!hasMenuPermission(menuTree.value, permissionMapping.track_area_manager_refund_progress)) {
ElMessage.error('无此权限')
ElMessage.error(t('elmessage.noPermission'))
return
}
@ -638,7 +670,7 @@ const exportExcel = async function () {
}
const res = await API({ url: '/export/exportFinance', data: params })
if (res.code === 200) {
ElMessage.success('导出成功')
ElMessage.success(t('elmessage.exportSuccess'))
}
}
const openExportList = () => {
@ -655,11 +687,11 @@ const getExportList = async () => {
})
exportList.value = filteredData
} else {
ElMessage.error(result.msg || '获取导出列表失败')
ElMessage.error(result.msg || t('elmessage.getExportListError'))
}
} catch (error) {
console.error('获取导出列表出错:', error)
ElMessage.error('获取导出列表失败，请稍后重试')
ElMessage.error(t('elmessage.getExportListError'))
} finally {
exportListLoading.value = false
}
@ -671,7 +703,7 @@ const downloadExportFile = (item) => {
link.download = item.fileName
link.click()
} else {
ElMessage.warning('文件还在导出中，请稍后再试')
ElMessage.warning(t('elmessage.exportingInProgress'))
}
}
//根据状态返回对应的标签类型
@ -693,15 +725,15 @@ const getTagType = (state) => {
const getTagText = (state) => {
switch (state) {
case 0:
return '待执行';
return t('elmessage.pendingExecution');
case 1:
return '执行中';
return t('elmessage.executing');
case 2:
return '执行完成';
return t('elmessage.executed');
case 3:
return '执行出错';
return t('elmessage.errorExecution');
default:
return '未知状态';
return t('elmessage.unknownStatus');
}
}
const hideReject = function () {
@ -887,4 +919,4 @@ onMounted(() => {
align-items: center;
}
}
</style>
</style>

373
src/views/moneyManage/refundDetail/refundFinance.vue
View File

@ -3,24 +3,24 @@
<el-card style="margin-bottom: 0.5vh;background-color: rgb(243,250,254);">
<div class="condition">
<div class="item1">
<el-text size="large" style="width:4vw;">精网号</el-text>
<el-input v-model="searchForm.jwcode" placeholder="请输入精网号" style="width:9vw;" clearable />
<el-text size="large" style="width:4vw;">{{ t('common.jwcode') }}</el-text>
<el-input v-model="searchForm.jwcode" :placeholder="t('common.jwcodePlaceholder')" style="width:9vw;" clearable />
</div>
<div class="item1">
<el-text size="large" style="width:4vw;">客户姓名</el-text>
<el-input v-model="searchForm.name" placeholder="请输入客户姓名" style="width:9vw;" clearable />
<el-text size="large" style="width:4vw;">{{ t('common.customerName') }}</el-text>
<el-input v-model="searchForm.name" :placeholder="t('common.customerNamePlaceholder')" style="width:9vw;" clearable />
</div>
<div class="item1">
<el-text size="large" style="width:4vw;">产品名称</el-text>
<el-text size="large" style="width:4vw;">{{ t('common.productName') }}</el-text>
<el-cascader v-model="searchForm.goodsName" :options="productList" style="width: 10vw;" clearable />
</div>
<div class="item1" v-if="adminData.markets === '总部'">
<el-text size="large" style="width:4vw;">所属地区</el-text>
<el-cascader style="width: 9vw;" v-model="searchForm.markets" :options="market" placeholder="请选择所属地区"
<div class="item1" v-if="isHeadquarters">
<el-text size="large" style="width:4vw;">{{ t('common.market') }}</el-text>
<el-cascader style="width: 9vw;" v-model="searchForm.markets" :options="market" :placeholder="t('common.marketPlaceholder')"
clearable @change="handleMarketChange" />
</div>
<div class="item1">
<el-text size="large" style="width:4vw;">订单状态</el-text>
<el-text size="large" style="width:4vw;">{{ t('common.orderStatus') }}</el-text>
<el-select v-model="searchForm.statuses" style="width:9vw;" clearable>
<el-option v-for="item in statusList" :label="item" :value="item" :key="item" />
</el-select>
@ -28,70 +28,70 @@
</div>
<div class="condition">
<div class="item2">
<el-text size="large" style="width:4vw;">付款币种</el-text>
<el-text size="large" style="width:4vw;">{{ t('common.payCurrency') }}</el-text>
<el-select v-model="searchForm.paymentCurrency" style="width:9vw;" clearable>
<el-option v-for="item in currencies" :key="item" :label="item" :value="item" />
</el-select>
</div>
<div class="item2">
<el-text size="large" style="width:4vw;">支付方式</el-text>
<el-text size="large" style="width:4vw;">{{ t('common.payModel') }}</el-text>
<el-select v-model="searchForm.payType" style="width:9vw;" clearable>
<el-option v-for="item in channelOptions" :key="item" :label="item" :value="item" />
</el-select>
</div>
<div class="item2" style="width: 28.5vw;">
<el-text size="large" style="width:4vw;">付款时间</el-text>
<el-date-picker v-model="dateRange" type="datetimerange" range-separator="至" start-placeholder="起始时间"
end-placeholder="结束时间" style="width:22vw;" @change="handleDatePickerChange" clearable
<el-text size="large" style="width:4vw;">{{ t('common.payTime') }}</el-text>
<el-date-picker v-model="dateRange" type="datetimerange" :range-separator="t('common.to')" :start-placeholder="t('common.startTime')"
:end-placeholder="t('common.endTime')" style="width:22vw;" @change="handleDatePickerChange" clearable
:disabled-date="disabledDate" :default-time="defaultTime" />
</div>
<div>
<el-button type="primary" @click="getRefund">查询</el-button>
<el-button type="warning" @click="exportExcel()">导出excel</el-button>
<el-button type="primary" @click="openExportList">查看导出列表</el-button>
<el-button type="success" @click="reset">重置</el-button>
<el-button type="primary" @click="getRefund">{{ t('common.search') }}</el-button>
<el-button type="warning" @click="exportExcel()">{{ t('common.exportExcel') }}</el-button>
<el-button type="primary" @click="openExportList">{{ t('common.viewExportList') }}</el-button>
<el-button type="success" @click="reset">{{ t('common.reset') }}</el-button>
</div>
</div>
</el-card>
<el-card style="margin-top: 0.5vh;background-color: rgb(231,244,253);">
<el-table :data="tableData" style="height:73vh;width:82vw">
<el-table-column type="index" label="序号" width="60" fixed="left">
<el-table-column type="index" :label="t('common_list.id')" width="60" fixed="left">
<template #default="scope">
{{ scope.$index + 1 + (pagination.pageNum - 1) * pagination.pageSize }}
</template>
</el-table-column>
<el-table-column prop="jwcode" label="Homily ID" width="120" fixed="left" />
<el-table-column prop="name" label="姓名" width="120" fixed="left" show-overflow-tooltip />
<el-table-column prop="marketName" label="所属地区" width="120" />
<el-table-column prop="goodsName" label="产品名称" width="130" show-overflow-tooltip />
<el-table-column prop="goodsNum" label="产品数量" width="120" />
<el-table-column prop="refundModel" label="退款方式" width="120">
<el-table-column prop="name" :label="t('common_list.name')" width="120" fixed="left" show-overflow-tooltip />
<el-table-column prop="marketName" :label="t('common_list.market')" width="120" />
<el-table-column prop="goodsName" :label="t('common_list.productName')" width="130" show-overflow-tooltip />
<el-table-column prop="goodsNum" :label="t('common_list.productNum')" width="120" />
<el-table-column prop="refundModel" :label="t('common_list.refundModel')" width="120">
<template #default="scope">
{{ scope.row.refundModel === 1 ? '部分退款' : '全部退款' }}
{{ scope.row.refundModel === 1 ? t('common_list.refundModelPart') : t('common_list.refundModelAll') }}
</template>
</el-table-column>
<el-table-column prop="submitter" label="提交人" width="120" />
<el-table-column prop="refundReason" label="退款理由" width="120" show-overflow-tooltip />
<el-table-column prop="remark" label="备注" width="150" show-overflow-tooltip />
<el-table-column prop="status" label="订单状态" width="120">
<el-table-column prop="submitter" :label="t('common_list.submitter')" width="120" />
<el-table-column prop="refundReason" :label="t('common_list.refundReason')" width="120" show-overflow-tooltip />
<el-table-column prop="remark" :label="t('common_list.remark')" width="150" show-overflow-tooltip />
<el-table-column prop="status" :label="t('common_list.orderStatus')" width="120">
<template #default="scope">
{{
[10].includes(scope.row.status) ? '待审核' :
[20, 30, 40].includes(scope.row.status) ? '审核通过' :
[12, 22, 32].includes(scope.row.status) ? '已驳回' :
[41].includes(scope.row.status) ? '退款成功' : scope.row.status
[10].includes(scope.row.status) ? t('cash.statusList.pending') :
[20, 30, 40].includes(scope.row.status) ? t('cash.statusList.passed') :
[12, 22, 32].includes(scope.row.status) ? t('cash.statusList.rejected') :
[41].includes(scope.row.status) ? t('cash.refundSuccess') : scope.row.status
}}
</template>
</el-table-column>
<el-table-column prop="operation" label="操作" fixed="right" width="100px">
<el-table-column prop="operation" :label="t('common_list.operation')" fixed="right" width="140px">
<template #default="scope">
<div class="operation">
<el-button v-if="scope.row.status === 10" type="primary" text @click="showAudit2(scope.row)">
审核
{{ t('common.audit') }}
</el-button>
<el-button v-else type="primary" text @click="showStep(scope.row)">
查看进度
{{ t('common.viewProgress') }}
</el-button>
</div>
</template>
@ -103,126 +103,126 @@
style="margin-top: 1vh;"></el-pagination>
</el-card>
<el-dialog v-model="showAudit" title="审核" class="audit" width="35vw" overflow draggable
<el-dialog v-model="showAudit" :title="t('common.audit')" class="audit" width="35vw" overflow draggable
style="background-color: #F3FAFE !important;">
<div class="top">
<el-button @click="" class="smallTitle" size="small">退款申请信息</el-button>
<el-button @click="" class="smallTitle" size="small">{{ t('common_add.refundApplyInfo') }}</el-button>
<div class="top-item">
<el-text style="width:4vw;" size="small">退款方式</el-text>
<el-text style="width:4vw;" size="small">{{ t('common_add.refundModel') }}</el-text>
<el-select v-model="auditRow.refundModel" size="small" style="width:10vw;" disabled>
<el-option label="全部退款" :value="0"></el-option>
<el-option label="部分退款" :value="1"></el-option>
<el-option :label="t('common_add.refundModelAll')" :value="0"></el-option>
<el-option :label="t('common_add.refundModelPart')" :value="1"></el-option>
</el-select>
</div>
<div class="top-item">
<el-text style="width:4vw;" size="small">{{ t('common_add.permanentGold') }}</el-text>
<el-input v-model="auditRow.gold" size="small" style="width:10vw;" disabled /><span>&nbsp;{{ t('cash.unit') }}</span>
</div>
<div class="top-item">
<el-text style="width:4vw;" size="small">{{ t('common_add.freeGold') }}</el-text>
<el-input v-model="auditRow.free" size="small" style="width:10vw;" disabled /><span>&nbsp;{{ t('cash.unit') }}</span>
</div>
<div class="top-item">
<el-text style="width:4vw;" size="small">永久金币</el-text>
<el-input v-model="auditRow.gold" size="small" style="width:10vw;" disabled />&nbsp;个
</div>
<div class="top-item">
<el-text style="width:4vw;" size="small">免费金币</el-text>
<el-input v-model="auditRow.free" size="small" style="width:10vw;" disabled />&nbsp;个
</div>
<div class="top-item">
<el-text style="width:4vw;" size="small">退款理由</el-text>
<el-text style="width:4vw;" size="small">{{ t('common_add.refundReason') }}</el-text>
<el-input v-model="auditRow.refundReason" size="small" style="width:10vw;" :rows="3" maxlength="100"
show-word-limit type="textarea" disabled />
</div>
</div>
<el-button @click="" class="smallTitle" size="small">原订单信息</el-button>
<el-button @click="" class="smallTitle" size="small">{{ t('common_add.originalOrderInfo') }}</el-button>
<div class="center">
<div class="center-left">
<div class="center-item">
<el-text style="width:4vw;" size="small">精网号</el-text>
<el-text style="width:4vw;" size="small">{{ t('common_add.jwcode') }}</el-text>
<el-input v-model="auditRow.jwcode" size="small" style="width:10vw;" disabled />
</div>
<div class="center-item">
<el-text style="width:4vw;" size="small">所属地区</el-text>
<el-text style="width:4vw;" size="small">{{ t('common_add.market') }}</el-text>
<el-input v-model="auditRow.marketName" size="small" style="width:10vw;" disabled />
</div>
<div class="center-item">
<el-text style="width:4vw;" size="small">产品名称</el-text>
<el-text style="width:4vw;" size="small">{{ t('common_add.productName') }}</el-text>
<el-input v-model="auditRow.goodsName" size="small" style="width:10vw;" disabled />
</div>
<div class="center-item">
<el-text style="width:4vw;" size="small">付款币种</el-text>
<el-text style="width:4vw;" size="small">{{ t('common_add.payCurrency') }}</el-text>
<el-input v-model="auditRow.paymentCurrency" size="small" style="width:10vw;" disabled />
</div>
<div class="center-item">
<el-text style="width:4vw;" size="small">付款金额</el-text>
<el-text style="width:4vw;" size="small">{{ t('common_add.payAmount') }}</el-text>
<el-input v-model="auditRow.paymentAmount" size="small" style="width:10vw;" disabled />
</div>
<div class="center-item">
<el-text style="width:4vw;" size="small">付款时间</el-text>
<el-text style="width:4vw;" size="small">{{ t('common_add.payTime') }}</el-text>
<el-input v-model="auditRow.payTime" size="small" style="width:10vw;" disabled />
</div>
<div class="center-item">
<el-text style="width:4vw;">转账凭证</el-text>
<el-text style="width:4vw;">{{ t('common_add.transferVoucher') }}</el-text>
<img v-if="auditRow.payVoucher" :src="auditRow.payVoucher"
style="width: 80px; height: 80px; object-fit: cover;">
<div v-else>
无转账凭证
{{ t('common_add.noTransferVoucher') }}
</div>
</div>
</div>
<div class="center-right">
<div class="right-item">
<el-text style="width:4vw;" size="small">客户姓名</el-text>
<el-text style="width:4vw;" size="small">{{ t('common_add.customerName') }}</el-text>
<el-input v-model="auditRow.name" size="small" style="width:10vw;" disabled />
</div>
<div class="right-item">
<el-text style="width:4vw;" size="small">活动名称</el-text>
<el-text style="width:4vw;" size="small">{{ t('common_add.activity') }}</el-text>
<el-input v-model="auditRow.activity" size="small" style="width:10vw;" disabled />
</div>
<div class="right-item">
<el-text style="width:4vw;" size="small">支付方式</el-text>
<el-text style="width:4vw;" size="small">{{ t('common_add.payMethod') }}</el-text>
<el-input v-model="auditRow.payType" size="small" style="width:10vw;" disabled />
</div>
<div class="right-item">
<el-text style="width:4vw;" size="small">到账币种</el-text>
<el-text style="width:4vw;" size="small">{{ t('common_add.receiveCurrency') }}</el-text>
<el-input v-model="auditRow.receivedCurrency" size="small" style="width:10vw;" disabled />
</div>
<div class="right-item">
<el-text style="width:4vw;" size="small">到账金额</el-text>
<el-text style="width:4vw;" size="small">{{ t('common_add.receiveAmount') }}</el-text>
<el-input v-model="auditRow.receivedAmount" size="small" style="width:10vw;" disabled />
</div>
<div class="right-item">
<el-text style="width:4vw;" size="small">到账时间</el-text>
<el-text style="width:4vw;" size="small">{{ t('common_add.receiveTime') }}</el-text>
<el-input v-model="auditRow.receivedTime" size="small" style="width:10vw;" disabled />
</div>
<div class="right-item">
<el-text style="width:4vw;" size="small">手续费</el-text>
<el-text style="width:4vw;" size="small">{{ t('common_add.fee') }}</el-text>
<el-input v-model="auditRow.handlingCharge" size="small" style="width:10vw;" disabled />
</div>
<div class="right-item">
<el-text style="width:4vw;" size="small">提交人</el-text>
<el-text style="width:4vw;" size="small">{{ t('common_add.submitter') }}</el-text>
<el-input v-model="auditRow.submitter" size="small" style="width:10vw;" disabled />
</div>
<div class="right-item">
<el-text style="width:4vw;" size="small">备注</el-text>
<el-text style="width:4vw;" size="small">{{ t('common_add.remark') }}</el-text>
<el-input v-model="auditRow.remark" size="small" style="width:10vw;" :row="3" maxlength="100"
type="textarea" show-word-limit disabled />
</div>
</div>
</div>
<div class="bottom">
<el-button class="smallTitle" size="small" v-show="showReject">驳回信息</el-button>
<el-button class="smallTitle" size="small" v-show="showReject">{{ t('common.reject') }}</el-button>
<div class="bottom-item" v-show="showReject">
<el-text style="width:4vw;" size="small">驳回备注</el-text>
<el-input v-model="addForm.remark" placeholder="请输入驳回备注" size="small" style="width:10vw;" :row="3"
<el-text style="width:4vw;" size="small">{{ t('common_add.rejectReason') }}</el-text>
<el-input v-model="addForm.remark" :placeholder="t('common_add.rejectReasonPlaceholder')" size="small" style="width:10vw;" :row="3"
maxlength="100" type="textarea" show-word-limit clearable />
</div>
<div style="text-align: center;" v-show="!showReject">
<el-button type="default" @click="showReject = true">驳回</el-button>
<el-button type="primary" @click="handlePass">通过</el-button>
<el-button type="default" @click="showReject = true">{{ t('common.reject') }}</el-button>
<el-button type="primary" @click="handlePass">{{ t('common.pass') }}</el-button>
</div>
<div style="text-align: center;" v-show="showReject">
<el-button type="default" @click="hideReject">取消</el-button>
<el-button type="primary" @click="handleReject">确定</el-button>
<el-button type="default" @click="hideReject">{{ t('common.cancel') }}</el-button>
<el-button type="primary" @click="handleReject">{{ t('common.confirm') }}</el-button>
</div>
</div>
</el-dialog>
<el-dialog v-model="showSteps" title="退款进度" overflow draggable width="1206px" height="506px" :style="{
<el-dialog v-model="showSteps" :title="t('cash.refundProgress')" overflow draggable width="1206px" height="506px" :style="{
backgroundImage: `url(${RefundFinanceBackground})`,
backgroundSize: 'cover',
backgroundPosition: 'center'
@ -233,110 +233,110 @@
<el-step>
<template #title>
<div>
提交人<br>{{ submitter || '未知提交人' }}
{{ t('common_list.submitter') }}<br>{{ submitter || t('common.unknownSubmitter') }}
</div>
</template>
<template #icon>
<img src="@/assets/images/refund-approved.png" alt="已完成">
<img src="@/assets/images/refund-approved.png" :alt="t('common.completed')">
</template>
</el-step>
<el-step>
<template #title>
<div>
地区财务<br>{{ areaFinance || '未记录审核人' }}
{{ t('cash.progress.areaFinance') }}<br>{{ areaFinance || t('common.noAuditorRecorded') }}
</div>
</template>
<template #icon>
<img v-if="currentStep === 2" src="@/assets/images/refund-rejected.png" alt="已驳回">
<img v-else-if="currentStep === 1" src="@/assets/images/refund-approving.png" alt="待审核">
<img v-else-if="currentStep > 2" src="@/assets/images/refund-approved.png" alt="已审核">
<img v-if="currentStep === 2" src="@/assets/images/refund-rejected.png" :alt="t('common.rejected')">
<img v-else-if="currentStep === 1" src="@/assets/images/refund-approving.png" :alt="t('common.pendingAudit')">
<img v-else-if="currentStep > 2" src="@/assets/images/refund-approved.png" :alt="t('common.passed')">
</template>
</el-step>
<el-step>
<template #title>
<div>
地区负责人<br>{{ areaCharge || '未记录审核人' }}
{{ t('cash.progress.areaCharge') }}<br>{{ areaCharge || t('common.noAuditorRecorded') }}
</div>
</template>
<template #icon>
<img v-if="currentStep === 4" src="@/assets/images/refund-rejected.png" alt="已驳回">
<img v-else-if="currentStep === 3" src="@/assets/images/refund-approving.png" alt="待审核">
<img v-if="currentStep === 4" src="@/assets/images/refund-rejected.png" :alt="t('common.rejected')">
<img v-else-if="currentStep === 3" src="@/assets/images/refund-approving.png" :alt="t('common.pendingAudit')">
<img v-else-if="currentStep > 3 && currentStep != 4"
src="@/assets/images/refund-approved.png" alt="已审核">
<img v-else-if="currentStep < 3" src="@/assets/images/refund-waiting.png" alt="未开始">
src="@/assets/images/refund-approved.png" :alt="t('common.passed')">
<img v-else-if="currentStep < 3" src="@/assets/images/refund-waiting.png" :alt="t('common_list.activityStatus.notStarted')">
</template>
</el-step>
<el-step>
<template #title>
<div>
总部财务<br>{{ headFinance || '未记录审核人' }}
{{ t('cash.progress.headFinance') }}<br>{{ headFinance || t('common.noAuditorRecorded') }}
</div>
</template>
<template #icon>
<img v-if="currentStep === 6" src="@/assets/images/refund-rejected.png" alt="已驳回">
<img v-else-if="currentStep === 5" src="@/assets/images/refund-approving.png" alt="待审核">
<img v-if="currentStep === 6" src="@/assets/images/refund-rejected.png" :alt="t('common.rejected')">
<img v-else-if="currentStep === 5" src="@/assets/images/refund-approving.png" :alt="t('common.pendingAudit')">
<img v-else-if="currentStep > 5 && currentStep != 6"
src="@/assets/images/refund-approved.png" alt="已审核">
<img v-else-if="currentStep < 5" src="@/assets/images/refund-waiting.png" alt="未开始">
src="@/assets/images/refund-approved.png" :alt="t('common.passed')">
<img v-else-if="currentStep < 5" src="@/assets/images/refund-waiting.png" :alt="t('common_list.activityStatus.notStarted')">
</template>
</el-step>
<el-step>
<template #title>
<div>
指定执行人<br>{{ executor || '未记录执行人' }}
{{ t('cash.progress.executor') }}<br>{{ executor || t('common.noExecutorRecorded') }}
</div>
</template>
<template #icon>
<img v-if="currentStep === 7" src="@/assets/images/refund-approving.png" alt="待处理">
<img v-else-if="currentStep === 8" src="@/assets/images/refund-approved.png" alt="已完成">
<img v-else-if="currentStep < 7" src="@/assets/images/refund-waiting.png" alt="未开始">
<img v-if="currentStep === 7" src="@/assets/images/refund-approving.png" :alt="t('common_list.pending')">
<img v-else-if="currentStep === 8" src="@/assets/images/refund-approved.png" :alt="t('common.completed')">
<img v-else-if="currentStep < 7" src="@/assets/images/refund-waiting.png" :alt="t('common_list.activityStatus.notStarted')">
</template>
</el-step>
</el-steps>
</div>
<div class="steps-btn">
<el-button type="primary" @click="showSteps = false">确定</el-button>
<el-button type="primary" @click="showSteps = false">{{ t('common.confirm') }}</el-button>
</div>
</div>
</el-dialog>
<el-dialog v-model="exportListVisible" title="导出列表" width="80%">
<el-dialog v-model="exportListVisible" :title="t('common_export.exportList')" width="80%">
<el-table :data="exportList" style="width: 100% ;height: 60vh;" :loading="exportListLoading">
<el-table-column prop="fileName" label="文件名" />
<el-table-column prop="state" label="状态">
<el-table-column prop="fileName" :label="t('common_export.fileName')" />
<el-table-column prop="state" :label="t('common_export.status')">
<template #default="scope">
<el-tag :type="getTagType(scope.row.state)" :effect="scope.row.state === 3 ? 'light' : 'plain'">
{{ getTagText(scope.row.state) }}
</el-tag>
</template>
</el-table-column>
<el-table-column prop="createTime" label="创建时间">
<el-table-column prop="createTime" :label="t('common_export.createTime')">
<template #default="scope">
{{ moment(scope.row.createTime).format('YYYY-MM-DD HH:mm:ss') }}
</template>
</el-table-column>
<el-table-column label="操作">
<el-table-column :label="t('common_export.operation')">
<template #default="scope">
<el-button type="primary" size="small" @click="downloadExportFile(scope.row)"
:disabled="scope.row.state !== 2">
下载
{{ t('common_export.download') }}
</el-button>
</template>
</el-table-column>
</el-table>
<template #footer>
<div class="dialog-footer">
<el-button text @click="exportListVisible = false">关闭</el-button>
<el-button text @click="exportListVisible = false">{{ t('common_export.close') }}</el-button>
</div>
</template>
</el-dialog>
</template>
<script setup>
import { ref, onMounted } from 'vue'
import { ref, onMounted, computed } from 'vue'
import { ElMessage } from 'element-plus'
import API from '@/util/http.js'
const uploadUrl = 'https://api.homilychart.com/hljw/api/aws/upload'
@ -350,12 +350,18 @@ import moment from 'moment'
import { productList, CurrencyForId } from '@/views/moneyManage/receiveDetail/utils/staticData.js'
import RefundFinanceBackground from '@/assets/images/refund-progress.png'
import { isNumber } from 'lodash'
import { useI18n } from 'vue-i18n'
const { t } = useI18n()
const currentStep = ref(0)// 进度图
const searchForm = ref({
jwcode: '',
markets: []
})
const isHeadquarters = computed(() => {
const m = adminData.value.markets
return m === t('common.markets.headquarters') || m === '总部' || m === 'Headquarters'
})
const dateRange = ref([])
const addForm = ref({
remark: ''
@ -385,67 +391,6 @@ const exportListVisible = ref(false)
const exportList = ref([])
// 导出列表加载状态
const exportListLoading = ref(false)
const payments = ref([{
value: '银行转账',
label: '银行转账'
},
{
value: '现金',
label: '现金'
},
{
value: '支票',
label: '支票'
},
{
value: '刷卡',
label: '刷卡'
},
{
value: 'Grabpay',
label: 'Grabpay'
},
{
value: 'Nets',
label: 'Nets'
},
{
value: 'PayPal',
label: 'PayPal'
},
{
value: 'Stripe-链接收款',
label: 'Stripe-链接收款'
},
{
value: 'Ipay88-链接收款',
label: 'Ipay88-链接收款'
},
{
value: 'PaymentAsia-链接收款',
label: 'PaymentAsia-链接收款'
},
{
value: 'Stripe-Link平台',
label: 'Stripe-Link平台'
},
{
value: 'PaymentAsia-Link平台',
label: 'PaymentAsia-Link平台'
},
{
value: 'FirstData-Link平台-Link平台',
label: 'FirstData-Link平台-Link平台'
},
{
value: 'IOS-Link平台',
label: 'IOS-Link平台'
},
{
value: 'Ipay88-Link平台',
label: 'Ipay88-Link平台'
}
])
const statusStepMap = {
10: [1, false],
12: [2, true],
@ -456,22 +401,50 @@ const statusStepMap = {
40: [7, false],
41: [8, false]
}
const statusList = ref(['待审核', '审核通过', '已驳回', '退款成功'])
const currencies = computed(() => [
t('cash.currency.usd'),
t('cash.currency.hkd'),
t('cash.currency.sgd'),
t('cash.currency.myr'),
t('cash.currency.thb'),
t('cash.currency.cad'),
t('cash.currency.vnd'),
t('cash.currency.krw')
])
const channelOptions = computed(() => [
t('cash.payMethods.stripe'),
t('cash.payMethods.paymentAsia'),
t('cash.payMethods.ipay88'),
t('cash.payMethods.bankTransfer'),
t('cash.payMethods.card'),
t('cash.payMethods.cash'),
t('cash.payMethods.check'),
t('cash.payMethods.grabpay'),
t('cash.payMethods.nets'),
t('cash.payMethods.transfer'),
t('cash.payMethods.paypal')
])
const statusList = computed(() => [
t('cash.statusList.pending'),
t('cash.statusList.passed'),
t('cash.statusList.rejected'),
t('cash.refundSuccess')
])
// 查全部
const getRefund = async function () {
if (!hasMenuPermission(menuTree.value, permissionMapping.view_area_finance_refund)) {
ElMessage.error('无此权限')
ElMessage.error(t('elmessage.noPermission'))
return
}
try {
const statusParam = ref([10, 20, 22, 30, 32, 40, 41])
if (searchForm.value.statuses === '审核通过') {
if (searchForm.value.statuses === t('cash.statusList.passed')) {
statusParam.value = [20, 30, 40]
} else if (searchForm.value.statuses === '已驳回') {
} else if (searchForm.value.statuses === t('cash.statusList.rejected')) {
statusParam.value = [12, 22, 32]
} else if (searchForm.value.statuses === '待审核') {
} else if (searchForm.value.statuses === t('cash.statusList.pending')) {
statusParam.value = [10]
} else if (searchForm.value.statuses === '退款成功') {
} else if (searchForm.value.statuses === t('cash.refundSuccess')) {
statusParam.value = [41]
} else {
statusParam.value = [10, 20, 22, 30, 32, 40, 41]
@ -483,13 +456,13 @@ const getRefund = async function () {
if (searchForm.value.jwcode) {
const isPositiveInteger = /^[1-9]\d*$/.test(searchForm.value.jwcode);
if (!isPositiveInteger) {
ElMessage.error('请输入正确的精网号')
ElMessage.error(t('elmessage.checkJwcodeFormat'))
return;
}
}
// 增加精网号长度限制，防止后端400错误
if (searchForm.value.jwcode.length > 8) {
ElMessage.error('精网号长度不能超过8位')
ElMessage.error(t('elmessage.limitJwcodeLength'))
return;
}
@ -522,13 +495,13 @@ const getRefund = async function () {
tableData.value = result.data.list || []
pagination.value.total = result.data.total || 0
} catch (error) {
ElMessage.error(error.message || '查询失败')
ElMessage.error(error.message || t('elmessage.searchFailed'))
}
}
// 审核通过
const handlePass = async function () {
if (!hasMenuPermission(menuTree.value, permissionMapping.audit_area_finance_refund)) {
ElMessage.error('无此权限')
ElMessage.error(t('elmessage.noPermission'))
return
}
try {
@ -544,18 +517,18 @@ const handlePass = async function () {
data: params
})
if (result.code === 200) {
ElMessage.success('审核通过')
ElMessage.success(t('elmessage.approveSuccess'))
showAudit.value = false
getRefund()
}
} catch (error) {
ElMessage.error(error.message || '审核失败')
ElMessage.error(error.message || t('elmessage.approveFailed'))
}
}
// 审核驳回
const handleReject = async function () {
if (!hasMenuPermission(menuTree.value, permissionMapping.audit_area_finance_refund)) {
ElMessage.error('无此权限')
ElMessage.error(t('elmessage.noPermission'))
return
}
try {
@ -573,18 +546,16 @@ const handleReject = async function () {
data: params
})
if (result.code === 200) {
ElMessage.success('审核驳回')
ElMessage.success(t('elmessage.rejectSuccess'))
showAudit.value = false
getRefund()
addForm.value.remark = ''
showReject.value = false
}
} catch (error) {
ElMessage.error(error.message || '审核失败')
ElMessage.error(error.message || t('elmessage.approveFailed'))
}
}
const currencies = ref(['美元(USD)', '港币(HKD)', '新币(SGD)', '马币(MYR)', '泰铢(THB)', '加币(CAD)', '越南盾(VDN)', '韩元(KRW)'])
const channelOptions = ref(["Stripe-链接收款", "PaymentAsia-链接收款", "Ipay88-链接收款", "银行转账", "刷卡", "现金", "支票", "Grabpay", "Nets", "E-Transfer", "Paypal"])
const getMarket = async function () {
try {
@ -617,7 +588,7 @@ const getMarket = async function () {
}
const showStep = function (row) {
if (!hasMenuPermission(menuTree.value, permissionMapping.track_area_finance_refund_progress)) {
ElMessage.error('无此权限')
ElMessage.error(t('elmessage.noPermission'))
return
}
@ -641,13 +612,13 @@ const showStep = function (row) {
}
const exportExcel = async function () {
const statusParam = ref([10, 20, 22, 30, 32, 40, 41])
if (searchForm.value.statuses === '审核通过') {
if (searchForm.value.statuses === t('cash.statusList.passed')) {
statusParam.value = [20, 30, 40]
} else if (searchForm.value.statuses === '已驳回') {
} else if (searchForm.value.statuses === t('cash.statusList.rejected')) {
statusParam.value = [12, 22, 32]
} else if (searchForm.value.statuses === '待审核') {
} else if (searchForm.value.statuses === t('cash.statusList.pending')) {
statusParam.value = [10]
} else if (searchForm.value.statuses === '退款成功') {
} else if (searchForm.value.statuses === t('cash.refundSuccess')) {
statusParam.value = [41]
} else {
statusParam.value = [10, 20, 22, 30, 32, 40, 41]
@ -659,13 +630,13 @@ const exportExcel = async function () {
if (searchForm.value.jwcode) {
const isPositiveInteger = /^[1-9]\d*$/.test(searchForm.value.jwcode);
if (!isPositiveInteger) {
ElMessage.error('请输入正确的精网号')
ElMessage.error(t('elmessage.checkJwcodeFormat'))
return;
}
}
// 增加精网号长度限制，防止后端400错误
if (searchForm.value.jwcode.length > 8) {
ElMessage.error('精网号长度不能超过8位')
ElMessage.error(t('elmessage.limitJwcodeLength'))
return;
}
@ -691,9 +662,9 @@ const exportExcel = async function () {
const res = await API({ url: '/export/exportFinance', data: params })
if (res.code === 200) {
ElMessage.success('导出成功')
ElMessage.success(t('elmessage.exportSuccess'))
} else {
ElMessage.error(res.msg || '导出失败')
ElMessage.error(res.msg || t('elmessage.exportFailed'))
}
}
const openExportList = () => {
@ -710,11 +681,11 @@ const getExportList = async () => {
})
exportList.value = filteredData
} else {
ElMessage.error(result.msg || '获取导出列表失败')
ElMessage.error(result.msg || t('elmessage.getExportListError'))
}
} catch (error) {
console.error('获取导出列表出错:', error)
ElMessage.error('获取导出列表失败，请稍后重试')
ElMessage.error(t('elmessage.getExportListError'))
} finally {
exportListLoading.value = false
}
@ -726,7 +697,7 @@ const downloadExportFile = (item) => {
link.download = item.fileName
link.click()
} else {
ElMessage.warning('文件还在导出中，请稍后再试')
ElMessage.warning(t('elmessage.exportingInProgress'))
}
}
//根据状态返回对应的标签类型
@ -748,15 +719,15 @@ const getTagType = (state) => {
const getTagText = (state) => {
switch (state) {
case 0:
return '待执行';
return t('elmessage.pendingExecution');
case 1:
return '执行中';
return t('elmessage.executing');
case 2:
return '执行完成';
return t('elmessage.executed');
case 3:
return '执行出错';
return t('elmessage.errorExecution');
default:
return '未知状态';
return t('elmessage.unknownStatus');
}
}
const showAudit2 = function (row) {
@ -933,4 +904,4 @@ onMounted(() => {
align-items: center;
}
}
</style>
</style>

318
src/views/moneyManage/refundDetail/refundHeader.vue
View File

@ -3,96 +3,96 @@
<el-card style="margin-bottom: 0.5vh;background-color: rgb(243,250,254);">
<div class="condition">
<div class="item1">
<el-text size="large" style="width:4vw;">精网号</el-text>
<el-input v-model="searchForm.jwcode" placeholder="请输入精网号" style="width:9vw;" clearable />
<el-text size="large" style="width:4vw;">{{ t('common.jwcode') }}</el-text>
<el-input v-model="searchForm.jwcode" :placeholder="t('common.jwcodePlaceholder')" style="width:9vw;" clearable />
</div>
<div class="item1">
<el-text size="large" style="width:4vw;">客户姓名</el-text>
<el-input v-model="searchForm.name" placeholder="请输入客户姓名" style="width:9vw;" clearable />
<el-text size="large" style="width:4vw;">{{ t('common.customerName') }}</el-text>
<el-input v-model="searchForm.name" :placeholder="t('common.customerNamePlaceholder')" style="width:9vw;" clearable />
</div>
<div class="item1">
<el-text size="large" style="width:4vw;">产品名称</el-text>
<el-text size="large" style="width:4vw;">{{ t('common.productName') }}</el-text>
<el-cascader v-model="searchForm.goodsName" :options="productList" style="width: 10vw;"
placeholder="请选择产品名称" clearable />
:placeholder="t('common.productNamePlaceholder')" clearable />
</div>
<div class="item1" v-if="adminData.markets === '总部'">
<el-text size="large" style="width:4vw;">所属地区</el-text>
<el-cascader style="width: 9vw;" v-model="searchForm.markets" :options="market" placeholder="请选择所属地区"
<div class="item1" v-if="isHeadquarters">
<el-text size="large" style="width:4vw;">{{ t('common.market') }}</el-text>
<el-cascader style="width: 9vw;" v-model="searchForm.markets" :options="market" :placeholder="t('common.marketPlaceholder')"
clearable @change="handleMarketChange" />
</div>
<div class="item1">
<el-text size="large" style="width:4vw;">订单状态</el-text>
<el-select v-model="searchForm.statuses" style="width:9vw;" placeholder="请选择订单状态" clearable>
<el-text size="large" style="width:4vw;">{{ t('common.orderStatus') }}</el-text>
<el-select v-model="searchForm.statuses" style="width:9vw;" :placeholder="t('common.orderStatusPlaceholder')" clearable>
<el-option v-for="item in statusList" :label="item" :value="item" :key="item" />
</el-select>
</div>
</div>
<div class="condition">
<div class="item2">
<el-text size="large" style="width:4vw;">付款币种</el-text>
<el-select v-model="searchForm.paymentCurrency" style="width:9vw;" placeholder="请选择付款币种" clearable>
<el-text size="large" style="width:4vw;">{{ t('common.payCurrency') }}</el-text>
<el-select v-model="searchForm.paymentCurrency" style="width:9vw;" :placeholder="t('common.payCurrencyPlaceholder')" clearable>
<el-option v-for="item in currencies" :key="item" :label="item" :value="item" />
</el-select>
</div>
<div class="item2">
<el-text size="large" style="width:4vw;">支付方式</el-text>
<el-select v-model="searchForm.payType" style="width:9vw;" placeholder="请选择支付方式" clearable>
<el-text size="large" style="width:4vw;">{{ t('common.payModel') }}</el-text>
<el-select v-model="searchForm.payType" style="width:9vw;" :placeholder="t('common.payModelPlaceholder')" clearable>
<el-option v-for="item in channelOptions" :key="item" :label="item" :value="item" />
</el-select>
</div>
<div class="item2" style="width: 28.5vw;">
<el-text size="large" style="width:4vw;">付款时间</el-text>
<el-date-picker v-model="dateRange" type="datetimerange" range-separator="至" start-placeholder="起始时间"
end-placeholder="结束时间" style="width:22vw;" @change="handleDatePickerChange" clearable
<el-text size="large" style="width:4vw;">{{ t('common.payTime') }}</el-text>
<el-date-picker v-model="dateRange" type="datetimerange" :range-separator="t('common.to')" :start-placeholder="t('common.startTime')"
:end-placeholder="t('common.endTime')" style="width:22vw;" @change="handleDatePickerChange" clearable
:disabled-date="disabledDate" :default-time="defaultTime" />
</div>
<div>
<el-button type="primary" @click="getRefund">查询</el-button>
<el-button type="warning" @click="exportExcel()">导出excel</el-button>
<el-button type="primary" @click="openExportList">查看导出列表</el-button>
<el-button type="success" @click="reset">重置</el-button>
<el-button type="primary" @click="getRefund">{{ t('common.search') }}</el-button>
<el-button type="warning" @click="exportExcel()">{{ t('common.exportExcel') }}</el-button>
<el-button type="primary" @click="openExportList">{{ t('common.viewExportList') }}</el-button>
<el-button type="success" @click="reset">{{ t('common.reset') }}</el-button>
</div>
</div>
</el-card>
<el-card style="margin-top: 0.5vh;background-color: rgb(231,244,253);">
<el-table :data="tableData" style="height:73vh;width:82vw">
<el-table-column type="index" label="序号" width="60" fixed="left">
<el-table-column type="index" :label="t('common_list.id')" width="60" fixed="left">
<template #default="scope">
{{ scope.$index + 1 + (pagination.pageNum - 1) * pagination.pageSize }}
</template>
</el-table-column>
<el-table-column prop="name" label="Homily ID" width="120" fixed="left" />
<el-table-column prop="jwcode" label="姓名" width="120" fixed="left" show-overflow-tooltip />
<el-table-column prop="marketName" label="所属地区" width="120" />
<el-table-column prop="goodsName" label="产品名称" width="130" show-overflow-tooltip />
<el-table-column prop="goodsNum" label="产品数量" width="120" />
<el-table-column prop="refundModel" label="退款方式" width="120">
<el-table-column prop="jwcode" :label="t('common_list.name')" width="120" fixed="left" show-overflow-tooltip />
<el-table-column prop="marketName" :label="t('common_list.market')" width="120" />
<el-table-column prop="goodsName" :label="t('common_list.productName')" width="130" show-overflow-tooltip />
<el-table-column prop="goodsNum" :label="t('common_list.productNum')" width="120" />
<el-table-column prop="refundModel" :label="t('common_list.refundModel')" width="120">
<template #default="scope">
{{ scope.row.refundModel === 1 ? '部分退款' : '全部退款' }}
{{ scope.row.refundModel === 1 ? t('common_list.refundModelPart') : t('common_list.refundModelAll') }}
</template>
</el-table-column>
<el-table-column prop="submitter" label="提交人" width="120" />
<el-table-column prop="refundReason" label="退款理由" width="120" show-overflow-tooltip />
<el-table-column prop="remark" label="备注" width="150" show-overflow-tooltip />
<el-table-column prop="status" label="订单状态" width="120">
<el-table-column prop="submitter" :label="t('common_list.submitter')" width="120" />
<el-table-column prop="refundReason" :label="t('common_list.refundReason')" width="120" show-overflow-tooltip />
<el-table-column prop="remark" :label="t('common_list.remark')" width="150" show-overflow-tooltip />
<el-table-column prop="status" :label="t('common_list.orderStatus')" width="120">
<template #default="scope">
{{
[30].includes(scope.row.status) ? '待审核' :
[40].includes(scope.row.status) ? '审核通过' :
scope.row.status === 32 ? '已驳回' :
scope.row.status === 41 ? '退款成功' : scope.row.status
[30].includes(scope.row.status) ? t('cash.statusList.pending') :
[40].includes(scope.row.status) ? t('cash.statusList.passed') :
scope.row.status === 32 ? t('cash.statusList.rejected') :
scope.row.status === 41 ? t('cash.refundSuccess') : scope.row.status
}}
</template>
</el-table-column>
<el-table-column prop="operation" label="操作" fixed="right" width="100px">
<el-table-column prop="operation" :label="t('common_list.operation')" fixed="right" width="140px">
<template #default="scope">
<div class="operation">
<el-button v-if="scope.row.status === 30" type="primary" text @click="showAudit(scope.row)">
审核
{{ t('common.audit') }}
</el-button>
<el-button v-else type="primary" text @click="showStep(scope.row)">
查看进度
{{ t('common.viewProgress') }}
</el-button>
</div>
</template>
@ -104,137 +104,137 @@
style="margin-top: 1vh;"></el-pagination>
</el-card>
<el-dialog v-model="showAudit2" title="审核" class="audit2" width="35vw" overflow draggable
<el-dialog v-model="showAudit2" :title="t('common.audit')" class="audit2" width="35vw" overflow draggable
style="background-color: #F3FAFE !important;">
<div class="top">
<el-button @click="" class="smallTitle" size="small">退款申请信息</el-button>
<el-button @click="" class="smallTitle" size="small">{{ t('common_add.refundApplyInfo') }}</el-button>
<div class="top-item">
<el-text style="width:4vw;" size="small">退款方式</el-text>
<el-text style="width:4vw;" size="small">{{ t('common_add.refundModel') }}</el-text>
<el-select v-model="auditRow.refundModel" size="small" style="width:10vw;" disabled>
<el-option label="全部退款" :value="0"></el-option>
<el-option label="部分退款" :value="1"></el-option>
<el-option :label="t('common_add.refundModelAll')" :value="0"></el-option>
<el-option :label="t('common_add.refundModelPart')" :value="1"></el-option>
</el-select>
</div>
<div class="top-item">
<el-text style="width:4vw;" size="small">永久金币</el-text>
<el-input v-model="auditRow.gold" size="small" style="width:10vw;" disabled />&nbsp;个
<el-text style="width:4vw;" size="small">{{ t('common_add.permanentGold') }}</el-text>
<el-input v-model="auditRow.gold" size="small" style="width:10vw;" disabled /><span>&nbsp;{{ t('cash.unit') }}</span>
</div>
<div class="top-item">
<el-text style="width:4vw;" size="small">免费金币</el-text>
<el-input v-model="auditRow.free" size="small" style="width:10vw;" disabled />&nbsp;个
<el-text style="width:4vw;" size="small">{{ t('common_add.freeGold') }}</el-text>
<el-input v-model="auditRow.free" size="small" style="width:10vw;" disabled /><span>&nbsp;{{ t('cash.unit') }}</span>
</div>
<div class="top-item">
<el-text style="width:4vw;" size="small">退款理由</el-text>
<el-text style="width:4vw;" size="small">{{ t('common_add.refundReason') }}</el-text>
<el-input v-model="auditRow.refundReason" size="small" style="width:10vw;" :rows="3" maxlength="100"
show-word-limit type="textarea" disabled />
</div>
</div>
<el-button @click="" class="smallTitle" size="small">原订单信息</el-button>
<el-button @click="" class="smallTitle" size="small">{{ t('common_add.originalOrderInfo') }}</el-button>
<div class="center">
<div class="center-left">
<div class="center-item">
<el-text style="width:4vw;" size="small">精网号</el-text>
<el-text style="width:4vw;" size="small">{{ t('common_add.jwcode') }}</el-text>
<el-input v-model="auditRow.jwcode" size="small" style="width:10vw;" disabled />
</div>
<div class="center-item">
<el-text style="width:4vw;" size="small">产品名称</el-text>
<el-text style="width:4vw;" size="small">{{ t('common_add.productName') }}</el-text>
<el-input v-model="auditRow.goodsName" size="small" style="width:10vw;" disabled />
</div>
<div class="center-item">
<el-text style="width:4vw;" size="small">所属地区</el-text>
<el-text style="width:4vw;" size="small">{{ t('common_add.market') }}</el-text>
<el-input v-model="auditRow.marketName" size="small" style="width:10vw;" disabled />
</div>
<div class="center-item">
<el-text style="width:4vw;" size="small">付款币种</el-text>
<el-text style="width:4vw;" size="small">{{ t('common_add.payCurrency') }}</el-text>
<el-input v-model="auditRow.paymentCurrency" size="small" style="width:10vw;" disabled />
</div>
<div class="center-item">
<el-text style="width:4vw;" size="small">付款金额</el-text>
<el-text style="width:4vw;" size="small">{{ t('common_add.payAmount') }}</el-text>
<el-input v-model="auditRow.paymentAmount" size="small" style="width:10vw;" disabled />
</div>
<div class="center-item">
<el-text style="width:4vw;" size="small">付款时间</el-text>
<el-text style="width:4vw;" size="small">{{ t('common_add.payTime') }}</el-text>
<el-input v-model="auditRow.payTime" size="small" style="width:10vw;" disabled />
</div>
<div class="center-item">
<el-text style="width:4vw;">转账凭证</el-text>
<el-text style="width:4vw;">{{ t('common_add.transferVoucher') }}</el-text>
<img v-if="auditRow.payVoucher" :src="auditRow.payVoucher"
style="width: 80px; height: 80px; object-fit: cover;">
<div v-else>
无转账凭证
{{ t('common_add.noTransferVoucher') }}
</div>
</div>
</div>
<div class="center-right">
<div class="right-item">
<el-text style="width:4vw;" size="small">客户姓名</el-text>
<el-text style="width:4vw;" size="small">{{ t('common_add.customerName') }}</el-text>
<el-input v-model="auditRow.name" size="small" style="width:10vw;" disabled />
</div>
<div class="right-item">
<el-text style="width:4vw;" size="small">活动名称</el-text>
<el-text style="width:4vw;" size="small">{{ t('common_add.activity') }}</el-text>
<el-input v-model="auditRow.activity" size="small" style="width:10vw;" disabled />
</div>
<div class="right-item">
<el-text style="width:4vw;" size="small">支付方式</el-text>
<el-text style="width:4vw;" size="small">{{ t('common_add.payMethod') }}</el-text>
<el-input v-model="auditRow.payType" size="small" style="width:10vw;" disabled />
</div>
<div class="right-item">
<el-text style="width:4vw;" size="small">到账币种</el-text>
<el-text style="width:4vw;" size="small">{{ t('common_add.receiveCurrency') }}</el-text>
<el-input v-model="auditRow.receivedCurrency" size="small" style="width:10vw;" disabled />
</div>
<div class="right-item">
<el-text style="width:4vw;" size="small">到账金额</el-text>
<el-text style="width:4vw;" size="small">{{ t('common_add.receiveAmount') }}</el-text>
<el-input v-model="auditRow.receivedAmount" size="small" style="width:10vw;" disabled />
</div>
<div class="right-item">
<el-text style="width:4vw;" size="small">到账时间</el-text>
<el-text style="width:4vw;" size="small">{{ t('common_add.receiveTime') }}</el-text>
<el-input v-model="auditRow.receivedTime" size="small" style="width:10vw;" disabled />
</div>
<div class="right-item">
<el-text style="width:4vw;" size="small">手续费</el-text>
<el-text style="width:4vw;" size="small">{{ t('common_add.fee') }}</el-text>
<el-input v-model="auditRow.handlingCharge" size="small" style="width:10vw;" disabled />
</div>
<div class="right-item">
<el-text style="width:4vw;" size="small">提交人</el-text>
<el-text style="width:4vw;" size="small">{{ t('common_add.submitter') }}</el-text>
<el-input v-model="auditRow.submitter" size="small" style="width:10vw;" disabled />
</div>
<div class="right-item">
<el-text style="width:4vw;" size="small">备注</el-text>
<el-text style="width:4vw;" size="small">{{ t('common_add.remark') }}</el-text>
<el-input v-model="auditRow.remark" size="small" style="width:10vw;" :row="3" maxlength="100"
type="textarea" show-word-limit disabled />
</div>
</div>
</div>
<div class="bottom">
<el-button class="smallTitle" size="small" v-show="showReject">驳回信息</el-button>
<el-button class="smallTitle" size="small" v-show="showReject">{{ t('common.rejectInfo') }}</el-button>
<div class="bottom-item" v-show="showReject">
<el-text style="width:4vw;" size="small">驳回备注</el-text>
<el-input v-model="addForm.remark" placeholder="请输入驳回备注" size="small" style="width:10vw;" :row="3"
<el-text style="width:4vw;" size="small">{{ t('common_add.rejectRemark') }}</el-text>
<el-input v-model="addForm.remark" :placeholder="t('common_add.rejectRemarkPlaceholder')" size="small" style="width:10vw;" :row="3"
maxlength="100" type="textarea" show-word-limit clearable />
</div>
<div class="bottom-item" v-show="showExecutor">
<el-text style="width:4vw;" size="small">执行人</el-text>
<el-text style="width:4vw;" size="small">{{ t('cash.progress.executor') }}</el-text>
<el-select v-model="addForm.executor" style="width:9vw;">
<el-option v-for="item in executorList" :key="item.value" :label="item.label" :value="item.value" />
</el-select>
</div>
<div style="text-align: center;" v-show="!showReject && !showExecutor">
<el-button type="default" @click="showReject = true">驳回</el-button>
<el-button type="primary" @click="showExecutor = true">通过</el-button>
<el-button type="default" @click="showReject = true">{{ t('common.reject') }}</el-button>
<el-button type="primary" @click="showExecutor = true">{{ t('common.pass') }}</el-button>
</div>
<div style="text-align: center;" v-show="showReject">
<el-button type="default" @click="hideReject">取消</el-button>
<el-button type="primary" @click="handleReject">确定</el-button>
<el-button type="default" @click="hideReject">{{ t('common.cancel') }}</el-button>
<el-button type="primary" @click="handleReject">{{ t('common.confirm') }}</el-button>
</div>
<div style="text-align: center;" v-show="showExecutor">
<el-button type="default" @click="hideExecutor">取消</el-button>
<el-button type="primary" @click="handlePass">确定</el-button>
<el-button type="default" @click="hideExecutor">{{ t('common.cancel') }}</el-button>
<el-button type="primary" @click="handlePass">{{ t('common.confirm') }}</el-button>
</div>
</div>
</el-dialog>
<el-dialog v-model="showSteps" title="退款进度" overflow draggable width="1206px" height="506px" :style="{
<el-dialog v-model="showSteps" :title="t('cash.refundProgress')" overflow draggable width="1206px" height="506px" :style="{
backgroundImage: `url(${BackgroundSvg})`,
backgroundSize: 'cover',
backgroundPosition: 'center'
@ -245,104 +245,104 @@
<el-step>
<template #title>
<div>
提交人<br>{{ submitter || '未知提交人' }}
{{ t('common_list.submitter') }}<br>{{ submitter || t('common.unknownSubmitter') }}
</div>
</template>
<template #icon>
<img src="@/assets/images/refund-approved.png" alt="已完成">
<img src="@/assets/images/refund-approved.png" :alt="t('common.completed')">
</template>
</el-step>
<el-step>
<template #title>
<div>
地区财务<br>{{ areaFinance || '未记录审核人' }}
{{ t('cash.progress.areaFinance') }}<br>{{ areaFinance || t('common.noAuditorRecorded') }}
</div>
</template>
<template #icon>
<img v-if="currentStep === 2" src="@/assets/images/refund-rejected.png" alt="已驳回">
<img v-else-if="currentStep === 1" src="@/assets/images/refund-approving.png" alt="待审核">
<img v-else-if="currentStep > 2" src="@/assets/images/refund-approved.png" alt="已审核">
<img v-if="currentStep === 2" src="@/assets/images/refund-rejected.png" :alt="t('common.rejected')">
<img v-else-if="currentStep === 1" src="@/assets/images/refund-approving.png" :alt="t('common.pendingAudit')">
<img v-else-if="currentStep > 2" src="@/assets/images/refund-approved.png" :alt="t('common.passed')">
</template>
</el-step>
<el-step>
<template #title>
<div>
地区负责人<br>{{ areaCharge || '未记录审核人' }}
{{ t('cash.progress.areaCharge') }}<br>{{ areaCharge || t('common.noAuditorRecorded') }}
</div>
</template>
<template #icon>
<img v-if="currentStep === 4" src="@/assets/images/refund-rejected.png" alt="已驳回">
<img v-else-if="currentStep === 3" src="@/assets/images/refund-approving.png" alt="待审核">
<img v-if="currentStep === 4" src="@/assets/images/refund-rejected.png" :alt="t('common.rejected')">
<img v-else-if="currentStep === 3" src="@/assets/images/refund-approving.png" :alt="t('common.pendingAudit')">
<img v-else-if="currentStep > 3 && currentStep != 4"
src="@/assets/images/refund-approved.png" alt="已审核">
<img v-else-if="currentStep < 3" src="@/assets/images/refund-waiting.png" alt="未开始">
src="@/assets/images/refund-approved.png" :alt="t('common.passed')">
<img v-else-if="currentStep < 3" src="@/assets/images/refund-waiting.png" :alt="t('common_list.activityStatus.notStarted')">
</template>
</el-step>
<el-step>
<template #title>
<div>
总部财务<br>{{ headFinance || '未记录审核人' }}
{{ t('cash.progress.headFinance') }}<br>{{ headFinance || t('common.noAuditorRecorded') }}
</div>
</template>
<template #icon>
<img v-if="currentStep === 6" src="@/assets/images/refund-rejected.png" alt="已驳回">
<img v-else-if="currentStep === 5" src="@/assets/images/refund-approving.png" alt="待审核">
<img v-if="currentStep === 6" src="@/assets/images/refund-rejected.png" :alt="t('common.rejected')">
<img v-else-if="currentStep === 5" src="@/assets/images/refund-approving.png" :alt="t('common.pendingAudit')">
<img v-else-if="currentStep > 5 && currentStep != 6"
src="@/assets/images/refund-approved.png" alt="已审核">
<img v-else-if="currentStep < 5" src="@/assets/images/refund-waiting.png" alt="未开始">
src="@/assets/images/refund-approved.png" :alt="t('common.passed')">
<img v-else-if="currentStep < 5" src="@/assets/images/refund-waiting.png" :alt="t('common_list.activityStatus.notStarted')">
</template>
</el-step>
<el-step>
<template #title>
<div>
指定执行人<br>{{ executor || '未记录执行人' }}
{{ t('cash.progress.executor') }}<br>{{ executor || t('common.noExecutorRecorded') }}
</div>
</template>
<template #icon>
<img v-if="currentStep === 7" src="@/assets/images/refund-approving.png" alt="待处理">
<img v-else-if="currentStep === 8" src="@/assets/images/refund-approved.png" alt="已完成">
<img v-else-if="currentStep < 7" src="@/assets/images/refund-waiting.png" alt="未开始">
<img v-if="currentStep === 7" src="@/assets/images/refund-approving.png" :alt="t('common_list.pending')">
<img v-else-if="currentStep === 8" src="@/assets/images/refund-approved.png" :alt="t('common.completed')">
<img v-else-if="currentStep < 7" src="@/assets/images/refund-waiting.png" :alt="t('common_list.activityStatus.notStarted')">
</template>
</el-step>
</el-steps>
</div>
<div class="steps-btn">
<el-button type="primary" @click="showSteps = false">确定</el-button>
<el-button type="primary" @click="showSteps = false">{{ t('common.confirm') }}</el-button>
</div>
</div>
</el-dialog>
<el-dialog v-model="exportListVisible" title="导出列表" width="80%">
<el-dialog v-model="exportListVisible" :title="t('common_export.exportList')" width="80%">
<el-table :data="exportList" style="width: 100% ;height: 60vh;" :loading="exportListLoading">
<el-table-column prop="fileName" label="文件名" />
<el-table-column prop="state" label="状态">
<el-table-column prop="fileName" :label="t('common_export.fileName')" />
<el-table-column prop="state" :label="t('common_export.status')">
<template #default="scope">
<el-tag :type="getTagType(scope.row.state)" :effect="scope.row.state === 3 ? 'light' : 'plain'">
{{ getTagText(scope.row.state) }}
</el-tag>
</template>
</el-table-column>
<el-table-column prop="createTime" label="创建时间">
<el-table-column prop="createTime" :label="t('common_export.createTime')">
<template #default="scope">
{{ moment(scope.row.createTime).format('YYYY-MM-DD HH:mm:ss') }}
</template>
</el-table-column>
<el-table-column label="操作">
<el-table-column :label="t('common_export.operation')">
<template #default="scope">
<el-button type="primary" size="small" @click="downloadExportFile(scope.row)"
:disabled="scope.row.state !== 2">
下载
{{ t('common_export.download') }}
</el-button>
</template>
</el-table-column>
</el-table>
<template #footer>
<div class="dialog-footer">
<el-button text @click="exportListVisible = false">关闭</el-button>
<el-button text @click="exportListVisible = false">{{ t('common_export.close') }}</el-button>
</div>
</template>
</el-dialog>
@ -417,10 +417,42 @@ const statusStepMap = {
40: [7, false],
41: [8, false]
}
const currencies = ref(['美元(USD)', '港币(HKD)', '新币(SGD)', '马币(MYR)', '泰铢(THB)', '加币(CAD)', '越南盾(VDN)', '韩元(KRW)'])
const channelOptions = ref(["Stripe-链接收款", "PaymentAsia-链接收款", "Ipay88-链接收款", "银行转账", "刷卡", "现金", "支票", "Grabpay", "Nets", "E-Transfer", "Paypal"])
const statusList = ref(['待审核', '审核通过', '已驳回', '退款成功'])
import { useI18n } from 'vue-i18n'
const { t } = useI18n()
import { computed } from 'vue'
const isHeadquarters = computed(() => {
const m = adminData.value.markets
return m === t('common.markets.headquarters') || m === '总部' || m === 'Headquarters'
})
const currencies = computed(() => [
t('cash.currency.usd'),
t('cash.currency.hkd'),
t('cash.currency.sgd'),
t('cash.currency.myr'),
t('cash.currency.thb'),
t('cash.currency.cad'),
t('cash.currency.vnd'),
t('cash.currency.krw')
])
const channelOptions = computed(() => [
t('cash.payMethods.stripe'),
t('cash.payMethods.paymentAsia'),
t('cash.payMethods.ipay88'),
t('cash.payMethods.bankTransfer'),
t('cash.payMethods.card'),
t('cash.payMethods.cash'),
t('cash.payMethods.check'),
t('cash.payMethods.grabpay'),
t('cash.payMethods.nets'),
t('cash.payMethods.transfer'),
t('cash.payMethods.paypal')
])
const statusList = computed(() => [
t('cash.statusList.pending'),
t('cash.statusList.passed'),
t('cash.statusList.rejected'),
t('cash.refundSuccess')
])
const executorList = ref([
{
value: '305485',
@ -458,18 +490,18 @@ const executorList = ref([
// 查全部
const getRefund = async function () {
if (!hasMenuPermission(menuTree.value, permissionMapping.view_headquarters_refund)) {
ElMessage.error('无此权限')
ElMessage.error(t('elmessage.noPermission'))
return
}
try {
const statusParam = ref([30, 32, 40, 41])// 默认：看不到进度没到这里的
if (searchForm.value.statuses === '待审核') {
if (searchForm.value.statuses === t('cash.statusList.pending')) {
statusParam.value = [30]
} else if (searchForm.value.statuses === '审核通过') {
} else if (searchForm.value.statuses === t('cash.statusList.passed')) {
statusParam.value = [40]
} else if (searchForm.value.statuses === '已驳回') {
} else if (searchForm.value.statuses === t('cash.statusList.rejected')) {
statusParam.value = [32]
} else if (searchForm.value.statuses === '退款成功') {
} else if (searchForm.value.statuses === t('cash.refundSuccess')) {
statusParam.value = [41]
} else {
statusParam.value = [30, 32, 40, 41]
@ -481,13 +513,13 @@ const getRefund = async function () {
if (searchForm.value.jwcode) {
const isPositiveInteger = /^[1-9]\d*$/.test(searchForm.value.jwcode);
if (!isPositiveInteger) {
ElMessage.error('请输入正确的精网号')
ElMessage.error(t('elmessage.checkJwcodeFormat'))
return;
}
}
// 增加精网号长度限制，防止后端400错误
if (searchForm.value.jwcode.length > 8) {
ElMessage.error('精网号长度不能超过8位')
ElMessage.error(t('elmessage.limitJwcodeLength'))
return;
}
@ -517,13 +549,13 @@ const getRefund = async function () {
tableData.value = result.data.list || []
pagination.value.total = result.data.total || 0
} catch (error) {
ElMessage.error(error.message || '查询失败')
ElMessage.error(error.message || t('elmessage.searchFailed'))
}
}
// 审核通过
const handlePass = async function () {
if (!hasMenuPermission(menuTree.value, permissionMapping.audit_headquarters_refund)) {
ElMessage.error('无此权限')
ElMessage.error(t('elmessage.noPermission'))
return
}
try {
@ -545,19 +577,19 @@ const handlePass = async function () {
data: params
})
if (result.code === 200) {
ElMessage.success('审核通过')
ElMessage.success(t('elmessage.approveSuccess'))
showAudit2.value = false
getRefund()
hideExecutor()
}
} catch (error) {
ElMessage.error(error.message || '审核失败')
ElMessage.error(error.message || t('elmessage.approveFailed'))
}
}
// 审核驳回
const handleReject = async function () {
if (!hasMenuPermission(menuTree.value, permissionMapping.audit_headquarters_refund)) {
ElMessage.error('无此权限')
ElMessage.error(t('elmessage.noPermission'))
return
}
try {
@ -575,14 +607,14 @@ const handleReject = async function () {
data: params
})
if (result.code === 200) {
ElMessage.success('审核驳回')
ElMessage.success(t('elmessage.rejectSuccess'))
showAudit2.value = false
getRefund()
addForm.value.remark = ''
showReject.value = false
}
} catch (error) {
ElMessage.error(error.message || '审核失败')
ElMessage.error(error.message || t('elmessage.approveFailed'))
}
}
const getMarket = async function () {
@ -620,13 +652,13 @@ const hideReject = function () {
}
const exportExcel = async function () {
const statusParam = ref([30, 32, 40, 41])// 默认：看不到进度没到这里的
if (searchForm.value.statuses === '待审核') {
if (searchForm.value.statuses === t('cash.statusList.pending')) {
statusParam.value = [30]
} else if (searchForm.value.statuses === '审核通过') {
} else if (searchForm.value.statuses === t('cash.statusList.passed')) {
statusParam.value = [40]
} else if (searchForm.value.statuses === '已驳回') {
} else if (searchForm.value.statuses === t('cash.statusList.rejected')) {
statusParam.value = [32]
} else if (searchForm.value.statuses === '退款成功') {
} else if (searchForm.value.statuses === t('cash.refundSuccess')) {
statusParam.value = [41]
} else {
statusParam.value = [30, 32, 40, 41]
@ -638,13 +670,13 @@ const exportExcel = async function () {
if (searchForm.value.jwcode) {
const isPositiveInteger = /^[1-9]\d*$/.test(searchForm.value.jwcode);
if (!isPositiveInteger) {
ElMessage.error('请输入正确的精网号')
ElMessage.error(t('elmessage.checkJwcodeFormat'))
return;
}
}
// 增加精网号长度限制，防止后端400错误
if (searchForm.value.jwcode.length > 8) {
ElMessage.error('精网号长度不能超过8位')
ElMessage.error(t('elmessage.limitJwcodeLength'))
return;
}
@ -667,9 +699,9 @@ const exportExcel = async function () {
const res = await API({ url: '/export/exportFinance', data: params })
if (res.code === 200) {
ElMessage.success('导出成功')
ElMessage.success(t('elmessage.exportSuccess'))
} else {
ElMessage.error(res.msg || '导出失败')
ElMessage.error(res.msg || t('elmessage.exportFailed'))
}
}
const openExportList = () => {
@ -686,11 +718,11 @@ const getExportList = async () => {
})
exportList.value = filteredData
} else {
ElMessage.error(result.msg || '获取导出列表失败')
ElMessage.error(result.msg || t('elmessage.getExportListError'))
}
} catch (error) {
console.error('获取导出列表出错:', error)
ElMessage.error('获取导出列表失败，请稍后重试')
ElMessage.error(t('elmessage.getExportListError'))
} finally {
exportListLoading.value = false
}
@ -702,7 +734,7 @@ const downloadExportFile = (item) => {
link.download = item.fileName
link.click()
} else {
ElMessage.warning('文件还在导出中，请稍后再试')
ElMessage.warning(t('elmessage.exportingInProgress'))
}
}
const getTagType = (state) => {
@ -723,15 +755,15 @@ const getTagType = (state) => {
const getTagText = (state) => {
switch (state) {
case 0:
return '待执行';
return t('elmessage.pendingExecution');
case 1:
return '执行中';
return t('elmessage.executing');
case 2:
return '执行完成';
return t('elmessage.executed');
case 3:
return '执行出错';
return t('elmessage.errorExecution');
default:
return '未知状态';
return t('elmessage.unknownStatus');
}
}
const reset = function () {
@ -748,7 +780,7 @@ const reset = function () {
}
const showStep = function (row) {
if (!hasMenuPermission(menuTree.value, permissionMapping.track_headquarters_refund_progress)) {
ElMessage.error('无此权限')
ElMessage.error(t('elmessage.noPermission'))
return
}
@ -936,4 +968,4 @@ onMounted(() => {
align-items: center;
}
}
</style>
</style>

230
src/views/moneyManage/refundDetail/refundService.vue
View File

@ -3,24 +3,24 @@
<el-card style="margin-bottom: 0.5vh;background-color: rgb(243,250,254);">
<div class="condition">
<div class="item1">
<el-text size="large" style="width:4vw;">精网号</el-text>
<el-input v-model="searchForm.jwcode" placeholder="请输入精网号" style="width:9vw;" clearable />
<el-text size="large" style="width:4vw;">{{ t('common.jwcode') }}</el-text>
<el-input v-model="searchForm.jwcode" :placeholder="t('common.jwcodePlaceholder')" style="width:9vw;" clearable />
</div>
<div class="item1">
<el-text size="large" style="width:4vw;">客户姓名</el-text>
<el-input v-model="searchForm.name" placeholder="请输入客户姓名" style="width:9vw;" clearable />
<el-text size="large" style="width:4vw;">{{ t('common.customerName') }}</el-text>
<el-input v-model="searchForm.name" :placeholder="t('common.customerNamePlaceholder')" style="width:9vw;" clearable />
</div>
<div class="item1">
<el-text size="large" style="width:4vw;">产品名称</el-text>
<el-cascader v-model="searchForm.goodsName" :options="productList" style="width: 10vw;" clearable />
<el-text size="large" style="width:4vw;">{{ t('common.productName') }}</el-text>
<el-cascader v-model="searchForm.goodsName" :options="productList" style="width: 10vw;" :placeholder="t('common.productNamePlaceholder')" clearable />
</div>
<div class="item1" v-if="adminData.markets === '总部'">
<el-text size="large" style="width:4vw;">所属地区</el-text>
<el-cascader style="width: 9vw;" v-model="searchForm.market" :options="market" placeholder="请选择所属地区"
<div class="item1" v-if="isHeadquarters">
<el-text size="large" style="width:4vw;">{{ t('common.market') }}</el-text>
<el-cascader style="width: 9vw;" v-model="searchForm.market" :options="market" :placeholder="t('common.marketPlaceholder')"
clearable @change="handleMarketChange" />
</div>
<div class="item1">
<el-text size="large" style="width:4vw;" multiple>订单状态</el-text>
<el-text size="large" style="width:4vw;" multiple>{{ t('common.orderStatus') }}</el-text>
<el-select v-model="searchForm.statuses" style="width:9vw;" clearable>
<el-option v-for="item in statusList" :key="item" :label="item" :value="item" />
</el-select>
@ -28,82 +28,82 @@
</div>
<div class="condition">
<div class="item2">
<el-text size="large" style="width:4vw;">付款币种</el-text>
<el-text size="large" style="width:4vw;">{{ t('common.payCurrency') }}</el-text>
<el-select v-model="searchForm.paymentCurrency" style="width:9vw;" clearable>
<el-option v-for="item in currencies" :key="item" :label="item" :value="item" />
</el-select>
</div>
<div class="item2">
<el-text size="large" style="width:4vw;">支付方式</el-text>
<el-text size="large" style="width:4vw;">{{ t('common.payModel') }}</el-text>
<el-select v-model="searchForm.payType" style="width:9vw;" clearable>
<el-option v-for="item in channelOptions" :key="item" :label="item" :value="item" />
</el-select>
</div>
<div class="item2" style="width: 28.5vw;">
<el-text size="large" style="width:4vw;">付款时间</el-text>
<el-date-picker v-model="dateRange" type="datetimerange" range-separator="至" start-placeholder="起始时间"
end-placeholder="结束时间" style="width:22vw;" :disabled-date="disabledDate" :default-time="defaultTime"
<el-text size="large" style="width:4vw;">{{ t('common.payTime') }}</el-text>
<el-date-picker v-model="dateRange" type="datetimerange" :range-separator="t('common.to')" :start-placeholder="t('common.startTime')"
:end-placeholder="t('common.endTime')" style="width:22vw;" :disabled-date="disabledDate" :default-time="defaultTime"
clearable />
</div>
<div>
<el-button type="primary" @click="getRefund">查询</el-button>
<el-button type="primary" @click="getRefund">{{ t('common.search') }}</el-button>
<!-- <el-button type="warning">导出excel</el-button>
<el-button type="primary">查看导出列表</el-button> -->
<el-button type="success" @click="reset">重置</el-button>
<el-button type="success" @click="reset">{{ t('common.reset') }}</el-button>
</div>
</div>
</el-card>
<el-card style="margin-top: 0.5vh;background-color: rgb(231,244,253);">
<el-table :data="tableData" style="height:73vh;width:82vw;background-color: rgb(243,250,254);">
<el-table-column type="index" label="序号" width="60" fixed="left">
<el-table-column type="index" :label="t('common_list.id')" width="60" fixed="left">
<template #default="scope">
{{ scope.$index + 1 + (pagination.pageNum - 1) * pagination.pageSize }}
</template>
</el-table-column>
<el-table-column prop="jwcode" label="Homily ID" width="120" fixed="left" />
<el-table-column prop="name" label="姓名" width="120" fixed="left" show-overflow-tooltip />
<el-table-column prop="marketName" label="所属地区" width="120" />
<el-table-column prop="activity" label="活动名称" width="120px" show-overflow-tooltip />
<el-table-column prop="goodsName" label="产品名称" width="130" show-overflow-tooltip />
<el-table-column prop="goodsNum" label="产品数量" width="120" />
<el-table-column prop="paymentCurrency" label="付款币种" width="120" />
<el-table-column prop="paymentAmount" label="付款金额" width="120" />
<el-table-column prop="payType" label="支付方式" width="140" />
<el-table-column prop="payTime" label="付款时间" width="180" />
<el-table-column prop="voucher" label="转账凭证" width="110px">
<el-table-column prop="name" :label="t('common_list.name')" width="120" fixed="left" show-overflow-tooltip />
<el-table-column prop="marketName" :label="t('common_list.market')" width="120" />
<el-table-column prop="activity" :label="t('common_list.activity')" width="120px" show-overflow-tooltip />
<el-table-column prop="goodsName" :label="t('common_list.productName')" width="130" show-overflow-tooltip />
<el-table-column prop="goodsNum" :label="t('common_list.productNum')" width="120" />
<el-table-column prop="paymentCurrency" :label="t('common_add.payCurrency')" width="120" />
<el-table-column prop="paymentAmount" :label="t('common_add.payAmount')" width="120" />
<el-table-column prop="payType" :label="t('common_add.payMethod')" width="140" />
<el-table-column prop="payTime" :label="t('common_add.payTime')" width="180" />
<el-table-column prop="voucher" :label="t('common_add.transferVoucher')" width="110px">
<template #default="scope">
<div v-if="scope.row.voucher"
style="display: flex; justify-content: center; align-items: center; cursor: pointer;"
@click="previewImage(scope.row.voucher)">
<img :src="scope.row.voucher" alt="转账凭证" style="width: auto; height: 40px;">
</div>
<div v-else style="display: flex; justify-content: center; align-items: center; height: 40px;">无转账凭证
<div v-else style="display: flex; justify-content: center; align-items: center; height: 40px;">{{ t('common_add.noTransferVoucher') }}
</div>
</template>
</el-table-column>
<el-table-column prop="remark" label="备注" width="150" show-overflow-tooltip />
<el-table-column prop="status" label="订单状态" width="120">
<el-table-column prop="remark" :label="t('common_list.remark')" width="150" show-overflow-tooltip />
<el-table-column prop="status" :label="t('common_list.orderStatus')" width="120">
<template #default="scope">
{{
[10].includes(scope.row.status) ? '已提交' :
[20, 30, 40].includes(scope.row.status) ? '进行中' :
[12, 22, 32].includes(scope.row.status) ? '已驳回' :
[11].includes(scope.row.status) ? '已撤回' :
scope.row.status === 41 ? '已退款' : scope.row.status
[10].includes(scope.row.status) ? t('cash.statusList.submitted') :
[20, 30, 40].includes(scope.row.status) ? t('cash.statusList.inProgress') :
[12, 22, 32].includes(scope.row.status) ? t('cash.statusList.rejected') :
[11].includes(scope.row.status) ? t('cash.statusList.recalled') :
scope.row.status === 41 ? t('cash.statusList.refunded') : scope.row.status
}}
</template>
</el-table-column>
<el-table-column prop="operation" label="操作" fixed="right" width="100px">
<el-table-column prop="operation" :label="t('common_list.operation')" fixed="right" width="140px">
<template #default="scope">
<div class="operation">
<el-button v-if="scope.row.status === 10" type="primary" text
@click="showBackDialog(scope.row)">
撤回
{{ t('common.withdraw') }}
</el-button>
<el-button v-if="scope.row.status === 11" type="primary" text
@click="showEditDialog(scope.row)">
编辑
{{ t('common.edit') }}
</el-button>
</div>
</template>
@ -115,96 +115,96 @@
style="margin-top: 1vh;"></el-pagination>
</el-card>
<el-dialog v-model="showEdit" title="退款" class="editDialog" overflow draggable
<el-dialog v-model="showEdit" :title="t('common_add.refund')" class="editDialog" overflow draggable
style="width: 40vw; background-color: #F3FAFE !important;">
<div style="display: flex;">
<div class="left">
<div class="add-item">
<el-text style="width:4vw;">精网号</el-text>
<el-text style="width:4vw;">{{ t('common_add.jwcode') }}</el-text>
<el-input v-model="editRow.jwcode" style="width:10vw;" disabled />
</div>
<div class="add-item">
<el-text style="width:4vw;">客户姓名</el-text>
<el-text style="width:4vw;">{{ t('common_add.customerName') }}</el-text>
<el-input v-model="editRow.name" style="width:10vw;" disabled />
</div>
<div class="add-item">
<el-text style="width:4vw;">所属地区</el-text>
<el-text style="width:4vw;">{{ t('common_add.market') }}</el-text>
<el-input v-model="editRow.marketName" style="width:10vw;" disabled />
</div>
<div class="add-item">
<el-text style="width:4vw;">活动名称</el-text>
<el-text style="width:4vw;">{{ t('common_add.activity') }}</el-text>
<el-input v-model="editRow.activity" style="width:10vw;" disabled />
</div>
<div class="add-item">
<el-text style="width:4vw;">产品名称</el-text>
<el-text style="width:4vw;">{{ t('common_add.productName') }}</el-text>
<el-input v-model="editRow.goodsName" style="width:10vw;" disabled />
</div>
<div class="add-item">
<el-text style="width:4vw;">产品数量</el-text>
<el-text style="width:4vw;">{{ t('common_add.productNum') }}</el-text>
<el-input v-model="editRow.goodsNum" style="width:10vw;" disabled />
&nbsp;个
&nbsp;{{ t('cash.unit') }}
</div>
<div class="add-item">
<el-text style="width:4vw;">付款币种</el-text>
<el-text style="width:4vw;">{{ t('common_add.payCurrency') }}</el-text>
<el-input v-model="editRow.paymentCurrency" style="width:10vw;" disabled />
</div>
<div class="add-item">
<el-text style="width:4vw;">付款金额</el-text>
<el-text style="width:4vw;">{{ t('common_add.payAmount') }}</el-text>
<el-input v-model="editRow.paymentAmount" style="width:10vw;" disabled />
</div>
<div class="add-item">
<el-text style="width:4vw;">支付方式</el-text>
<el-text style="width:4vw;">{{ t('common_add.payMethod') }}</el-text>
<el-input v-model="editRow.payType" style="width:10vw;" disabled />
</div>
<div class="add-item">
<el-text style="width:4vw;">付款时间</el-text>
<el-text style="width:4vw;">{{ t('common_add.payTime') }}</el-text>
<el-date-picker v-model="editRow.payTime" type="datetime" style="width:10vw;" disabled />
</div>
<div class="add-item">
<el-text style="width:4vw;">转账凭证</el-text>
<el-text style="width:4vw;">{{ t('common_add.transferVoucher') }}</el-text>
<img v-if="editRow.voucher" :src="editRow.voucher"
style="width: 80px; height: 80px; object-fit: cover;">
<div v-else>
无转账凭证
{{ t('common_add.noTransferVoucher') }}
</div>
</div>
<div class="add-item">
<el-text style="width:4vw;">备注</el-text>
<el-text style="width:4vw;">{{ t('common_add.remark') }}</el-text>
<el-input v-model="editRow.remark" style="width:10vw;" :rows="3" type="textarea" maxLength="100"
disabled show-word-limit />
</div>
</div>
<div class="right">
<div class="add-item">
<el-text style="width:4vw;">退款类型</el-text>
<el-text style="width:4vw;">{{ t('common_add.refundType') }}</el-text>
<el-radio-group v-model="editForm.refundModel">
<el-radio value="0">全部退款</el-radio>
<el-radio value="1">部分退款</el-radio>
<el-radio value="0">{{ t('common_add.refundModelAll') }}</el-radio>
<el-radio value="1">{{ t('common_add.refundModelPart') }}</el-radio>
</el-radio-group>
</div>
<div class="add-item" v-show="editRow.goodsName === '金币充值' && editForm.refundModel === '1'">
<el-text style="width:4vw;">永久金币</el-text>
<el-input v-model="editForm.partRefundGold" style="width:5vw;" />&nbsp;&nbsp;个
<el-text style="width:4vw;">{{ t('common_add.permanentGold') }}</el-text>
<el-input v-model="editForm.partRefundGold" style="width:5vw;" />&nbsp;&nbsp;{{ t('cash.unit') }}
</div>
<div class="add-item" v-show="editRow.goodsName === '金币充值' && editForm.refundModel === '1'">
<el-text style="width:4vw;">免费金币</el-text>
<el-input v-model="editForm.partRefundFree" style="width:5vw;" />&nbsp;&nbsp;个
<el-text style="width:4vw;">{{ t('common_add.freeGold') }}</el-text>
<el-input v-model="editForm.partRefundFree" style="width:5vw;" />&nbsp;&nbsp;{{ t('cash.unit') }}
</div>
<div class="add-item">
<el-text style="width:4vw;">退款理由</el-text>
<el-text style="width:4vw;">{{ t('common_add.refundReason') }}</el-text>
<el-input v-model="editForm.refundReason" style="width:10vw;" :rows="5" maxlength="150"
show-word-limit type="textarea" />
</div>
<div>ps:请在退款理由表明用户的退款需求。</div>
<div>{{ t('common_add.tip') }}</div>
<div style="display:flex;justify-content: center;margin-top: 5vh;">
<el-button type="default" @click="cancelEdit">取消</el-button>
<el-button type="primary" @click="submitEdit">提交</el-button>
<el-button type="default" @click="cancelEdit">{{ t('common.cancel') }}</el-button>
<el-button type="primary" @click="submitEdit">{{ t('common.submit') }}</el-button>
</div>
</div>
</div>
</el-dialog>
<ConfirmDialog v-model="showBack" message="撤回该信息!" @confirm="recall" @cancel="showBack = false"
<ConfirmDialog v-model="showBack" :message="t('common.willRecallOrder')" @confirm="recall" @cancel="showBack = false"
@close="showBack = false" />
<el-dialog v-model="showError" overflow draggable class="back-dialog" :style="{
@ -212,15 +212,15 @@
backgroundSize: 'cover',
backgroundPosition: 'center'
}">
<div class="back-text">退 款 金 额 填 写 有 误</div>
<div class="back-text">{{ t('elmessage.refundAmountError') }}</div>
<div class="back-btn">
<el-button type="default" @click="showError = false">取消</el-button>
<el-button type="primary" @click="" style="margin-left: 2vw;">确定</el-button>
<el-button type="default" @click="showError = false">{{ t('common.cancel') }}</el-button>
<el-button type="primary" @click="" style="margin-left: 2vw;">{{ t('common.confirm') }}</el-button>
</div>
</el-dialog>
</template>
<script setup>
import { ref, onMounted } from 'vue'
import { ref, onMounted, computed } from 'vue'
import { ElMessage } from 'element-plus'
import API from '@/util/http.js'
const uploadUrl = 'https://api.homilychart.com/hljw/api/aws/upload'
@ -236,6 +236,13 @@ import { productList, CurrencyForId } from '@/views/moneyManage/receiveDetail/ut
import RefundRecallBackground from '@/assets/images/refund-recall.png'
import { isNumber } from 'lodash'
import { re } from 'mathjs'
import { useI18n } from 'vue-i18n'
const { t } = useI18n()
import { computed } from 'vue'
const isHeadquarters = computed(() => {
const m = adminData.value.markets
return m === t('common.markets.headquarters') || m === '总部' || m === 'Headquarters'
})
const dateRange = ref([])
const searchForm = ref({
@ -264,24 +271,30 @@ const uploadRef = ref(null)
const showBack = ref(false)
const showError = ref(false)
const isKF = adminData.value.adminName.includes('客服')
const statusList = ref(['已提交', '已撤回', '进行中', '已退款', '已驳回'])
const statusList = computed(() => [
t('cash.statusList.submitted'),
t('cash.statusList.recalled'),
t('cash.statusList.inProgress'),
t('cash.statusList.refunded'),
t('cash.statusList.rejected')
])
// 查全部
const getRefund = async function () {
if (!hasMenuPermission(menuTree.value, permissionMapping.view_customer_service_refund_pending)) {
ElMessage.error('无此权限')
ElMessage.error(t('elmessage.noPermission'))
return
}
try {
const statusParam = ref([])
if (searchForm.value.statuses === '已提交') {
if (searchForm.value.statuses === t('cash.statusList.submitted')) {
statusParam.value = [10]
} else if (searchForm.value.statuses === '已撤回') {
} else if (searchForm.value.statuses === t('cash.statusList.recalled')) {
statusParam.value = [11]
} else if (searchForm.value.statuses === '进行中') {
} else if (searchForm.value.statuses === t('cash.statusList.inProgress')) {
statusParam.value = [20, 30, 40]
} else if (searchForm.value.statuses === '已退款') {
} else if (searchForm.value.statuses === t('cash.statusList.refunded')) {
statusParam.value = [41]
} else if (searchForm.value.statuses === '已驳回') {
} else if (searchForm.value.statuses === t('cash.statusList.rejected')) {
statusParam.value = [12, 22, 32]
}
@ -291,13 +304,13 @@ const getRefund = async function () {
if (searchForm.value.jwcode) {
const isPositiveInteger = /^[1-9]\d*$/.test(searchForm.value.jwcode);
if (!isPositiveInteger) {
ElMessage.error('请输入正确的精网号')
ElMessage.error(t('elmessage.checkJwcodeFormat'))
return;
}
}
// 增加精网号长度限制，防止后端400错误
if (searchForm.value.jwcode.length > 8) {
ElMessage.error('精网号长度不能超过8位')
ElMessage.error(t('elmessage.limitJwcodeLength'))
return;
}
@ -330,13 +343,13 @@ const getRefund = async function () {
tableData.value = result.data.list || []
pagination.value.total = result.data.total || 0
} catch (error) {
ElMessage.error(error.message || '查询失败')
ElMessage.error(error.message || t('elmessage.searchFailed'))
}
}
// 撤回
const recall = async function () {
if (!hasMenuPermission(menuTree.value, permissionMapping.withdraw_customer_service_refund)) {
ElMessage.error('无此权限')
ElMessage.error(t('elmessage.noPermission'))
return
}
try {
@ -351,42 +364,42 @@ const recall = async function () {
data: params
})
if (result.code === 200) {
ElMessage.success(result.msg || '撤回成功')
ElMessage.success(result.msg || t('elmessage.withdrawSuccess'))
showBack.value = false
getRefund()
} else {
ElMessage.error(result.msg || '撤回失败')
ElMessage.error(result.msg || t('elmessage.operationFailed'))
}
} catch (error) {
ElMessage.error(error.message || '撤回失败')
ElMessage.error(error.message || t('elmessage.operationFailed'))
}
}
// 编辑
const submitEdit = async function () {
if (!hasMenuPermission(menuTree.value, permissionMapping.edit_customer_service_refund)) {
ElMessage.error('无此权限')
ElMessage.error(t('elmessage.noPermission'))
return
}
try {
console.log(editRow.value)
if(!editForm.value.refundModel) {
ElMessage.error('请选择退款方式')
ElMessage.error(t('elmessage.selectRefundModel'))
return
}else if(!editForm.value.refundReason) {
ElMessage.error('请输入退款理由')
ElMessage.error(t('elmessage.refundReasonPlaceholder'))
return
}else if(editForm.value.refundModel == 1 && (!editForm.value.partRefundGold || !editForm.value.partRefundFree)) {
ElMessage.error('请输入退款金币数和免费金币数')
ElMessage.error(t('elmessage.inputRefundBeansBoth'))
return
}else if (editForm.value.refundModel == 1 && (editForm.value.partRefundGold || editForm.value.partRefundFree)) {
const isPositiveInteger = /^[1-9]\d*$/.test(editForm.value.partRefundGold)
if (!isPositiveInteger) {
ElMessage.error('请输入正确的永久金币数')
ElMessage.error(t('elmessage.checkPermanentFormat'))
return
}
const isPositiveInteger1 = /^[1-9]\d*$/.test(editForm.value.partRefundFree)
if (!isPositiveInteger1) {
ElMessage.error('请输入正确的免费金币数')
ElMessage.error(t('elmessage.checkFreeFormat'))
return
}
}
@ -410,11 +423,11 @@ const submitEdit = async function () {
}
if (editRow.value.goodsName == '金币充值') {
if (editForm.value.partRefundGold > editRow.value.gold) {
ElMessage.error('退款金币数不能大于原金币数')
ElMessage.error(t('elmessage.limitRefundGoldNotExceedOriginal'))
return
}
if (editForm.value.partRefundFree > editRow.value.free) {
ElMessage.error('退款免费金币数不能大于原免费金币数')
ElMessage.error(t('elmessage.limitRefundFreeNotExceedOriginal'))
return
}
}
@ -423,14 +436,14 @@ const submitEdit = async function () {
data: params
})
if (result.code === 200) {
ElMessage.success(result.msg || '编辑成功')
ElMessage.success(result.msg || t('elmessage.editSuccess'))
showEdit.value = false
getRefund()
} else {
ElMessage.error(result.msg || '编辑失败')
ElMessage.error(result.msg || t('elmessage.editFailed'))
}
} catch (error) {
ElMessage.error(error.message || '编辑失败')
ElMessage.error(error.message || t('elmessage.editFailed'))
}
}
const getMarket = async function () {
@ -500,8 +513,29 @@ const cancelEdit = function () {
}
showEdit.value = false
}
const currencies = ref(['美元(USD)', '港币(HKD)', '新币(SGD)', '马币(MYR)', '泰铢(THB)', '加币(CAD)', '越南盾(VDN)', '韩元(KRW)'])
const channelOptions = ref(["Stripe-链接收款", "PaymentAsia-链接收款", "Ipay88-链接收款", "银行转账", "刷卡", "现金", "支票", "Grabpay", "Nets", "E-Transfer", "Paypal"])
const currencies = computed(() => [
t('cash.currency.usd'),
t('cash.currency.hkd'),
t('cash.currency.sgd'),
t('cash.currency.myr'),
t('cash.currency.thb'),
t('cash.currency.cad'),
t('cash.currency.vnd'),
t('cash.currency.krw')
])
const channelOptions = computed(() => [
t('cash.payMethods.stripe'),
t('cash.payMethods.paymentAsia'),
t('cash.payMethods.ipay88'),
t('cash.payMethods.bankTransfer'),
t('cash.payMethods.card'),
t('cash.payMethods.cash'),
t('cash.payMethods.check'),
t('cash.payMethods.grabpay'),
t('cash.payMethods.nets'),
t('cash.payMethods.transfer'),
t('cash.payMethods.paypal')
])
const reset = function () {
searchForm.value = {
@ -631,4 +665,4 @@ onMounted(() => {
align-items: center;
}
}
</style>
</style>
Write Preview
Loading…
Cancel
Save