|
|
@ -12,7 +12,7 @@ const getAdminData = async function () { |
|
|
try { |
|
|
try { |
|
|
const result = await API({ url: '/admin/userinfo', data: {} }) |
|
|
const result = await API({ url: '/admin/userinfo', data: {} }) |
|
|
adminData.value = result |
|
|
adminData.value = result |
|
|
rechargeVo.value.adminId = adminData.value.adminId |
|
|
|
|
|
|
|
|
rechargeUser.value.adminId = adminData.value.adminId |
|
|
console.log('请求成功', result) |
|
|
console.log('请求成功', result) |
|
|
console.log('用户信息', adminData.value) |
|
|
console.log('用户信息', adminData.value) |
|
|
} catch (error) { |
|
|
} catch (error) { |
|
|
@ -24,7 +24,7 @@ const getAdminData = async function () { |
|
|
const tableData = ref([]) |
|
|
const tableData = ref([]) |
|
|
// 搜索=========================================== |
|
|
// 搜索=========================================== |
|
|
// 搜索recharge |
|
|
// 搜索recharge |
|
|
const rechargeVo = ref({ |
|
|
|
|
|
|
|
|
const rechargeUser = ref({ |
|
|
adminId: adminData.value.adminId |
|
|
adminId: adminData.value.adminId |
|
|
}) |
|
|
}) |
|
|
// 搜索对象 |
|
|
// 搜索对象 |
|
|
@ -41,11 +41,24 @@ const activity = ref([]) |
|
|
// 所有信息 |
|
|
// 所有信息 |
|
|
const allData = ref([]) |
|
|
const allData = ref([]) |
|
|
// 搜索地区列表 |
|
|
// 搜索地区列表 |
|
|
const area = ref([]) |
|
|
|
|
|
//标签页默认高亮选项 |
|
|
|
|
|
const activeName = ref('all') |
|
|
|
|
|
|
|
|
const market = ref([]) |
|
|
|
|
|
|
|
|
|
|
|
//时间格式化 |
|
|
|
|
|
const formatTime = (val) => val ? moment(val).format('YYYY-MM-DD HH:mm:ss') : '' |
|
|
|
|
|
|
|
|
|
|
|
// 初始化 money 和 permanentGold 和 freeGold |
|
|
|
|
|
const money = ref(0) |
|
|
|
|
|
const permanentGold = ref(0) |
|
|
|
|
|
const freeGold = ref(0) |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 定义响应式变量存储金币合计数 |
|
|
|
|
|
const permanentGolds = ref(0) |
|
|
|
|
|
const freeGolds = ref(0) |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 支付方式选项 |
|
|
// 支付方式选项 |
|
|
const payWay = [ |
|
|
|
|
|
|
|
|
const payModel = [ |
|
|
{ |
|
|
{ |
|
|
value: '微信', |
|
|
value: '微信', |
|
|
label: '微信' |
|
|
label: '微信' |
|
|
@ -75,113 +88,122 @@ const payWay = [ |
|
|
// 删除对象 |
|
|
// 删除对象 |
|
|
const delObj = ref({}) |
|
|
const delObj = ref({}) |
|
|
|
|
|
|
|
|
// //表格高度 |
|
|
|
|
|
// const tableHeight = computed(function () { |
|
|
|
|
|
// return (getObj.value.pageSize + 2) * 60 + "px"; |
|
|
|
|
|
// }); |
|
|
|
|
|
|
|
|
|
|
|
// 方法 |
|
|
|
|
|
// 合计数存储 |
|
|
|
|
|
const trueGold = ref(0) |
|
|
|
|
|
const trueRGold = ref(0) |
|
|
|
|
|
const trueFGold = ref(0) |
|
|
|
|
|
//全部 |
|
|
|
|
|
const totalmoney = ref(0) |
|
|
|
|
|
const totalRcoin = ref(0) |
|
|
|
|
|
const totalFcoin = ref(0) |
|
|
|
|
|
//待审核 |
|
|
|
|
|
const pendingGold = ref(0) |
|
|
|
|
|
const pendingRGold = ref(0) |
|
|
|
|
|
const pendingFGold = ref(0) |
|
|
|
|
|
// 已通过金币数 |
|
|
|
|
|
const approvedGold = ref(0) |
|
|
|
|
|
const approvedRGold = ref(0) |
|
|
|
|
|
const approvedFGold = ref(0) |
|
|
|
|
|
// 已驳回金币数 |
|
|
|
|
|
const rejectedGold = ref(0) |
|
|
|
|
|
const rejectedRGold = ref(0) |
|
|
|
|
|
const rejectedFGold = ref(0) |
|
|
|
|
|
|
|
|
// 获取活动名称 |
|
|
|
|
|
const getActivity = async function () { |
|
|
|
|
|
try { |
|
|
|
|
|
// 发送POST请求 |
|
|
|
|
|
const result = await API({ url: '/recharge/activity/select', data: {} }) |
|
|
|
|
|
|
|
|
|
|
|
// 将响应结果存储到响应式数据中 |
|
|
|
|
|
console.log('请求成功', result) |
|
|
|
|
|
// 存储表格数据 |
|
|
|
|
|
activity.value = result.data |
|
|
|
|
|
console.log('activity', activity.value) |
|
|
|
|
|
} catch (error) { |
|
|
|
|
|
console.log('请求失败', error) |
|
|
|
|
|
// 在这里可以处理错误逻辑，比如显示错误提示等 |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
// 获取地区 |
|
|
|
|
|
// 获取地区 |
|
|
|
|
|
const getArea = async function () { |
|
|
|
|
|
try { |
|
|
|
|
|
// 发送POST请求 |
|
|
|
|
|
const result = await API({ url: 'http://18.143.76.3:10704/general/market', data: {} }) |
|
|
|
|
|
// 将响应结果存储到响应式数据中 |
|
|
|
|
|
console.log('请求成功', result) |
|
|
|
|
|
// 存储地区信息 |
|
|
|
|
|
market.value = result.data |
|
|
|
|
|
console.log('地区', market.value) |
|
|
|
|
|
} catch (error) { |
|
|
|
|
|
console.log('请求失败', error) |
|
|
|
|
|
// 在这里可以处理错误逻辑，比如显示错误提示等 |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
//定义充值类型的加载状态 |
|
|
|
|
|
const isLoadingPlatform = ref(false) |
|
|
|
|
|
// 充值类型 |
|
|
|
|
|
const platform = ref([]) |
|
|
|
|
|
//获取充值类型的函数 |
|
|
|
|
|
const getPlatform = async () => { |
|
|
|
|
|
isLoadingPlatform.value = true; |
|
|
|
|
|
try { |
|
|
|
|
|
const result = await API({ |
|
|
|
|
|
url: 'http://18.143.76.3:10704/general/platform', |
|
|
|
|
|
method: 'post', |
|
|
|
|
|
data: {}// 这里添加参数 |
|
|
|
|
|
}) |
|
|
|
|
|
// 假设后端返回的是字符串数组，转换为 { value, label } 格式 |
|
|
|
|
|
if(Array.isArray(result.data)) { |
|
|
|
|
|
platform.value = result.data.map(item => ({ value: item, label: item })); |
|
|
|
|
|
} else { |
|
|
|
|
|
console.error('充值类型格式错误',result) |
|
|
|
|
|
ElMessage.error('充值类型格式错误，请联系管理员') |
|
|
|
|
|
} |
|
|
|
|
|
} catch (error) { |
|
|
|
|
|
console.error('获取充值类型失败:', error); |
|
|
|
|
|
ElMessage.error('获取充值类型失败，请稍后重试'); |
|
|
|
|
|
} finally { |
|
|
|
|
|
isLoadingPlatform.value = false |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
// 搜索=========================================================================== |
|
|
// 搜索=========================================================================== |
|
|
// 搜索方法 |
|
|
// 搜索方法 |
|
|
const get = async function (val) { |
|
|
const get = async function (val) { |
|
|
try { |
|
|
try { |
|
|
// 地区赋值 |
|
|
|
|
|
if (adminData.value.area === '泰国') { |
|
|
|
|
|
rechargeVo.value.areas = ['泰国', '越南'] |
|
|
|
|
|
} else if (adminData.value.area !== '总部') { |
|
|
|
|
|
rechargeVo.value.area = adminData.value.area |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
// 搜索参数页码赋值 |
|
|
// 搜索参数页码赋值 |
|
|
if (typeof val === 'number') { |
|
|
if (typeof val === 'number') { |
|
|
getObj.value.pageNum = val |
|
|
getObj.value.pageNum = val |
|
|
} |
|
|
} |
|
|
// 搜索参数时间赋值 |
|
|
// 搜索参数时间赋值 |
|
|
if (getTime.value != null) { |
|
|
if (getTime.value != null) { |
|
|
if (getTime.value.startDate != '' && getTime.value.endDate != '') { |
|
|
|
|
|
rechargeVo.value.startDate = getTime.value[0] |
|
|
|
|
|
rechargeVo.value.endDate = getTime.value[1] |
|
|
|
|
|
|
|
|
if (getTime.value.startTime != '' && getTime.value.endTime != '') { |
|
|
|
|
|
rechargeUser.value.startTime = formatTime(getTime.value[0]) |
|
|
|
|
|
rechargeUser.value.endTime = formatTime(getTime.value[1]) |
|
|
} |
|
|
} |
|
|
} else { |
|
|
} else { |
|
|
rechargeVo.value.startDate = '' |
|
|
|
|
|
rechargeVo.value.endDate = '' |
|
|
|
|
|
|
|
|
rechargeUser.value.startTime = '' |
|
|
|
|
|
rechargeUser.value.endTime = '' |
|
|
} |
|
|
} |
|
|
// 搜索参数赋值 |
|
|
// 搜索参数赋值 |
|
|
rechargeVo.value.sortField = sortField.value |
|
|
|
|
|
rechargeVo.value.sortOrder = sortOrder.value |
|
|
|
|
|
|
|
|
rechargeUser.value.sortField = sortField.value |
|
|
|
|
|
rechargeUser.value.sortOrder = sortOrder.value |
|
|
console.log('搜索参数', getObj.value) |
|
|
console.log('搜索参数', getObj.value) |
|
|
// 发送POST请求 |
|
|
// 发送POST请求 |
|
|
const result = await API({ |
|
|
const result = await API({ |
|
|
url: '/recharge/recharge', |
|
|
|
|
|
data: { ...getObj.value, rechargeVo: { ...rechargeVo.value } } |
|
|
|
|
|
|
|
|
url: 'http://18.143.76.3:10704/recharge/selectBy', |
|
|
|
|
|
data: { |
|
|
|
|
|
...getObj.value, |
|
|
|
|
|
rechargeUser: { ...rechargeUser.value } |
|
|
|
|
|
} |
|
|
}) |
|
|
}) |
|
|
// 复制一份 rechargeVo.value 并移除排序字段和排序方式 |
|
|
|
|
|
|
|
|
// 复制一份 rechargeUser.value 并移除排序字段和排序方式 |
|
|
const detailWithoutSort = ref({ |
|
|
const detailWithoutSort = ref({ |
|
|
area: rechargeVo.value.area, |
|
|
|
|
|
adminId: rechargeVo.value.adminId, |
|
|
|
|
|
startDate: rechargeVo.value.startDate, |
|
|
|
|
|
endDate: rechargeVo.value.endDate |
|
|
|
|
|
|
|
|
market: rechargeUser.value.market, |
|
|
|
|
|
adminId: rechargeUser.value.adminId, |
|
|
|
|
|
startTime: rechargeUser.value.startTime, |
|
|
|
|
|
endTime: rechargeUser.value.endTime, |
|
|
|
|
|
jwcode: rechargeUser.value.jwcode, |
|
|
|
|
|
goodsName: rechargeUser.value.goodsName, |
|
|
|
|
|
payPlatform: rechargeUser.value.payPlatform |
|
|
}) |
|
|
}) |
|
|
const result2 = await API({ |
|
|
|
|
|
url: '/recharge/recharge/RechargeA', |
|
|
|
|
|
|
|
|
const resultTotalGold = await API({ |
|
|
|
|
|
url: 'http://18.143.76.3:10704/recharge/statsGold', |
|
|
data: { |
|
|
data: { |
|
|
...detailWithoutSort.value |
|
|
...detailWithoutSort.value |
|
|
} |
|
|
} |
|
|
}) |
|
|
}) |
|
|
// 检查 result2 是否为空 |
|
|
|
|
|
if (!result2 || !result2.data || result2.data.length === 0) { |
|
|
|
|
|
totalmoney.value = 0 |
|
|
|
|
|
totalRcoin.value = 0 |
|
|
|
|
|
totalFcoin.value = 0 |
|
|
|
|
|
} |
|
|
|
|
|
if (result2.data) { |
|
|
|
|
|
result2.data.forEach((item) => { |
|
|
|
|
|
switch (item.auditStatus) { |
|
|
|
|
|
case '待审核': |
|
|
|
|
|
// 若 item.raudit 为空则赋值为 0 |
|
|
|
|
|
// 若 item.sumRaudit 为空则赋值为 0 |
|
|
|
|
|
pendingGold.value = item.sumRaudit || 0 |
|
|
|
|
|
pendingRGold.value = item.sumRaudit1 || 0 |
|
|
|
|
|
pendingFGold.value = item.sumRaudit2 || 0 |
|
|
|
|
|
break |
|
|
|
|
|
case '已通过': |
|
|
|
|
|
approvedGold.value = item.sumRaudit || 0 |
|
|
|
|
|
approvedRGold.value = item.sumRaudit1 || 0 |
|
|
|
|
|
approvedFGold.value = item.sumRaudit2 || 0 |
|
|
|
|
|
break |
|
|
|
|
|
case '已驳回': |
|
|
|
|
|
rejectedGold.value = item.sumRaudit || 0 |
|
|
|
|
|
rejectedRGold.value = item.sumRaudit1 || 0 |
|
|
|
|
|
rejectedFGold.value = item.sumRaudit2 || 0 |
|
|
|
|
|
break |
|
|
|
|
|
} |
|
|
|
|
|
}) |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
if (resultTotalGold.code === 200 && resultTotalGold.data) { |
|
|
|
|
|
const data = resultTotalGold.data |
|
|
|
|
|
console.log('获取到的金币数据:', data) |
|
|
|
|
|
|
|
|
|
|
|
permanentGolds.value = Number(data.permanentGolds) || 0 |
|
|
|
|
|
freeGolds.value = Number(data.freeGolds) || 0 |
|
|
|
|
|
|
|
|
} |
|
|
} |
|
|
trueGold.value = pendingGold.value + approvedGold.value + rejectedGold.value |
|
|
|
|
|
trueRGold.value = |
|
|
|
|
|
pendingRGold.value + approvedRGold.value + rejectedRGold.value |
|
|
|
|
|
trueFGold.value = |
|
|
|
|
|
pendingFGold.value + approvedFGold.value + rejectedFGold.value |
|
|
|
|
|
|
|
|
|
|
|
// 将响应结果存储到响应式数据中 |
|
|
// 将响应结果存储到响应式数据中 |
|
|
console.log('请求成功', result) |
|
|
console.log('请求成功', result) |
|
|
@ -203,29 +225,31 @@ const search = function () { |
|
|
} |
|
|
} |
|
|
// 重置 |
|
|
// 重置 |
|
|
const reset = function () { |
|
|
const reset = function () { |
|
|
delete rechargeVo.value.activityId |
|
|
|
|
|
delete rechargeVo.value.payWay |
|
|
|
|
|
delete rechargeVo.value.area |
|
|
|
|
|
delete rechargeVo.value.startDate |
|
|
|
|
|
delete rechargeVo.value.endDate |
|
|
|
|
|
|
|
|
delete rechargeUser.value.jwcode |
|
|
|
|
|
delete rechargeUser.value.activity |
|
|
|
|
|
delete rechargeUser.value.payPlatform |
|
|
|
|
|
delete rechargeUser.value.market |
|
|
|
|
|
delete rechargeUser.value.startTime |
|
|
|
|
|
delete rechargeUser.value.endTime |
|
|
delete sortField.value |
|
|
delete sortField.value |
|
|
delete sortOrder.value |
|
|
delete sortOrder.value |
|
|
getTime.value = {} |
|
|
getTime.value = {} |
|
|
|
|
|
get() |
|
|
} |
|
|
} |
|
|
// 今天 |
|
|
// 今天 |
|
|
const getToday = function () { |
|
|
const getToday = function () { |
|
|
const today = new Date() |
|
|
const today = new Date() |
|
|
const startDate = new Date( |
|
|
|
|
|
|
|
|
const startTime = new Date( |
|
|
today.getFullYear(), |
|
|
today.getFullYear(), |
|
|
today.getMonth(), |
|
|
today.getMonth(), |
|
|
today.getDate() |
|
|
today.getDate() |
|
|
) |
|
|
) |
|
|
const endDate = new Date( |
|
|
|
|
|
|
|
|
const endTime = new Date( |
|
|
today.getFullYear(), |
|
|
today.getFullYear(), |
|
|
today.getMonth(), |
|
|
today.getMonth(), |
|
|
today.getDate() + 1 |
|
|
today.getDate() + 1 |
|
|
) |
|
|
) |
|
|
getTime.value = [startDate, endDate] |
|
|
|
|
|
|
|
|
getTime.value = [startTime, endTime] |
|
|
console.log('getTime', getTime.value) |
|
|
console.log('getTime', getTime.value) |
|
|
get() |
|
|
get() |
|
|
} |
|
|
} |
|
|
@ -241,119 +265,38 @@ const handleCurrentChange = function (val) { |
|
|
const getYesterday = function () { |
|
|
const getYesterday = function () { |
|
|
const yesterday = new Date() |
|
|
const yesterday = new Date() |
|
|
yesterday.setDate(yesterday.getDate() - 1) |
|
|
yesterday.setDate(yesterday.getDate() - 1) |
|
|
const startDate = new Date( |
|
|
|
|
|
|
|
|
const startTime = new Date( |
|
|
yesterday.getFullYear(), |
|
|
yesterday.getFullYear(), |
|
|
yesterday.getMonth(), |
|
|
yesterday.getMonth(), |
|
|
yesterday.getDate() |
|
|
yesterday.getDate() |
|
|
) |
|
|
) |
|
|
const endDate = new Date( |
|
|
|
|
|
|
|
|
const endTime = new Date( |
|
|
yesterday.getFullYear(), |
|
|
yesterday.getFullYear(), |
|
|
yesterday.getMonth(), |
|
|
yesterday.getMonth(), |
|
|
yesterday.getDate() + 1 |
|
|
yesterday.getDate() + 1 |
|
|
) |
|
|
) |
|
|
getTime.value = [startDate, endDate] |
|
|
|
|
|
|
|
|
getTime.value = [startTime, endTime] |
|
|
console.log('getTime', getTime.value) |
|
|
console.log('getTime', getTime.value) |
|
|
get() |
|
|
get() |
|
|
} |
|
|
} |
|
|
// 近7天 |
|
|
// 近7天 |
|
|
const get7Days = function () { |
|
|
const get7Days = function () { |
|
|
const today = new Date() |
|
|
const today = new Date() |
|
|
const startDate = new Date( |
|
|
|
|
|
|
|
|
const startTime = new Date( |
|
|
today.getFullYear(), |
|
|
today.getFullYear(), |
|
|
today.getMonth(), |
|
|
today.getMonth(), |
|
|
today.getDate() - 6 |
|
|
today.getDate() - 6 |
|
|
) |
|
|
) |
|
|
const endDate = new Date( |
|
|
|
|
|
|
|
|
const endTime = new Date( |
|
|
today.getFullYear(), |
|
|
today.getFullYear(), |
|
|
today.getMonth(), |
|
|
today.getMonth(), |
|
|
today.getDate() + 1 |
|
|
today.getDate() + 1 |
|
|
) |
|
|
) |
|
|
getTime.value = [startDate, endDate] |
|
|
|
|
|
|
|
|
getTime.value = [startTime, endTime] |
|
|
console.log('getTime', getTime.value) |
|
|
console.log('getTime', getTime.value) |
|
|
get() |
|
|
get() |
|
|
} |
|
|
} |
|
|
//全部充值明细 |
|
|
|
|
|
const adminAll = function () { |
|
|
|
|
|
console.log('adminAll') |
|
|
|
|
|
rechargeVo.value.status = '' |
|
|
|
|
|
getObj.value.pageNum = 1 |
|
|
|
|
|
get() |
|
|
|
|
|
} |
|
|
|
|
|
//待审核充值明细 |
|
|
|
|
|
const adminWait = async function () { |
|
|
|
|
|
rechargeVo.value.status = 0 |
|
|
|
|
|
getObj.value.pageNum = 1 |
|
|
|
|
|
await get() |
|
|
|
|
|
console.log('adminWait') |
|
|
|
|
|
|
|
|
|
|
|
trueGold.value = pendingGold.value |
|
|
|
|
|
trueRGold.value = pendingRGold.value |
|
|
|
|
|
trueFGold.value = pendingFGold.value |
|
|
|
|
|
} |
|
|
|
|
|
//已通过充值明细 |
|
|
|
|
|
const adminPass = async function () { |
|
|
|
|
|
rechargeVo.value.status = 1 |
|
|
|
|
|
getObj.value.pageNum = 1 |
|
|
|
|
|
await get() |
|
|
|
|
|
trueGold.value = approvedGold.value |
|
|
|
|
|
trueRGold.value = approvedRGold.value |
|
|
|
|
|
trueFGold.value = approvedFGold.value |
|
|
|
|
|
console.log('adminPass') |
|
|
|
|
|
} |
|
|
|
|
|
//已驳回充值明细 |
|
|
|
|
|
const adminReject = async function () { |
|
|
|
|
|
rechargeVo.value.status = 2 |
|
|
|
|
|
getObj.value.pageNum = 1 |
|
|
|
|
|
await get() |
|
|
|
|
|
console.log('adminReject') |
|
|
|
|
|
trueGold.value = rejectedGold.value |
|
|
|
|
|
trueRGold.value = rejectedRGold.value |
|
|
|
|
|
trueFGold.value = rejectedFGold.value |
|
|
|
|
|
} |
|
|
|
|
|
//点击标签页 |
|
|
|
|
|
const handleClick = function (tab, event) { |
|
|
|
|
|
if (tab.props.name === 'all') { |
|
|
|
|
|
adminAll() |
|
|
|
|
|
} else if (tab.props.name === 'wait') { |
|
|
|
|
|
adminWait() |
|
|
|
|
|
} else if (tab.props.name === 'pass') { |
|
|
|
|
|
adminPass() |
|
|
|
|
|
} else if (tab.props.name === 'reject') { |
|
|
|
|
|
adminReject() |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
// 获取活动名称 |
|
|
|
|
|
const getActivity = async function () { |
|
|
|
|
|
try { |
|
|
|
|
|
// 发送POST请求 |
|
|
|
|
|
const result = await API({ url: '/recharge/activity/select', data: {} }) |
|
|
|
|
|
|
|
|
|
|
|
// 将响应结果存储到响应式数据中 |
|
|
|
|
|
console.log('请求成功', result) |
|
|
|
|
|
// 存储表格数据 |
|
|
|
|
|
activity.value = result.data |
|
|
|
|
|
console.log('activity', activity.value) |
|
|
|
|
|
} catch (error) { |
|
|
|
|
|
console.log('请求失败', error) |
|
|
|
|
|
// 在这里可以处理错误逻辑，比如显示错误提示等 |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
// 获取地区 |
|
|
|
|
|
// 获取地区 |
|
|
|
|
|
const getArea = async function () { |
|
|
|
|
|
try { |
|
|
|
|
|
// 发送POST请求 |
|
|
|
|
|
const result = await API({ url: 'http://192.168.8.247:8081/general/market', data: {} }) |
|
|
|
|
|
// 将响应结果存储到响应式数据中 |
|
|
|
|
|
console.log('请求成功', result) |
|
|
|
|
|
// 存储地区信息 |
|
|
|
|
|
area.value = result.data |
|
|
|
|
|
console.log('地区', area.value) |
|
|
|
|
|
} catch (error) { |
|
|
|
|
|
console.log('请求失败', error) |
|
|
|
|
|
// 在这里可以处理错误逻辑，比如显示错误提示等 |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
// 删除================================= |
|
|
// 删除================================= |
|
|
// 点击删除按钮 |
|
|
// 点击删除按钮 |
|
|
const del = function (row) { |
|
|
const del = function (row) { |
|
|
@ -399,7 +342,7 @@ const checkNumber = function () { |
|
|
//提示 |
|
|
//提示 |
|
|
ElMessage({ |
|
|
ElMessage({ |
|
|
type: 'error', |
|
|
type: 'error', |
|
|
message: '请检查输入内容' |
|
|
|
|
|
|
|
|
message: '数字输入有误' |
|
|
}) |
|
|
}) |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
@ -410,6 +353,7 @@ onMounted(async function () { |
|
|
await get() |
|
|
await get() |
|
|
await getActivity() |
|
|
await getActivity() |
|
|
await getArea() |
|
|
await getArea() |
|
|
|
|
|
await getPlatform() |
|
|
}) |
|
|
}) |
|
|
// 新增排序字段和排序方式 |
|
|
// 新增排序字段和排序方式 |
|
|
const sortField = ref('') |
|
|
const sortField = ref('') |
|
|
@ -419,7 +363,7 @@ const handleSortChange = (column) => { |
|
|
|
|
|
|
|
|
console.log('排序字段：', column.prop) |
|
|
console.log('排序字段：', column.prop) |
|
|
console.log('排序方式：', column.order) |
|
|
console.log('排序方式：', column.order) |
|
|
if (column.prop === 'paidGold') { |
|
|
|
|
|
|
|
|
if (column.prop === 'money') { |
|
|
sortField.value = 'paid_gold' |
|
|
sortField.value = 'paid_gold' |
|
|
} else if (column.prop === 'freeGold') { |
|
|
} else if (column.prop === 'freeGold') { |
|
|
sortField.value = 'free_gold' |
|
|
sortField.value = 'free_gold' |
|
|
@ -432,6 +376,7 @@ const handleSortChange = (column) => { |
|
|
} |
|
|
} |
|
|
sortOrder.value = column.order === 'ascending' ? 'ASC' : 'DESC' |
|
|
sortOrder.value = column.order === 'ascending' ? 'ASC' : 'DESC' |
|
|
console.log('传递给后端的排序字段：', sortField.value) |
|
|
console.log('传递给后端的排序字段：', sortField.value) |
|
|
|
|
|
|
|
|
console.log('传递给后端的排序方式：', sortOrder.value) |
|
|
console.log('传递给后端的排序方式：', sortOrder.value) |
|
|
get() |
|
|
get() |
|
|
} |
|
|
} |
|
|
@ -445,25 +390,25 @@ const handleSortChange = (column) => { |
|
|
<el-col :span="5"> |
|
|
<el-col :span="5"> |
|
|
<div class="head-card-element"> |
|
|
<div class="head-card-element"> |
|
|
<el-text class="mx-1" size="large">精网号：</el-text> |
|
|
<el-text class="mx-1" size="large">精网号：</el-text> |
|
|
<el-input v-model="rechargeVo.jwcode" placeholder="请输入精网号" style="width: 150px" clearable /> |
|
|
|
|
|
|
|
|
<el-input v-model="rechargeUser.jwcode" placeholder="请输入精网号" style="width: 150px" clearable /> |
|
|
</div> |
|
|
</div> |
|
|
</el-col> |
|
|
</el-col> |
|
|
<el-col :span="6"> |
|
|
<el-col :span="6"> |
|
|
<div class="head-card-element"> |
|
|
<div class="head-card-element"> |
|
|
<el-text class="mx-1" size="large">活动名称：</el-text> |
|
|
<el-text class="mx-1" size="large">活动名称：</el-text> |
|
|
<el-select v-model="rechargeVo.activityId" placeholder="请选择活动名称" style="width: 180px" |
|
|
|
|
|
|
|
|
<el-select v-model="rechargeUser.activity" placeholder="请选择活动名称" style="width: 180px" |
|
|
clearable> |
|
|
clearable> |
|
|
<el-option v-for="item in activity" :key="item.activityId" :label="item.activityName" |
|
|
|
|
|
:value="item.activityId" /> |
|
|
|
|
|
|
|
|
<el-option v-for="item in activity" :key="item.activity" :label="item.activity" |
|
|
|
|
|
:value="item.activity" /> |
|
|
</el-select> |
|
|
</el-select> |
|
|
</div> |
|
|
</div> |
|
|
</el-col> |
|
|
</el-col> |
|
|
|
|
|
|
|
|
<el-col :span="6"> |
|
|
<el-col :span="6"> |
|
|
<div class="head-card-element" v-if="adminData.area == '总部'"> |
|
|
|
|
|
|
|
|
<div class="head-card-element" > |
|
|
<el-text class="mx-1" size="large">所属地区：</el-text> |
|
|
<el-text class="mx-1" size="large">所属地区：</el-text> |
|
|
<el-select v-model="rechargeVo.area" placeholder="请选择所属地区" style="width: 180px" clearable> |
|
|
|
|
|
<el-option v-for="item in area" :key="item" :label="item" :value="item" /> |
|
|
|
|
|
|
|
|
<el-select v-model="rechargeUser.market" placeholder="请选择所属地区" style="width: 180px" clearable> |
|
|
|
|
|
<el-option v-for="item in market" :key="item" :label="item" :value="item" /> |
|
|
</el-select> |
|
|
</el-select> |
|
|
</div> |
|
|
</div> |
|
|
</el-col> |
|
|
</el-col> |
|
|
@ -471,8 +416,8 @@ const handleSortChange = (column) => { |
|
|
<el-col :span="6"> |
|
|
<el-col :span="6"> |
|
|
<div class="head-card-element"> |
|
|
<div class="head-card-element"> |
|
|
<el-text class="mx-1" size="large">充值类型：</el-text> |
|
|
<el-text class="mx-1" size="large">充值类型：</el-text> |
|
|
<el-select v-model="rechargeVo.rechargeWay" placeholder="请选择支付方式" style="width: 180px" clearable> |
|
|
|
|
|
<el-option v-for="item in rechargeWay" :key="item.value" :label="item.label" :value="item.value" /> |
|
|
|
|
|
|
|
|
<el-select v-model="rechargeUser.payPlatform" placeholder="请选择充值方式" style="width: 180px" clearable> |
|
|
|
|
|
<el-option v-for="item in platform" :key="item.value" :label="item.label" :value="item.value" /> |
|
|
</el-select> |
|
|
</el-select> |
|
|
</div> |
|
|
</div> |
|
|
</el-col> |
|
|
</el-col> |
|
|
@ -511,9 +456,9 @@ const handleSortChange = (column) => { |
|
|
<el-col> |
|
|
<el-col> |
|
|
<el-card> |
|
|
<el-card> |
|
|
<div> |
|
|
<div> |
|
|
充值金额：{{ trueRGold.toFixed(2) }}新币，永久金币：{{ |
|
|
|
|
|
trueRGold.toFixed(2) |
|
|
|
|
|
}}金币，免费金币：{{ trueFGold }}金币 |
|
|
|
|
|
|
|
|
充值金额：{{ permanentGolds.toFixed(2) }}新币，永久金币：{{ |
|
|
|
|
|
permanentGolds.toFixed(2) |
|
|
|
|
|
}}金币，免费金币：{{ freeGolds }}金币 |
|
|
</div> |
|
|
</div> |
|
|
<!-- 设置表格容器的高度和滚动样式 --> |
|
|
<!-- 设置表格容器的高度和滚动样式 --> |
|
|
<div style="height: 520px; overflow-y: auto;margin-top: 10px;"> |
|
|
<div style="height: 520px; overflow-y: auto;margin-top: 10px;"> |
|
|
@ -537,7 +482,7 @@ const handleSortChange = (column) => { |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column |
|
|
<el-table-column |
|
|
fixed="left" |
|
|
fixed="left" |
|
|
prop="username" |
|
|
|
|
|
|
|
|
prop="name" |
|
|
label="姓名" |
|
|
label="姓名" |
|
|
width="80px" |
|
|
width="80px" |
|
|
/> |
|
|
/> |
|
|
@ -547,21 +492,21 @@ const handleSortChange = (column) => { |
|
|
label="精网号" |
|
|
label="精网号" |
|
|
width="80px" |
|
|
width="80px" |
|
|
/> |
|
|
/> |
|
|
<el-table-column prop="area" label="所属地区" width="100px" /> |
|
|
|
|
|
|
|
|
<el-table-column prop="market" label="所属地区" width="100px" /> |
|
|
<el-table-column |
|
|
<el-table-column |
|
|
prop="activityName" |
|
|
|
|
|
|
|
|
prop="activity" |
|
|
label="活动名称" |
|
|
label="活动名称" |
|
|
width="100px" |
|
|
width="100px" |
|
|
/> |
|
|
/> |
|
|
<el-table-column prop="" label="货币名称" width="110px" /> |
|
|
|
|
|
|
|
|
<el-table-column prop="rateName" label="货币名称" width="110px" /> |
|
|
<el-table-column |
|
|
<el-table-column |
|
|
prop="paidGold" |
|
|
|
|
|
|
|
|
prop="money" |
|
|
sortable="custom" |
|
|
sortable="custom" |
|
|
label="充值金额" |
|
|
label="充值金额" |
|
|
width="110px" |
|
|
width="110px" |
|
|
/> |
|
|
/> |
|
|
<el-table-column |
|
|
<el-table-column |
|
|
prop="paidGold" |
|
|
|
|
|
|
|
|
prop="permanentGold" |
|
|
label="永久金币" |
|
|
label="永久金币" |
|
|
sortable="custom" |
|
|
sortable="custom" |
|
|
width="110px" |
|
|
width="110px" |
|
|
@ -573,11 +518,11 @@ const handleSortChange = (column) => { |
|
|
width="110px" |
|
|
width="110px" |
|
|
/> |
|
|
/> |
|
|
<el-table-column |
|
|
<el-table-column |
|
|
prop="rechargeWay" |
|
|
|
|
|
|
|
|
prop="payPlatform" |
|
|
label="充值方式" |
|
|
label="充值方式" |
|
|
width="100px" |
|
|
width="100px" |
|
|
/> |
|
|
/> |
|
|
<el-table-column prop="payWay" label="支付方式" width="100px" /> |
|
|
|
|
|
|
|
|
<el-table-column prop="payModel" label="支付方式" width="100px" /> |
|
|
<el-table-column |
|
|
<el-table-column |
|
|
prop="remark" |
|
|
prop="remark" |
|
|
label="备注" |
|
|
label="备注" |
|
|
@ -585,50 +530,9 @@ const handleSortChange = (column) => { |
|
|
show-overflow-tooltip |
|
|
show-overflow-tooltip |
|
|
/> |
|
|
/> |
|
|
|
|
|
|
|
|
<!-- <el-table-column |
|
|
|
|
|
prop="rechargeVoucher" |
|
|
|
|
|
label="支付凭证" |
|
|
|
|
|
width="150px" |
|
|
|
|
|
> |
|
|
|
|
|
<template #default="scope"> |
|
|
|
|
|
<el-image |
|
|
|
|
|
:preview-src-list="[scope.row.rechargeVoucher]" |
|
|
|
|
|
preview-teleported="true" |
|
|
|
|
|
:src="scope.row.rechargeVoucher" |
|
|
|
|
|
alt="凭证" |
|
|
|
|
|
style="width: 50px; height: 50px" |
|
|
|
|
|
/> |
|
|
|
|
|
</template> |
|
|
|
|
|
</el-table-column> --> |
|
|
|
|
|
<el-table-column prop="name" label="提交人" width="100px" /> |
|
|
|
|
|
<!-- <el-table-column prop="status" label="状态" width="100px"> |
|
|
|
|
|
<template #default="scope"> |
|
|
|
|
|
<span v-if="scope.row.status === 1"> |
|
|
|
|
|
<div class="status"> |
|
|
|
|
|
<span class="green-dot"></span> |
|
|
|
|
|
<span>已通过</span> |
|
|
|
|
|
</div> |
|
|
|
|
|
</span> |
|
|
|
|
|
<span v-if="scope.row.status === 0"> |
|
|
|
|
|
<div class="status"> |
|
|
|
|
|
<span class="grey-dot"></span> |
|
|
|
|
|
<span>待审核</span> |
|
|
|
|
|
</div> |
|
|
|
|
|
</span> |
|
|
|
|
|
<span v-if="scope.row.status === 2"> |
|
|
|
|
|
<div class="status"> |
|
|
|
|
|
<span class="red-dot"></span> |
|
|
|
|
|
<span>已驳回</span> |
|
|
|
|
|
</div> |
|
|
|
|
|
</span> |
|
|
|
|
|
</template> |
|
|
|
|
|
</el-table-column> |
|
|
|
|
|
<el-table-column |
|
|
|
|
|
prop="reson" |
|
|
|
|
|
label="驳回理由" |
|
|
|
|
|
width="200px" |
|
|
|
|
|
show-overflow-tooltip |
|
|
|
|
|
/> --> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<el-table-column prop="adminName" label="提交人" width="100px" /> |
|
|
|
|
|
|
|
|
<el-table-column |
|
|
<el-table-column |
|
|
prop="rechargeTime" |
|
|
prop="rechargeTime" |
|
|
sortable |
|
|
sortable |
|
|
@ -641,37 +545,7 @@ const handleSortChange = (column) => { |
|
|
}} |
|
|
}} |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<!-- <el-table-column |
|
|
|
|
|
prop="createTime" |
|
|
|
|
|
sortable="custom" |
|
|
|
|
|
label="提交时间" |
|
|
|
|
|
width="200px" |
|
|
|
|
|
/> |
|
|
|
|
|
<el-table-column |
|
|
|
|
|
fixed="right" |
|
|
|
|
|
prop="operation" |
|
|
|
|
|
label="操作" |
|
|
|
|
|
width="150px" |
|
|
|
|
|
> |
|
|
|
|
|
<template #default="scope"> |
|
|
|
|
|
<el-popconfirm |
|
|
|
|
|
title="确定将此条活动删除吗？" |
|
|
|
|
|
@confirm="delConfirm" |
|
|
|
|
|
> |
|
|
|
|
|
<template #reference> |
|
|
|
|
|
<el-button type="primary" text @click="del(scope.row)"> |
|
|
|
|
|
删除 |
|
|
|
|
|
</el-button> |
|
|
|
|
|
</template> |
|
|
|
|
|
<template #actions="{ confirm, cancel }"> |
|
|
|
|
|
<el-button size="small" @click="cancel">取消</el-button> |
|
|
|
|
|
<el-button type="primary" size="small" @click="confirm"> |
|
|
|
|
|
确定 |
|
|
|
|
|
</el-button> |
|
|
|
|
|
</template> |
|
|
|
|
|
</el-popconfirm> |
|
|
|
|
|
</template> |
|
|
|
|
|
</el-table-column> --> |
|
|
|
|
|
|
|
|
|
|
|
</el-table> |
|
|
</el-table> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
@ -691,60 +565,8 @@ const handleSortChange = (column) => { |
|
|
</el-col> |
|
|
</el-col> |
|
|
</el-row> |
|
|
</el-row> |
|
|
|
|
|
|
|
|
<!-- 编辑弹窗 --> |
|
|
|
|
|
<el-dialog |
|
|
|
|
|
v-model="editRechargeVisible" |
|
|
|
|
|
title="新增活动" |
|
|
|
|
|
width="500" |
|
|
|
|
|
:before-close="closeEditRechargeVisible" |
|
|
|
|
|
> |
|
|
|
|
|
<template #footer> |
|
|
|
|
|
<el-form :model="editObj" label-width="auto" style="max-width: 600px"> |
|
|
|
|
|
<el-form-item label="活动名称:"> |
|
|
|
|
|
<el-input |
|
|
|
|
|
v-model="addObj.activityName" |
|
|
|
|
|
placeholder="请输入活动名称" |
|
|
|
|
|
style="width: 220px" |
|
|
|
|
|
/> |
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
|
|
<el-form-item label="免费金币:"> |
|
|
|
|
|
<el-radio-group v-model="addObj.freeGold"> |
|
|
|
|
|
<el-radio value="0">无赠送</el-radio> |
|
|
|
|
|
<el-radio value="1">有赠送</el-radio> |
|
|
|
|
|
</el-radio-group> |
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
|
|
<el-form-item label="免费金币兑换比:"> |
|
|
|
|
|
<el-input |
|
|
|
|
|
v-model="addObj.rechargeRatio" |
|
|
|
|
|
placeholder="请输入" |
|
|
|
|
|
style="width: 80px" |
|
|
|
|
|
/>：1 |
|
|
|
|
|
<div style="color: grey">(提示：当前规则每10新币可兑换1免费金币)</div> |
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
|
|
<el-form-item label="开始时间:"> |
|
|
|
|
|
<el-time-picker v-model="addObj.startTime" /> |
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
|
|
<el-form-item label="结束时间:"> |
|
|
|
|
|
<el-time-picker v-model="addObj.endTime" /> |
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
|
|
<el-form-item label="添加人:"> |
|
|
|
|
|
<el-input v-model="addObj.adminName" disabled style="width: 220px" /> |
|
|
|
|
|
</el-form-item> |
|
|
|
|
|
</el-form> |
|
|
|
|
|
|
|
|
|
|
|
<div class="dialog-footer"> |
|
|
|
|
|
<el-button @click="closeAddActivityVisible">取消</el-button> |
|
|
|
|
|
<el-button type="primary" @click="closeAddActivityVisible"> |
|
|
|
|
|
提交 |
|
|
|
|
|
</el-button> |
|
|
|
|
|
</div> |
|
|
|
|
|
</template> |
|
|
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</template> |
|
|
</template> |
|
|
|
|
|
|
|
|
<style scoped> |
|
|
<style scoped> |
|
|
|
zry