|
|
|
@ -2,25 +2,21 @@ |
|
|
|
<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-option v-for="item in activity" :key="item" :label="item" :value="item"/> |
|
|
|
<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-option v-for="item in payModel" :key="item.value" :label="item.label" :value="item.value"/> |
|
|
|
<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" |
|
|
|
@change="handleMarketChange"/> |
|
|
|
<el-cascader v-model="selectedMarketPath" :options="market" placeholder="请选择所属地区" clearable style="width:12vw" |
|
|
|
@change="handleMarketChange" /> |
|
|
|
</el-col> |
|
|
|
<el-col> |
|
|
|
|
|
|
|
@ -28,9 +24,8 @@ |
|
|
|
{{ activeName === 'wait' ? '提交时间：' : '审核时间：' }} |
|
|
|
</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"/> |
|
|
|
end-placeholder="结束时间" class="time-controls" style="margin-right:1vw;width:25vw" |
|
|
|
@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> |
|
|
|
@ -53,18 +48,18 @@ |
|
|
|
</div> |
|
|
|
</el-tabs> |
|
|
|
<el-table :data="tableData" style="width: 100vw;height:55vh" @sort-change="handleSortChange" |
|
|
|
:row-style="{ height: '50px' }"> |
|
|
|
:row-style="{ height: '50px' }"> |
|
|
|
<el-table-column type="index" label="序号" width="100px" fixed="left"> |
|
|
|
<template #default="scope"> |
|
|
|
<span>{{ scope.$index + 1 + (getObj.pageNum - 1) * getObj.pageSize }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column fixed="left" prop="name" label="姓名" width="150px"/> |
|
|
|
<el-table-column fixed="left" prop="jwcode" label="精网号" width="110px"/> |
|
|
|
<el-table-column prop="market" label="所属地区" width="100px"/> |
|
|
|
<el-table-column prop="activity" label="活动名称" width="100px" show-overflow-tooltip/> |
|
|
|
<el-table-column prop="rateName" label="货币名称" width="110px"/> |
|
|
|
<el-table-column prop="money" sortable="custom" label="充值金额" width="110px"/> |
|
|
|
<el-table-column fixed="left" prop="name" label="姓名" width="150px" /> |
|
|
|
<el-table-column fixed="left" prop="jwcode" label="精网号" width="110px" /> |
|
|
|
<el-table-column prop="market" label="所属地区" width="100px" /> |
|
|
|
<el-table-column prop="activity" label="活动名称" width="100px" show-overflow-tooltip /> |
|
|
|
<el-table-column prop="rateName" label="货币名称" width="110px" /> |
|
|
|
<el-table-column prop="money" sortable="custom" label="充值金额" width="110px" /> |
|
|
|
<el-table-column prop="money" label="充值金额" sortable="custom" width="110px"> |
|
|
|
<template #default="scope">{{ scope.row.permanentGold / 100 }}</template> |
|
|
|
</el-table-column> |
|
|
|
@ -74,22 +69,22 @@ |
|
|
|
<el-table-column prop="freeGold" label="免费金币" sortable="custom" width="110px"> |
|
|
|
<template #default="scope">{{ (scope.row.freeGold) / 100 }}</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="remark" label="备注" width="200px" show-overflow-tooltip/> |
|
|
|
<el-table-column prop="payModel" label="支付方式" width="110px"/> |
|
|
|
<el-table-column prop="remark" label="备注" width="200px" show-overflow-tooltip /> |
|
|
|
<el-table-column prop="payModel" label="支付方式" width="110px" /> |
|
|
|
<el-table-column prop="voucher" label="支付凭证" 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)"> |
|
|
|
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> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="adminName" label="提交人" width="100px"/> |
|
|
|
<el-table-column prop="adminName" label="提交人" width="100px" /> |
|
|
|
<el-table-column prop="rejectReason" v-if="activeName === 'reject'" label="驳回理由" width="200px" |
|
|
|
show-overflow-tooltip/> |
|
|
|
<el-table-column v-if="activeName !== 'wait'" prop="auditName" label="审核人" width="100px"/> |
|
|
|
show-overflow-tooltip /> |
|
|
|
<el-table-column v-if="activeName !== 'wait'" prop="auditName" label="审核人" width="100px" /> |
|
|
|
<el-table-column prop="payTime" sortable="custom" label="付款时间" width="200px"> |
|
|
|
<template #default="scope"> |
|
|
|
{{ moment(scope.row.payTime).format('YYYY-MM-DD HH:mm:ss') }} |
|
|
|
@ -97,11 +92,11 @@ |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="createTime" sortable="custom" label="提交时间" width="200px"> |
|
|
|
<template #default="scope"> |
|
|
|
<!-- {{ moment(scope.row.createTime).format('YYYY-MM-DD HH:mm:ss') }}--> |
|
|
|
<!-- {{ moment(scope.row.createTime).format('YYYY-MM-DD HH:mm:ss') }}--> |
|
|
|
{{ |
|
|
|
activeName === 'wait' |
|
|
|
? moment(scope.row.auditTime).format('YYYY-MM-DD HH:mm:ss') |
|
|
|
: moment(scope.row.createTime).format('YYYY-MM-DD HH:mm:ss') |
|
|
|
? moment(scope.row.auditTime).format('YYYY-MM-DD HH:mm:ss') |
|
|
|
: moment(scope.row.createTime).format('YYYY-MM-DD HH:mm:ss') |
|
|
|
}} |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
@ -115,13 +110,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> |
|
|
|
@ -130,9 +130,8 @@ |
|
|
|
</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)" |
|
|
|
@current-change="handlePagination('page', $event)"></el-pagination> |
|
|
|
layout="total, sizes, prev, pager, next, jumper" :total="total" @size-change="handlePagination('size', $event)" |
|
|
|
@current-change="handlePagination('page', $event)"></el-pagination> |
|
|
|
</div> |
|
|
|
</el-card> |
|
|
|
|
|
|
|
@ -140,30 +139,30 @@ |
|
|
|
<el-form> |
|
|
|
<el-form-item label="驳回理由" required> |
|
|
|
<el-input v-model="rejectReason" type="textarea" :rows="4" placeholder="请输入驳回理由" maxlength="200" |
|
|
|
show-word-limit/> |
|
|
|
show-word-limit /> |
|
|
|
</el-form-item> |
|
|
|
</el-form> |
|
|
|
<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> |
|
|
|
</template> |
|
|
|
|
|
|
|
<script setup> |
|
|
|
import {onMounted, reactive, ref} from 'vue' |
|
|
|
import {ElMessage} from 'element-plus' |
|
|
|
import { onMounted, reactive, ref } from 'vue' |
|
|
|
import { ElMessage } from 'element-plus' |
|
|
|
import request from '@/util/http.js' |
|
|
|
import API from '@/util/http.js' |
|
|
|
import moment from 'moment' |
|
|
|
import {useAdminStore} from "@/store/index.js"; |
|
|
|
import {storeToRefs} from "pinia"; |
|
|
|
import { useAdminStore } from "@/store/index.js"; |
|
|
|
import { storeToRefs } from "pinia"; |
|
|
|
|
|
|
|
const adminStore = useAdminStore(); |
|
|
|
const {adminData, menuTree} = storeToRefs(adminStore); |
|
|
|
import {findMenuById, permissionMapping} from "@/utils/menuTreePermission.js" |
|
|
|
const { adminData, menuTree } = storeToRefs(adminStore); |
|
|
|
import { findMenuById, permissionMapping } from "@/utils/menuTreePermission.js" |
|
|
|
import dayjs from "dayjs"; |
|
|
|
|
|
|
|
const defaultTime = [ |
|
|
|
@ -237,7 +236,7 @@ const stats = ref({ |
|
|
|
}) |
|
|
|
// 表单验证 |
|
|
|
const rules = reactive({ |
|
|
|
rejectReason: [{required: true, message: '请输入驳回理由', trigger: 'blur'}] |
|
|
|
rejectReason: [{ required: true, message: '请输入驳回理由', trigger: 'blur' }] |
|
|
|
}) |
|
|
|
// 搜索方法 |
|
|
|
const getRecharge = async function (val) { |
|
|
|
@ -433,8 +432,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 = { |
|
|
|
@ -443,15 +444,17 @@ const handleApprove = async (row) => { |
|
|
|
action: 1, |
|
|
|
rejectReason: '' |
|
|
|
} |
|
|
|
await request({url: '/audit/audit', data: params}) |
|
|
|
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('无权限') |
|
|
|
} |
|
|
|
|
|
|
|
@ -465,8 +468,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()) { |
|
|
|
@ -481,10 +487,11 @@ const handleReject = async () => { |
|
|
|
rejectReason: rejectReason.value |
|
|
|
} |
|
|
|
|
|
|
|
await request({url: '/audit/audit', data: params}) |
|
|
|
await request({ url: '/audit/audit', data: params }) |
|
|
|
ElMessage.success('驳回操作成功') |
|
|
|
rejectDialogVisible.value = false |
|
|
|
await getRecharge() |
|
|
|
cancelClicked.value = false |
|
|
|
await getStats() |
|
|
|
} catch (error) { |
|
|
|
console.error('驳回操作失败', error) |
|
|
|
@ -492,6 +499,7 @@ const handleReject = async () => { |
|
|
|
} |
|
|
|
} else { |
|
|
|
ElMessage.error('无权限') |
|
|
|
cancelClicked.value = false |
|
|
|
} |
|
|
|
} |
|
|
|
// 处理排序事件 |
|
|
|
@ -552,7 +560,7 @@ const handleMarketChange = (value) => { |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
const props = {multiple: true} |
|
|
|
const props = { multiple: true } |
|
|
|
// 获取地区，修改为级联下拉框 |
|
|
|
const getMarket = async function () { |
|
|
|
try { |
|
|
|
@ -566,8 +574,8 @@ const getMarket = async function () { |
|
|
|
const allChildren = nodes.flatMap(node => node.children || []); |
|
|
|
return allChildren.map(child => { |
|
|
|
const grandchildren = child.children && child.children.length |
|
|
|
? transformTree([child]) // 递归处理子节点 |
|
|
|
: null; |
|
|
|
? transformTree([child]) // 递归处理子节点 |
|
|
|
: null; |
|
|
|
return { |
|
|
|
value: child.name, |
|
|
|
label: child.name, |
|
|
|
|
ZhangYong
2 months ago