|
|
|
@ -1,226 +1,227 @@ |
|
|
|
<!-- 客服 --> |
|
|
|
<template> |
|
|
|
<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;">{{ $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;">{{ $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;">{{ $t('common.goodsName') }}</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;">{{ $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;">{{ $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="t('cash_refund.' + item)" :value="item" /> |
|
|
|
</el-select> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="condition"> |
|
|
|
<div class="item2"> |
|
|
|
<el-text size="large" style="width:4vw;">{{ $t('cash_refund.paymentCurrency') }}</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;">{{ $t('common.payType') }}</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;">{{ $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">{{ $t('common.search') }}</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="$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="$t('common_list.homilyId')" width="120" fixed="left" /> |
|
|
|
<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.activityName')" width="120px" show-overflow-tooltip /> |
|
|
|
<el-table-column prop="goodsName" :label="$t('common_list.goodsName')" width="130" show-overflow-tooltip /> |
|
|
|
<el-table-column prop="goodsNum" :label="$t('common_list.goodsNum')" width="120" /> |
|
|
|
<el-table-column prop="paymentCurrency" :label="$t('cash_refund.paymentCurrency')" width="120" /> |
|
|
|
<el-table-column prop="paymentAmount" :label="$t('cash_refund.paymentAmount')" width="120" /> |
|
|
|
<el-table-column prop="payType" :label="$t('common_list.payModel')" width="140" /> |
|
|
|
<el-table-column prop="payTime" :label="$t('common.payTime')" width="180" /> |
|
|
|
<el-table-column prop="voucher" :label="$t('cash_refund.payVoucher')" 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;">{{ $t('cash_refund.noVoucher') }} |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<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) ? t('cash_refund.submitted') : |
|
|
|
[20, 30, 40].includes(scope.row.status) ? t('cash_refund.inProgress') : |
|
|
|
[12, 22, 32].includes(scope.row.status) ? t('cash_refund.rejected') : |
|
|
|
[11].includes(scope.row.status) ? t('cash_refund.withdrawn') : |
|
|
|
scope.row.status === 41 ? t('audit.RefundSuccessful') : |
|
|
|
scope.row.status |
|
|
|
}} |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="operation" :label="$t('audit.operation')" fixed="right" width="100px"> |
|
|
|
<template #default="scope"> |
|
|
|
<div class="operation"> |
|
|
|
<el-button v-if="scope.row.status === 10" type="primary" text |
|
|
|
@click="showBackDialog(scope.row)"> |
|
|
|
{{ $t('common.cancel') }} |
|
|
|
</el-button> |
|
|
|
<el-button v-if="scope.row.status === 11" type="primary" text |
|
|
|
@click="showEditDialog(scope.row)"> |
|
|
|
{{ $t('common.edit') }} |
|
|
|
</el-button> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
<el-pagination v-model:current-page="pagination.pageNum" v-model:page-size="pagination.pageSize" |
|
|
|
layout="total, sizes, prev, pager, next, jumper" :total="pagination.total" |
|
|
|
@size-change="handlePageSizeChange" @current-change="handleCurrentChange" |
|
|
|
style="margin-top: 1vh;"></el-pagination> |
|
|
|
</el-card> |
|
|
|
|
|
|
|
<el-dialog v-model="showEdit" :title="$t('refund.addCoinRefund')" 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;">{{ $t('common.jwcode') }}</el-text> |
|
|
|
<el-input v-model="editRow.jwcode" style="width:10vw;" disabled /> |
|
|
|
<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;">{{ 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;">{{ 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;">{{ 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="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>{{ 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> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="add-item"> |
|
|
|
<el-text style="width:4vw;">{{ $t('elmessage.customerName') }}</el-text> |
|
|
|
<el-input v-model="editRow.name" style="width:10vw;" disabled /> |
|
|
|
<div class="condition"> |
|
|
|
<div class="item2"> |
|
|
|
<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;">{{ 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;">{{ 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">{{ t('common.search') }}</el-button> |
|
|
|
<!-- <el-button type="warning">导出excel</el-button> |
|
|
|
<el-button type="primary">查看导出列表</el-button> --> |
|
|
|
<el-button type="success" @click="reset">{{ t('common.reset') }}</el-button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="add-item"> |
|
|
|
<el-text style="width:4vw;">{{ $t('common.market') }}</el-text> |
|
|
|
<el-input v-model="editRow.marketName" style="width:10vw;" disabled /> |
|
|
|
</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="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="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;">{{ t('common_add.noTransferVoucher') }} |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<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) ? 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="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> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
<el-pagination v-model:current-page="pagination.pageNum" v-model:page-size="pagination.pageSize" |
|
|
|
layout="total, sizes, prev, pager, next, jumper" :total="pagination.total" |
|
|
|
@size-change="handlePageSizeChange" @current-change="handleCurrentChange" |
|
|
|
style="margin-top: 1vh;"></el-pagination> |
|
|
|
</el-card> |
|
|
|
|
|
|
|
<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;">{{ 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;">{{ 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;">{{ 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;">{{ 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;">{{ 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;">{{ t('common_add.productNum') }}</el-text> |
|
|
|
<el-input v-model="editRow.goodsNum" style="width:10vw;" disabled /> |
|
|
|
{{ t('cash.unit') }} |
|
|
|
</div> |
|
|
|
<div class="add-item"> |
|
|
|
<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;">{{ 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;">{{ 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;">{{ 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;">{{ 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;">{{ 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;">{{ t('common_add.refundType') }}</el-text> |
|
|
|
<el-radio-group v-model="editForm.refundModel"> |
|
|
|
<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;">{{ t('common_add.permanentGold') }}</el-text> |
|
|
|
<el-input v-model="editForm.partRefundGold" style="width:5vw;" /> {{ t('cash.unit') }} |
|
|
|
</div> |
|
|
|
<div class="add-item" v-show="editRow.goodsName === '金币充值' && editForm.refundModel === '1'"> |
|
|
|
<el-text style="width:4vw;">{{ t('common_add.freeGold') }}</el-text> |
|
|
|
<el-input v-model="editForm.partRefundFree" style="width:5vw;" /> {{ t('cash.unit') }} |
|
|
|
</div> |
|
|
|
<div class="add-item"> |
|
|
|
<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>{{ t('common_add.tip') }}</div> |
|
|
|
<div style="display:flex;justify-content: center;margin-top: 5vh;"> |
|
|
|
<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> |
|
|
|
<div class="add-item"> |
|
|
|
<el-text style="width:4vw;">{{ $t('common.activityName') }}</el-text> |
|
|
|
<el-input v-model="editRow.activity" style="width:10vw;" disabled /> |
|
|
|
</div> |
|
|
|
<div class="add-item"> |
|
|
|
<el-text style="width:4vw;">{{ $t('common_list.goodsName') }}</el-text> |
|
|
|
<el-input v-model="editRow.goodsName" style="width:10vw;" disabled /> |
|
|
|
</div> |
|
|
|
<div class="add-item"> |
|
|
|
<el-text style="width:4vw;">{{ $t('common_list.goodsNum') }}</el-text> |
|
|
|
<el-input v-model="editRow.goodsNum" style="width:10vw;" disabled /> |
|
|
|
{{ $t('common.个') }} |
|
|
|
</div> |
|
|
|
<div class="add-item"> |
|
|
|
<el-text style="width:4vw;">{{ $t('cash_refund.paymentCurrency') }}</el-text> |
|
|
|
<el-input v-model="editRow.paymentCurrency" style="width:10vw;" disabled /> |
|
|
|
</div> |
|
|
|
<div class="add-item"> |
|
|
|
<el-text style="width:4vw;">{{ $t('cash_refund.paymentAmount') }}</el-text> |
|
|
|
<el-input v-model="editRow.paymentAmount" style="width:10vw;" disabled /> |
|
|
|
</div> |
|
|
|
<div class="add-item"> |
|
|
|
<el-text style="width:4vw;">{{ $t('common_list.payModel') }}</el-text> |
|
|
|
<el-input v-model="editRow.payType" style="width:10vw;" disabled /> |
|
|
|
</div> |
|
|
|
<div class="add-item"> |
|
|
|
<el-text style="width:4vw;">{{ $t('common.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;">{{ $t('cash_refund.payVoucher') }}</el-text> |
|
|
|
<img v-if="editRow.voucher" :src="editRow.voucher" |
|
|
|
style="width: 80px; height: 80px; object-fit: cover;"> |
|
|
|
<div v-else> |
|
|
|
{{ $t('cash_refund.noVoucher') }} |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="add-item"> |
|
|
|
<el-text style="width:4vw;">{{ $t('common_list.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;">{{ $t('cash_refund.refundModel') }}</el-text> |
|
|
|
<el-radio-group v-model="editForm.refundModel"> |
|
|
|
<el-radio value="0">{{ $t('cash_refund.fullRefund') }}</el-radio> |
|
|
|
<el-radio value="1">{{ $t('cash_refund.partialRefund') }}</el-radio> |
|
|
|
</el-radio-group> |
|
|
|
</div> |
|
|
|
<div class="add-item" v-show="editRow.goodsName === '金币充值' && editForm.refundModel === '1'"> |
|
|
|
<el-text style="width:4vw;">{{ $t('common_list.permanentGold') }}</el-text> |
|
|
|
<el-input v-model="editForm.partRefundGold" style="width:5vw;" /> {{ $t('common.个') }} |
|
|
|
</div> |
|
|
|
<div class="add-item" v-show="editRow.goodsName === '金币充值' && editForm.refundModel === '1'"> |
|
|
|
<el-text style="width:4vw;">{{ $t('common_list.freeGold') }}</el-text> |
|
|
|
<el-input v-model="editForm.partRefundFree" style="width:5vw;" /> {{ $t('common.个') }} |
|
|
|
</div> |
|
|
|
<div class="add-item"> |
|
|
|
<el-text style="width:4vw;">{{ $t('common_list.refundReason') }}</el-text> |
|
|
|
<el-input v-model="editForm.refundReason" style="width:10vw;" :rows="5" maxlength="150" |
|
|
|
show-word-limit type="textarea" /> |
|
|
|
</div> |
|
|
|
<div>{{ $t('cash_refund.refundReasonTip') }}</div> |
|
|
|
<div style="display:flex;justify-content: center;margin-top: 5vh;"> |
|
|
|
<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> |
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
<ConfirmDialog v-model="showBack" :message="t('cash_refund.will') + t('cash_refund.withdrawRecord')" @confirm="recall" @cancel="showBack = false" |
|
|
|
@close="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="{ |
|
|
|
backgroundImage: `url(${RefundRecallBackground})`, |
|
|
|
backgroundSize: 'cover', |
|
|
|
backgroundPosition: 'center' |
|
|
|
}"> |
|
|
|
<div class="back-text">{{ $t('cash_refund.refundAmountError') }}</div> |
|
|
|
<div class="back-btn"> |
|
|
|
<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> |
|
|
|
<div class="back-text">{{ t('elmessage.refundAmountError') }}</div> |
|
|
|
<div class="back-btn"> |
|
|
|
<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 ' |
|
|
|
@ -233,8 +234,14 @@ import { permissionMapping, findMenuById, hasMenuPermission } from "@/utils/menu |
|
|
|
import ConfirmDialog from '@/components/dialogs/ConfirmDialog.vue' |
|
|
|
import { productList, CurrencyForId } from '@/views/moneyManage/receiveDetail/utils/staticData.js' |
|
|
|
import RefundRecallBackground from '@/assets/images/refund-recall.png' |
|
|
|
import { isNumber } from 'lodash' |
|
|
|
import { re } from 'mathjs' |
|
|
|
import { useI18n } from 'vue-i18n' |
|
|
|
const { t } = useI18n() |
|
|
|
const isHeadquarters = computed(() => { |
|
|
|
const m = adminData.value.markets |
|
|
|
return m === t('common.markets.headquarters') || m === '总部' || m === 'Headquarters' |
|
|
|
}) |
|
|
|
|
|
|
|
const dateRange = ref([]) |
|
|
|
const searchForm = ref({ |
|
|
|
@ -263,42 +270,48 @@ const uploadRef = ref(null) |
|
|
|
const showBack = ref(false) |
|
|
|
const showError = ref(false) |
|
|
|
const isKF = adminData.value.adminName.includes('客服') |
|
|
|
const statusList = ref(['submitted', 'withdrawn', 'inProgress', 'RefundSuccessful', 'rejected']) |
|
|
|
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(t('elmessage.noPermission')) |
|
|
|
return |
|
|
|
} |
|
|
|
try { |
|
|
|
const statusParam = ref([]) |
|
|
|
if (searchForm.value.statuses === 'submitted') { |
|
|
|
statusParam.value = [10] |
|
|
|
} else if (searchForm.value.statuses === 'withdrawn') { |
|
|
|
statusParam.value = [11] |
|
|
|
} else if (searchForm.value.statuses === 'inProgress') { |
|
|
|
statusParam.value = [20, 30, 40] |
|
|
|
} else if (searchForm.value.statuses === 'RefundSuccessful') { |
|
|
|
statusParam.value = [41] |
|
|
|
} else if (searchForm.value.statuses === 'rejected') { |
|
|
|
statusParam.value = [12, 22, 32] |
|
|
|
if (!hasMenuPermission(menuTree.value, permissionMapping.view_customer_service_refund_pending)) { |
|
|
|
ElMessage.error(t('elmessage.noPermission')) |
|
|
|
return |
|
|
|
} |
|
|
|
try { |
|
|
|
const statusParam = ref([]) |
|
|
|
if (searchForm.value.statuses === t('cash.statusList.submitted')) { |
|
|
|
statusParam.value = [10] |
|
|
|
} else if (searchForm.value.statuses === t('cash.statusList.recalled')) { |
|
|
|
statusParam.value = [11] |
|
|
|
} else if (searchForm.value.statuses === t('cash.statusList.inProgress')) { |
|
|
|
statusParam.value = [20, 30, 40] |
|
|
|
} else if (searchForm.value.statuses === t('cash.statusList.refunded')) { |
|
|
|
statusParam.value = [41] |
|
|
|
} else if (searchForm.value.statuses === t('cash.statusList.rejected')) { |
|
|
|
statusParam.value = [12, 22, 32] |
|
|
|
} |
|
|
|
|
|
|
|
const goodsName = searchForm.value.goodsName && searchForm.value.goodsName.length > 0 |
|
|
|
? searchForm.value.goodsName[searchForm.value.goodsName.length - 1] : '' |
|
|
|
|
|
|
|
if (searchForm.value.jwcode) { |
|
|
|
const isPositiveInteger = /^[1-9]\d*$/.test(searchForm.value.jwcode); |
|
|
|
if (!isPositiveInteger) { |
|
|
|
ElMessage.error(t('elmessage.invalidJwcodeFormat')) |
|
|
|
return; |
|
|
|
} |
|
|
|
} |
|
|
|
// 增加精网号长度限制，防止后端400错误 |
|
|
|
if (searchForm.value.jwcode.length > 8) { |
|
|
|
ElMessage.error(t('elmessage.jwcodeTooLong')) |
|
|
|
return; |
|
|
|
} |
|
|
|
if (searchForm.value.jwcode) { |
|
|
|
const isPositiveInteger = /^[1-9]\d*$/.test(searchForm.value.jwcode); |
|
|
|
if (!isPositiveInteger) { |
|
|
|
ElMessage.error(t('elmessage.checkJwcodeFormat')) |
|
|
|
return; |
|
|
|
} |
|
|
|
} |
|
|
|
// 增加精网号长度限制，防止后端400错误 |
|
|
|
if (searchForm.value.jwcode.length > 8) { |
|
|
|
ElMessage.error(t('elmessage.limitJwcodeLength')) |
|
|
|
return; |
|
|
|
} |
|
|
|
|
|
|
|
const params = { |
|
|
|
pageNum: pagination.value.pageNum, |
|
|
|
@ -326,111 +339,111 @@ const getRefund = async function () { |
|
|
|
data: params |
|
|
|
}) |
|
|
|
|
|
|
|
tableData.value = result.data.list || [] |
|
|
|
pagination.value.total = result.data.total || 0 |
|
|
|
} catch (error) { |
|
|
|
ElMessage.error(error.message || t('elmessage.requestFailed')) |
|
|
|
} |
|
|
|
tableData.value = result.data.list || [] |
|
|
|
pagination.value.total = result.data.total || 0 |
|
|
|
} catch (error) { |
|
|
|
ElMessage.error(error.message || t('elmessage.searchFailed')) |
|
|
|
} |
|
|
|
} |
|
|
|
// 撤回 |
|
|
|
const recall = async function () { |
|
|
|
if (!hasMenuPermission(menuTree.value, permissionMapping.withdraw_customer_service_refund)) { |
|
|
|
ElMessage.error(t('elmessage.noPermission')) |
|
|
|
return |
|
|
|
} |
|
|
|
try { |
|
|
|
console.log(backRow.value) |
|
|
|
const params = { |
|
|
|
id: backRow.value.id, |
|
|
|
status: backRow.value.status, |
|
|
|
orderType: backRow.value.orderType |
|
|
|
if (!hasMenuPermission(menuTree.value, permissionMapping.withdraw_customer_service_refund)) { |
|
|
|
ElMessage.error(t('elmessage.noPermission')) |
|
|
|
return |
|
|
|
} |
|
|
|
const result = await API({ |
|
|
|
url: '/Money/update', |
|
|
|
data: params |
|
|
|
}) |
|
|
|
if (result.code === 200) { |
|
|
|
ElMessage.success(result.msg || t('elmessage.addSuccess')) |
|
|
|
showBack.value = false |
|
|
|
getRefund() |
|
|
|
} else { |
|
|
|
ElMessage.error(result.msg || t('elmessage.operationFailed')) |
|
|
|
try { |
|
|
|
console.log(backRow.value) |
|
|
|
const params = { |
|
|
|
id: backRow.value.id, |
|
|
|
status: backRow.value.status, |
|
|
|
orderType: backRow.value.orderType |
|
|
|
} |
|
|
|
const result = await API({ |
|
|
|
url: '/Money/update', |
|
|
|
data: params |
|
|
|
}) |
|
|
|
if (result.code === 200) { |
|
|
|
ElMessage.success(result.msg || t('elmessage.withdrawSuccess')) |
|
|
|
showBack.value = false |
|
|
|
getRefund() |
|
|
|
} else { |
|
|
|
ElMessage.error(result.msg || t('elmessage.operationFailed')) |
|
|
|
} |
|
|
|
} catch (error) { |
|
|
|
ElMessage.error(error.message || t('elmessage.operationFailed')) |
|
|
|
} |
|
|
|
} catch (error) { |
|
|
|
ElMessage.error(error.message || t('elmessage.operationFailed')) |
|
|
|
} |
|
|
|
} |
|
|
|
// 编辑 |
|
|
|
const submitEdit = async function () { |
|
|
|
if (!hasMenuPermission(menuTree.value, permissionMapping.edit_customer_service_refund)) { |
|
|
|
ElMessage.error(t('elmessage.noPermission')) |
|
|
|
return |
|
|
|
} |
|
|
|
try { |
|
|
|
console.log(editRow.value) |
|
|
|
if(!editForm.value.refundModel) { |
|
|
|
ElMessage.error(t('elmessage.checkRefundModel')) |
|
|
|
return |
|
|
|
}else if(!editForm.value.refundReason) { |
|
|
|
ElMessage.error(t('elmessage.checkRefundReason')) |
|
|
|
return |
|
|
|
}else if(editForm.value.refundModel == 1 && (!editForm.value.partRefundGold || !editForm.value.partRefundFree)) { |
|
|
|
ElMessage.error(t('elmessage.checkRefundGold')) |
|
|
|
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(t('elmessage.invalidPermanentGold')) |
|
|
|
return |
|
|
|
} |
|
|
|
const isPositiveInteger1 = /^[1-9]\d*$/.test(editForm.value.partRefundFree) |
|
|
|
if (!isPositiveInteger1) { |
|
|
|
ElMessage.error(t('elmessage.invalidFreeGold')) |
|
|
|
if (!hasMenuPermission(menuTree.value, permissionMapping.edit_customer_service_refund)) { |
|
|
|
ElMessage.error(t('elmessage.noPermission')) |
|
|
|
return |
|
|
|
} |
|
|
|
} |
|
|
|
let params = { |
|
|
|
id: editRow.value.id, |
|
|
|
status: editRow.value.status, |
|
|
|
refundModel: editForm.value.refundModel, |
|
|
|
refundReason: editForm.value.refundReason, |
|
|
|
jwcode: editRow.value.jwcode, |
|
|
|
paymentAmount: editRow.value.paymentAmount, |
|
|
|
paymentCurrency: editRow.value.paymentCurrency, |
|
|
|
newRefundGold: (editForm.value.partRefundGold * 100), |
|
|
|
newRefundFree: (editForm.value.partRefundFree) * 100 |
|
|
|
try { |
|
|
|
console.log(editRow.value) |
|
|
|
if(!editForm.value.refundModel) { |
|
|
|
ElMessage.error(t('elmessage.selectRefundModel')) |
|
|
|
return |
|
|
|
}else if(!editForm.value.refundReason) { |
|
|
|
ElMessage.error(t('elmessage.refundReasonPlaceholder')) |
|
|
|
return |
|
|
|
}else if(editForm.value.refundModel == 1 && (!editForm.value.partRefundGold || !editForm.value.partRefundFree)) { |
|
|
|
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(t('elmessage.checkPermanentFormat')) |
|
|
|
return |
|
|
|
} |
|
|
|
const isPositiveInteger1 = /^[1-9]\d*$/.test(editForm.value.partRefundFree) |
|
|
|
if (!isPositiveInteger1) { |
|
|
|
ElMessage.error(t('elmessage.checkFreeFormat')) |
|
|
|
return |
|
|
|
} |
|
|
|
} |
|
|
|
let params = { |
|
|
|
id: editRow.value.id, |
|
|
|
status: editRow.value.status, |
|
|
|
refundModel: editForm.value.refundModel, |
|
|
|
refundReason: editForm.value.refundReason, |
|
|
|
jwcode: editRow.value.jwcode, |
|
|
|
paymentAmount: editRow.value.paymentAmount, |
|
|
|
paymentCurrency: editRow.value.paymentCurrency, |
|
|
|
newRefundGold: (editForm.value.partRefundGold * 100), |
|
|
|
newRefundFree: (editForm.value.partRefundFree) * 100 |
|
|
|
|
|
|
|
} |
|
|
|
console.log(editRow.value.goodsName); |
|
|
|
|
|
|
|
if (editRow.value.goodsName != '金币充值') { |
|
|
|
params.newRefundGold = '' |
|
|
|
params.newRefundFree = '' |
|
|
|
} |
|
|
|
if (editRow.value.goodsName == '金币充值') { |
|
|
|
if (editForm.value.partRefundGold > editRow.value.gold) { |
|
|
|
ElMessage.error(t('elmessage.refundGoldExceed')) |
|
|
|
return |
|
|
|
} |
|
|
|
if (editForm.value.partRefundFree > editRow.value.free) { |
|
|
|
ElMessage.error(t('elmessage.refundFreeExceed')) |
|
|
|
return |
|
|
|
} |
|
|
|
if (editRow.value.goodsName != '金币充值') { |
|
|
|
params.newRefundGold = '' |
|
|
|
params.newRefundFree = '' |
|
|
|
} |
|
|
|
if (editRow.value.goodsName == '金币充值') { |
|
|
|
if (editForm.value.partRefundGold > editRow.value.gold) { |
|
|
|
ElMessage.error(t('elmessage.limitRefundGoldNotExceedOriginal')) |
|
|
|
return |
|
|
|
} |
|
|
|
if (editForm.value.partRefundFree > editRow.value.free) { |
|
|
|
ElMessage.error(t('elmessage.limitRefundFreeNotExceedOriginal')) |
|
|
|
return |
|
|
|
} |
|
|
|
} |
|
|
|
const result = await API({ |
|
|
|
url: '/Money/update', |
|
|
|
data: params |
|
|
|
}) |
|
|
|
if (result.code === 200) { |
|
|
|
ElMessage.success(result.msg || t('elmessage.editSuccess')) |
|
|
|
showEdit.value = false |
|
|
|
getRefund() |
|
|
|
} else { |
|
|
|
ElMessage.error(result.msg || t('elmessage.editFailed')) |
|
|
|
} |
|
|
|
} catch (error) { |
|
|
|
ElMessage.error(error.message || t('elmessage.editFailed')) |
|
|
|
} |
|
|
|
const result = await API({ |
|
|
|
url: '/Money/update', |
|
|
|
data: params |
|
|
|
}) |
|
|
|
if (result.code === 200) { |
|
|
|
ElMessage.success(result.msg || t('elmessage.addSuccess')) |
|
|
|
showEdit.value = false |
|
|
|
getRefund() |
|
|
|
} else { |
|
|
|
ElMessage.error(result.msg || t('elmessage.addFailed')) |
|
|
|
} |
|
|
|
} catch (error) { |
|
|
|
ElMessage.error(error.message || t('elmessage.addFailed')) |
|
|
|
} |
|
|
|
} |
|
|
|
const getMarket = async function () { |
|
|
|
try { |
|
|
|
@ -499,8 +512,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 = { |
|
|
|
|
zhangrenyuan
4 weeks ago