|
|
|
@ -3,25 +3,25 @@ |
|
|
|
<div class="condition1"> |
|
|
|
<div class="search"> |
|
|
|
<el-text size="large" style="width:4vw;">姓名</el-text> |
|
|
|
<el-input v-model="searchForm.name" placeholder="请输入姓名" style="width:9vw;" clearable /> |
|
|
|
<el-input v-model="searchForm.name" placeholder="请输入姓名" style="width:9vw;" clearable/> |
|
|
|
</div> |
|
|
|
<div class="search"> |
|
|
|
<el-text size="large" style="width:4vw;">精网号</el-text> |
|
|
|
<el-input v-model="searchForm.jwcode" placeholder="请输入精网号" style="width:9vw;" clearable /> |
|
|
|
<el-input v-model="searchForm.jwcode" placeholder="请输入精网号" style="width:9vw;" clearable/> |
|
|
|
</div> |
|
|
|
<div class="search"> |
|
|
|
<el-text size="large" style="width:4vw;">所属地区</el-text> |
|
|
|
<el-cascader style="width: 9vw;" v-model="searchForm.markets" :options="market" placeholder="请选择所属地区" |
|
|
|
clearable /> |
|
|
|
clearable/> |
|
|
|
</div> |
|
|
|
<div class="search"> |
|
|
|
<el-text size="large" style="width:4vw;">产品名称</el-text> |
|
|
|
<el-cascader v-model="searchForm.goodsName" :options="productList" style="width: 10vw;" clearable /> |
|
|
|
<el-cascader v-model="searchForm.goodsName" :options="productList" style="width: 10vw;" clearable/> |
|
|
|
</div> |
|
|
|
<div class="search"> |
|
|
|
<el-text size="large" style="width:4vw;">退款币种</el-text> |
|
|
|
<el-select v-model="searchForm.refundCurrency" style="width:9vw;" clearable> |
|
|
|
<el-option v-for="item in currencies" :key="item.value" :label="item.label" :value="item.value" /> |
|
|
|
<el-option v-for="item in currencies" :key="item.value" :label="item.label" :value="item.value"/> |
|
|
|
</el-select> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -30,20 +30,20 @@ |
|
|
|
<el-text size="large" style="width:4vw;">退款途径</el-text> |
|
|
|
<el-select v-model="searchForm.refundChannels" style="width:9vw;" clearable> |
|
|
|
<el-option v-for="item in channelOptions" :key="item.value" :label="item.label" |
|
|
|
:value="item.value" /> |
|
|
|
:value="item.value"/> |
|
|
|
</el-select> |
|
|
|
</div> |
|
|
|
<div class="search2"> |
|
|
|
<el-text size="large" style="width:4vw;">订单状态</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-option v-for="item in statusList" :label="item" :value="item" :key="item"/> |
|
|
|
</el-select> |
|
|
|
</div> |
|
|
|
<div class="search2" style="width: 28vw;"> |
|
|
|
<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 |
|
|
|
:disabled-date="disabledDate" :default-time="defaultTime" /> |
|
|
|
:disabled-date="disabledDate" :default-time="defaultTime"/> |
|
|
|
</div> |
|
|
|
<div> |
|
|
|
<el-button type="primary" @click="getRefund">查询</el-button> |
|
|
|
@ -56,12 +56,12 @@ |
|
|
|
|
|
|
|
<el-card style="background-color: rgb(231,244,253);"> |
|
|
|
<el-table :data="tableData" style="height:60vh;width:82vw;"> |
|
|
|
<el-table-column type="index" label="序号" width="60" fixed="left" /> |
|
|
|
<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="120" /> |
|
|
|
<el-table-column prop="goodNum" label="产品数量" width="120" /> |
|
|
|
<el-table-column type="index" label="序号" width="60" fixed="left"/> |
|
|
|
<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="120"/> |
|
|
|
<el-table-column prop="goodNum" label="产品数量" width="120"/> |
|
|
|
<el-table-column prop="refundModel" label="退款方式" width="120"> |
|
|
|
<template #default="scope"> |
|
|
|
{{ scope.row.refundModel === 1 ? '部分退款' : '全部退款' }} |
|
|
|
@ -92,7 +92,7 @@ |
|
|
|
<template #default="scope"> |
|
|
|
<el-image v-if="scope.row.refundVoucher" :src="scope.row.refundVoucher" |
|
|
|
@click="previewImage(scope.row.refundVoucher)" |
|
|
|
style="width: 40px; height: 40px; cursor: pointer;z-index: 99999;" fit="cover" /> |
|
|
|
style="width: 40px; height: 40px; cursor: pointer;z-index: 99999;" fit="cover"/> |
|
|
|
<span v-else style="color: #FA5A1E;">待补充</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
@ -122,8 +122,8 @@ |
|
|
|
</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" style="margin-top: 1vh;" /> |
|
|
|
<el-pagination :current-page="pagination.pageNum" :page-size="pagination.pageSize" |
|
|
|
layout="total, sizes, prev, pager, next, jumper" :total="pagination.total" style="margin-top: 1vh;"/> |
|
|
|
</el-card> |
|
|
|
|
|
|
|
<el-dialog v-model="showEdit" class="edit" overflow draggable style="width: 40vw;"> |
|
|
|
@ -131,19 +131,19 @@ |
|
|
|
<div class="left"> |
|
|
|
<div class="dialog-item"> |
|
|
|
<el-text style="width:4vw;">精网号</el-text> |
|
|
|
<el-input v-model="editRow.jwcode" style="width:10vw;" disabled /> |
|
|
|
<el-input v-model="editRow.jwcode" style="width:10vw;" disabled/> |
|
|
|
</div> |
|
|
|
<div class="dialog-item"> |
|
|
|
<el-text style="width:4vw;">客户姓名</el-text> |
|
|
|
<el-input v-model="editRow.name" style="width:10vw;" disabled /> |
|
|
|
<el-input v-model="editRow.name" style="width:10vw;" disabled/> |
|
|
|
</div> |
|
|
|
<div class="dialog-item"> |
|
|
|
<el-text style="width:4vw;">所属地区</el-text> |
|
|
|
<el-input v-model="editRow.marketName" style="width:10vw;" disabled /> |
|
|
|
<el-input v-model="editRow.marketName" style="width:10vw;" disabled/> |
|
|
|
</div> |
|
|
|
<div class="dialog-item"> |
|
|
|
<el-text style="width:4vw;">产品名称</el-text> |
|
|
|
<el-input v-model="editRow.goodsName" style="width:10vw;" disabled /> |
|
|
|
<el-input v-model="editRow.goodsName" style="width:10vw;" disabled/> |
|
|
|
</div> |
|
|
|
<div class="dialog-item"> |
|
|
|
<el-text style="width:4vw;">退款类型</el-text> |
|
|
|
@ -154,23 +154,23 @@ |
|
|
|
</div> |
|
|
|
<div class="dialog-item"> |
|
|
|
<el-text style="width:4vw;">付款币种</el-text> |
|
|
|
<el-input v-model="editRow.paymentCurrency" style="width:10vw;" disabled /> |
|
|
|
<el-input v-model="editRow.paymentCurrency" style="width:10vw;" disabled/> |
|
|
|
</div> |
|
|
|
<div class="dialog-item"> |
|
|
|
<el-text style="width:4vw;">付款金额</el-text> |
|
|
|
<el-input v-model="editRow.paymentAmount" style="width:10vw;" disabled /> |
|
|
|
<el-input v-model="editRow.paymentAmount" style="width:10vw;" disabled/> |
|
|
|
</div> |
|
|
|
<div class="dialog-item"> |
|
|
|
<el-text style="width:4vw;">支付方式</el-text> |
|
|
|
<el-input v-model="editRow.payType" style="width:10vw;" disabled /> |
|
|
|
<el-input v-model="editRow.payType" style="width:10vw;" disabled/> |
|
|
|
</div> |
|
|
|
<div class="dialog-item"> |
|
|
|
<el-text style="width:4vw;">付款时间</el-text> |
|
|
|
<el-date-picker v-model="editRow.payTime" type="datetime" style="width:10vw;" disabled /> |
|
|
|
<el-date-picker v-model="editRow.payTime" type="datetime" style="width:10vw;" disabled/> |
|
|
|
</div> |
|
|
|
<div class="dialog-item"> |
|
|
|
<el-text style="width:4vw;">提交人</el-text> |
|
|
|
<el-input v-model="editRow.submitterName" style="width:10vw;" disabled /> |
|
|
|
<el-input v-model="editRow.submitterName" style="width:10vw;" disabled/> |
|
|
|
</div> |
|
|
|
<div class="dialog-item"> |
|
|
|
<el-text style="width:4vw;">转账凭证</el-text> |
|
|
|
@ -183,7 +183,7 @@ |
|
|
|
<div class="dialog-item"> |
|
|
|
<el-text style="width:4vw;">备注</el-text> |
|
|
|
<el-input v-model="editRow.remark" style="width:10vw;" :row="3" disabled maxlength="100" |
|
|
|
type="textarea" show-word-limit clearable /> |
|
|
|
type="textarea" show-word-limit clearable/> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="right"> |
|
|
|
@ -191,24 +191,24 @@ |
|
|
|
<el-text style="width:4vw;">退款币种</el-text> |
|
|
|
<el-select v-model="editForm.refundCurrency" placeholder="请选择退款币种" style="width:10vw;"> |
|
|
|
<el-option v-for="item in currencies" :key="item.value" :label="item.label" |
|
|
|
:value="item.value" /> |
|
|
|
:value="item.value"/> |
|
|
|
</el-select> |
|
|
|
</div> |
|
|
|
<div class="dialog-item"> |
|
|
|
<el-text style="width:4vw;">退款金额</el-text> |
|
|
|
<el-input v-model="editForm.refundAmount" placeholder="请输入退款金额" style="width:10vw;" clearable /> |
|
|
|
<el-input v-model="editForm.refundAmount" placeholder="请输入退款金额" style="width:10vw;" clearable/> |
|
|
|
</div> |
|
|
|
<div class="dialog-item"> |
|
|
|
<el-text style="width:4vw;">退款途径</el-text> |
|
|
|
<el-select v-model="editForm.refundChannels" placeholder="请选择退款途径" style="width:10vw;"> |
|
|
|
<el-option v-for="item in channelOptions" :key="item.value" :label="item.label" |
|
|
|
:value="item.value" /> |
|
|
|
:value="item.value"/> |
|
|
|
</el-select> |
|
|
|
</div> |
|
|
|
<div class="dialog-item"> |
|
|
|
<el-text style="width:4vw;">退款时间</el-text> |
|
|
|
<el-date-picker v-model="editForm.refundTime" type="datetime" placeholder="请选择退款时间" |
|
|
|
style="width:10vw;" clearable /> |
|
|
|
style="width:10vw;" clearable/> |
|
|
|
</div> |
|
|
|
<div class="dialog-item"> |
|
|
|
<el-text style="width:4vw;">支付凭证</el-text> |
|
|
|
@ -219,7 +219,7 @@ |
|
|
|
<img v-if="editForm.imageUrl" :src="editForm.imageUrl" |
|
|
|
style="width: 80px; height: 80px; object-fit: cover;"> |
|
|
|
<el-icon v-else> |
|
|
|
<Plus /> |
|
|
|
<Plus/> |
|
|
|
</el-icon> |
|
|
|
</template> |
|
|
|
</el-upload> |
|
|
|
@ -227,7 +227,7 @@ |
|
|
|
<div class="dialog-item"> |
|
|
|
<el-text style="width:4vw;">备注</el-text> |
|
|
|
<el-input v-model="editForm.refundRemark" placeholder="请输入备注" style="width:10vw;" :rows="3" |
|
|
|
maxlength="100" show-word-limit type="textarea" clearable /> |
|
|
|
maxlength="100" show-word-limit type="textarea" clearable/> |
|
|
|
</div> |
|
|
|
<div style="display:flex;justify-content: center;margin-top: 5vh;"> |
|
|
|
<el-button type="default" @click="hideEditDialog" style="margin-right: 2vw;">取消</el-button> |
|
|
|
@ -238,16 +238,17 @@ |
|
|
|
</el-dialog> |
|
|
|
</template> |
|
|
|
<script setup> |
|
|
|
import { ref, onMounted } from 'vue' |
|
|
|
import { ElMessage } from 'element-plus' |
|
|
|
import {ref, onMounted} from 'vue' |
|
|
|
import {ElMessage} from 'element-plus' |
|
|
|
import API from '@/util/http.js' |
|
|
|
import dayjs from 'dayjs' |
|
|
|
import { useAdminStore } from "@/store/index.js" |
|
|
|
import { storeToRefs } from "pinia" |
|
|
|
import { Delete, Download, Plus, ZoomIn } from '@element-plus/icons-vue' |
|
|
|
import {useAdminStore} from "@/store/index.js" |
|
|
|
import {storeToRefs} from "pinia" |
|
|
|
import {Delete, Download, Plus, ZoomIn} from '@element-plus/icons-vue' |
|
|
|
|
|
|
|
const adminStore = useAdminStore() |
|
|
|
const { adminData, menuTree } = storeToRefs(adminStore) |
|
|
|
import { permissionMapping, findMenuById } from "@/utils/menuTreePermission.js" |
|
|
|
const {adminData, menuTree} = storeToRefs(adminStore) |
|
|
|
import {permissionMapping, findMenuById} from "@/utils/menuTreePermission.js" |
|
|
|
|
|
|
|
const uploadUrl = 'https://api.homilychart.com/hljw/api/aws/upload' |
|
|
|
const dateRange = ref([]) |
|
|
|
@ -393,46 +394,46 @@ const channelOptions = ref([{ |
|
|
|
value: '银行转账', |
|
|
|
label: '银行转账' |
|
|
|
}, |
|
|
|
{ |
|
|
|
{ |
|
|
|
value: '刷卡', |
|
|
|
label: '刷卡' |
|
|
|
}, |
|
|
|
{ |
|
|
|
}, |
|
|
|
{ |
|
|
|
value: '现金', |
|
|
|
label: '现金' |
|
|
|
}, |
|
|
|
{ |
|
|
|
}, |
|
|
|
{ |
|
|
|
value: '支票', |
|
|
|
label: '支票' |
|
|
|
}, |
|
|
|
{ |
|
|
|
}, |
|
|
|
{ |
|
|
|
value: 'Grabpay', |
|
|
|
label: 'Grabpay' |
|
|
|
}, |
|
|
|
{ |
|
|
|
}, |
|
|
|
{ |
|
|
|
value: 'Nets', |
|
|
|
label: 'Nets' |
|
|
|
}, |
|
|
|
{ |
|
|
|
}, |
|
|
|
{ |
|
|
|
value: 'E-Transfer', |
|
|
|
label: 'E-Transfer' |
|
|
|
}, |
|
|
|
{ |
|
|
|
}, |
|
|
|
{ |
|
|
|
value: 'PayPal', |
|
|
|
label: 'PayPal' |
|
|
|
}, |
|
|
|
{ |
|
|
|
}, |
|
|
|
{ |
|
|
|
value: 'Stripe-链接收款', |
|
|
|
label: 'Stripe-链接收款' |
|
|
|
}, |
|
|
|
{ |
|
|
|
}, |
|
|
|
{ |
|
|
|
value: 'PaymentAsia-链接收款', |
|
|
|
label: 'PaymentAsia-链接收款' |
|
|
|
}, |
|
|
|
{ |
|
|
|
}, |
|
|
|
{ |
|
|
|
value: 'Ipay88-链接收款', |
|
|
|
label: 'Ipay88-链接收款' |
|
|
|
} |
|
|
|
} |
|
|
|
]) |
|
|
|
|
|
|
|
const currencies = ref([ |
|
|
|
@ -674,6 +675,8 @@ const reset = function () { |
|
|
|
markets: [], |
|
|
|
statuses: [] |
|
|
|
} |
|
|
|
// 重置页码 |
|
|
|
pagination.value.pageNum = 1 |
|
|
|
dateRange.value = [] |
|
|
|
getRefund() |
|
|
|
} |
|
|
|
|
lihui
3 weeks ago