|
|
@ -2,24 +2,20 @@ |
|
|
|
<el-card style="margin-bottom: 0.5vh;margin-top: 0.5vh"> |
|
|
|
<el-col style="margin-bottom: 0.5vh"> |
|
|
|
<el-text size="large">精网号:</el-text> |
|
|
|
<el-input v-model="rechargeAudit.jwcode" placeholder="请输入精网号" style="width: 12vw;margin-right:1vw" |
|
|
|
clearable/> |
|
|
|
<el-input v-model="rechargeAudit.jwcode" placeholder="请输入精网号" style="width: 12vw;margin-right:1vw" clearable /> |
|
|
|
|
|
|
|
<el-text size="large">活动名称:</el-text> |
|
|
|
<el-select v-model="rechargeAudit.activity" placeholder="请选择活动名称" style="width: 12vw;margin-right:1vw" |
|
|
|
clearable> |
|
|
|
<el-select v-model="rechargeAudit.activity" placeholder="请选择活动名称" style="width: 12vw;margin-right:1vw" clearable> |
|
|
|
<el-option v-for="item in activity" :key="item" :label="item" :value="item" /> |
|
|
|
</el-select> |
|
|
|
|
|
|
|
<el-text size="large">支付方式:</el-text> |
|
|
|
<el-select v-model="rechargeAudit.payModel" placeholder="请选择支付方式" style="width: 12vw;margin-right:1vw" |
|
|
|
clearable> |
|
|
|
<el-select v-model="rechargeAudit.payModel" placeholder="请选择支付方式" style="width: 12vw;margin-right:1vw" clearable> |
|
|
|
<el-option v-for="item in payModel" :key="item.value" :label="item.label" :value="item.value" /> |
|
|
|
</el-select> |
|
|
|
|
|
|
|
<el-text size="large">所属地区:</el-text> |
|
|
|
<el-cascader v-model="selectedMarketPath" :options="market" placeholder="请选择所属地区" clearable |
|
|
|
style="width:12vw" |
|
|
|
<el-cascader v-model="selectedMarketPath" :options="market" placeholder="请选择所属地区" clearable style="width:12vw" |
|
|
|
@change="handleMarketChange" /> |
|
|
|
</el-col> |
|
|
|
<el-col> |
|
|
@ -29,8 +25,7 @@ |
|
|
|
</el-text> |
|
|
|
<el-date-picker v-model="getTime" type="datetimerange" range-separator="至" start-placeholder="起始时间" |
|
|
|
end-placeholder="结束时间" class="time-controls" style="margin-right:1vw;width:25vw" |
|
|
|
@change="handleDatePickerChange" |
|
|
|
:default-time="defaultTime" :disabled-date="disabledDate"/> |
|
|
|
@change="handleDatePickerChange" :default-time="defaultTime" :disabled-date="disabledDate" /> |
|
|
|
<el-button @click="getToday()" :type="activeTimeRange === 'today' ? 'primary' : ''">今</el-button> |
|
|
|
<el-button @click="getYesterday()" :type="activeTimeRange === 'yesterday' ? 'primary' : ''">昨</el-button> |
|
|
|
<el-button @click="get7Days()" :type="activeTimeRange === '7days' ? 'primary' : ''">近7天</el-button> |
|
|
@ -114,13 +109,18 @@ |
|
|
|
<div class="operation"> |
|
|
|
<el-popconfirm title="确定要通过此条记录吗?" @confirm="handleApprove(scope.row)"> |
|
|
|
<template #reference> |
|
|
|
<el-button :disabled="scope.row.auditStatus === 1 || scope.row.auditStatus === 2" type="primary" text> |
|
|
|
<el-button :disabled="clicked || cancelClicked" type="primary" text> |
|
|
|
通过 |
|
|
|
</el-button> |
|
|
|
</template> |
|
|
|
<template #actions="{ confirm }"> |
|
|
|
<el-button size="small">取消</el-button> |
|
|
|
<el-button type="primary" size="small" :disabled="clicked" @click="confirm"> |
|
|
|
确认 |
|
|
|
</el-button> |
|
|
|
</template> |
|
|
|
</el-popconfirm> |
|
|
|
<el-button :disabled="scope.row.auditStatus === 1 || scope.row.auditStatus === 2" type="primary" text |
|
|
|
@click="showRejectDialog(scope.row)"> |
|
|
|
<el-button :disabled="clicked || cancelClicked" type="primary" text @click="showRejectDialog(scope.row)"> |
|
|
|
驳回 |
|
|
|
</el-button> |
|
|
|
</div> |
|
|
@ -129,8 +129,7 @@ |
|
|
|
</el-table> |
|
|
|
<div class="pagination"> |
|
|
|
<el-pagination :page-size="getObj.pageSize" :page-sizes="[5, 10, 20, 50, 100]" |
|
|
|
layout="total, sizes, prev, pager, next, jumper" :total="total" |
|
|
|
@size-change="handlePagination('size', $event)" |
|
|
|
layout="total, sizes, prev, pager, next, jumper" :total="total" @size-change="handlePagination('size', $event)" |
|
|
|
@current-change="handlePagination('page', $event)"></el-pagination> |
|
|
|
</div> |
|
|
|
</el-card> |
|
|
@ -145,7 +144,7 @@ |
|
|
|
<template #footer> |
|
|
|
<span class="dialog-footer"> |
|
|
|
<el-button @click="rejectDialogVisible = false">取消</el-button> |
|
|
|
<el-button type="primary" @click="handleReject">确定</el-button> |
|
|
|
<el-button :disabled="cancelClicked" type="primary" @click="handleReject">确定</el-button> |
|
|
|
</span> |
|
|
|
</template> |
|
|
|
</el-dialog> |
|
|
@ -432,8 +431,10 @@ const handlePagination = (type, val) => { |
|
|
|
getRecharge() |
|
|
|
getStats() |
|
|
|
} |
|
|
|
const clicked = ref(false); |
|
|
|
// 处理通过操作 |
|
|
|
const handleApprove = async (row) => { |
|
|
|
clicked.value = true |
|
|
|
if (findMenuById(menuTree.value, permissionMapping.Recharge_Approval)) { |
|
|
|
try { |
|
|
|
const params = { |
|
|
@ -445,12 +446,14 @@ const handleApprove = async (row) => { |
|
|
|
await request({ url: '/audit/audit', data: params }) |
|
|
|
ElMessage.success('审核通过成功') |
|
|
|
await getRecharge() |
|
|
|
clicked.value = false |
|
|
|
await getStats() |
|
|
|
} catch (error) { |
|
|
|
console.error('审核通过失败', error) |
|
|
|
ElMessage.error('操作失败') |
|
|
|
} |
|
|
|
} else { |
|
|
|
clicked.value = false |
|
|
|
ElMessage.error('无权限') |
|
|
|
} |
|
|
|
|
|
|
@ -464,8 +467,11 @@ const showRejectDialog = (row) => { |
|
|
|
ElMessage.error('无权限') |
|
|
|
} |
|
|
|
} |
|
|
|
//控制驳回确认按钮禁用状态 |
|
|
|
const cancelClicked = ref(false) |
|
|
|
// 处理驳回操作 |
|
|
|
const handleReject = async () => { |
|
|
|
cancelClicked.value = true |
|
|
|
if (findMenuById(menuTree.value, permissionMapping.Recharge_Approval)) { |
|
|
|
|
|
|
|
if (!rejectReason.value.trim()) { |
|
|
@ -484,6 +490,7 @@ const handleReject = async () => { |
|
|
|
ElMessage.success('驳回操作成功') |
|
|
|
rejectDialogVisible.value = false |
|
|
|
await getRecharge() |
|
|
|
cancelClicked.value = false |
|
|
|
await getStats() |
|
|
|
} catch (error) { |
|
|
|
console.error('驳回操作失败', error) |
|
|
@ -491,6 +498,7 @@ const handleReject = async () => { |
|
|
|
} |
|
|
|
} else { |
|
|
|
ElMessage.error('无权限') |
|
|
|
cancelClicked.value = false |
|
|
|
} |
|
|
|
} |
|
|
|
// 处理排序事件 |
|
|
|