|
|
|
@ -14,38 +14,33 @@ |
|
|
|
<el-text size="large" style="width:4vw;">产品名称</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="请选择所属地区" |
|
|
|
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;" clearable> |
|
|
|
<el-option v-for="item in statusList" :label="item" :value="item" :key="item" /> |
|
|
|
</el-select> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="condition"> |
|
|
|
<div class="item2"> |
|
|
|
<div class="item1"> |
|
|
|
<el-text size="large" style="width:4vw;">付款币种</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> |
|
|
|
<div class="condition"> |
|
|
|
<div class="item2"> |
|
|
|
<el-text size="large" style="width:4vw;">支付方式</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;"> |
|
|
|
<div class="item2" style="width: 29.2vw;"> |
|
|
|
<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" /> |
|
|
|
</div> |
|
|
|
<div> |
|
|
|
<div style="margin-left: 1vw;"> |
|
|
|
<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> |
|
|
|
@ -84,7 +79,7 @@ |
|
|
|
}} |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="operation" label="操作" fixed="right" width="100px"> |
|
|
|
<el-table-column prop="operation" label="操作" fixed="right" width="120px"> |
|
|
|
<template #default="scope"> |
|
|
|
<div class="operation"> |
|
|
|
<el-button v-if="scope.row.status === 10" type="primary" text @click="showAudit2(scope.row)"> |
|
|
|
@ -222,7 +217,7 @@ |
|
|
|
</div> |
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
<el-dialog v-model="showSteps" title="退款进度" overflow draggable width="1206px" height="506px" :style="{ |
|
|
|
<el-dialog v-model="showSteps" overflow draggable width="1206px" height="506px" :style="{ |
|
|
|
backgroundImage: `url(${RefundFinanceBackground})`, |
|
|
|
backgroundSize: 'cover', |
|
|
|
backgroundPosition: 'center' |
|
|
|
@ -298,6 +293,7 @@ |
|
|
|
</el-step> |
|
|
|
</el-steps> |
|
|
|
</div> |
|
|
|
<div class="reject-reason" v-if="isReject">驳回理由:{{ rejectReason }}</div> |
|
|
|
<div class="steps-btn"> |
|
|
|
<el-button type="primary" @click="showSteps = false">确定</el-button> |
|
|
|
</div> |
|
|
|
@ -365,6 +361,7 @@ const auditForm = ref({ |
|
|
|
}) |
|
|
|
const isReject = ref(false)// 进度图有没有驳回状态 |
|
|
|
const showReject = ref(false) |
|
|
|
const rejectReason = ref('此用户非常喜欢我们的产品,并表示要充值永久会员.......')// 驳回理由,进度图 |
|
|
|
const pagination = ref({ |
|
|
|
pageNum: 1, |
|
|
|
pageSize: 50, |
|
|
|
@ -464,7 +461,7 @@ const getRefund = async function () { |
|
|
|
return |
|
|
|
} |
|
|
|
try { |
|
|
|
const statusParam = ref([10, 20, 22, 30, 32, 40, 41]) |
|
|
|
const statusParam = ref([10, 12, 20, 22, 30, 32, 40, 41]) |
|
|
|
if (searchForm.value.statuses === '审核通过') { |
|
|
|
statusParam.value = [20, 30, 40] |
|
|
|
} else if (searchForm.value.statuses === '已驳回') { |
|
|
|
@ -474,7 +471,7 @@ const getRefund = async function () { |
|
|
|
} else if (searchForm.value.statuses === '退款成功') { |
|
|
|
statusParam.value = [41] |
|
|
|
} else { |
|
|
|
statusParam.value = [10, 20, 22, 30, 32, 40, 41] |
|
|
|
statusParam.value = [10, 12, 20, 22, 30, 32, 40, 41] |
|
|
|
} |
|
|
|
|
|
|
|
const goodsName = searchForm.value.goodsName && searchForm.value.goodsName.length > 0 |
|
|
|
@ -621,6 +618,7 @@ const showStep = function (row) { |
|
|
|
return |
|
|
|
} |
|
|
|
|
|
|
|
rejectReason.value = row.rejectReason || '' |
|
|
|
isReject.value = false |
|
|
|
submitter.value = row.submitter || '' |
|
|
|
areaFinance.value = row.areaFinance || '' |
|
|
|
@ -920,6 +918,15 @@ onMounted(() => { |
|
|
|
padding-top: 15vw; |
|
|
|
} |
|
|
|
|
|
|
|
.reject-reason { |
|
|
|
margin-top: 2vh; |
|
|
|
width: 40%; |
|
|
|
margin-left: 30%; |
|
|
|
background-color: white; |
|
|
|
padding: 1vh; |
|
|
|
border-radius: 10px; |
|
|
|
} |
|
|
|
|
|
|
|
.steps-status { |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
|