|
|
@ -1,73 +1,73 @@ |
|
|
<script setup> |
|
|
<script setup> |
|
|
import { ref, onMounted, reactive, computed } from "vue"; |
|
|
import { ref, onMounted, reactive, computed } from 'vue' |
|
|
import ElementPlus from "element-plus"; |
|
|
import ElementPlus from 'element-plus' |
|
|
import request from "@/util/http"; |
|
|
import request from '@/util/http' |
|
|
import { ElMessage, ElMessageBox } from "element-plus"; |
|
|
import { ElMessage, ElMessageBox } from 'element-plus' |
|
|
import { AiFillRead } from "vue-icons-plus/ai"; |
|
|
import { AiFillRead } from 'vue-icons-plus/ai' |
|
|
import axios from "axios"; |
|
|
import axios from 'axios' |
|
|
import moment from "moment"; |
|
|
import moment from 'moment' |
|
|
import API from "../../api/index.js"; |
|
|
import API from '../../api/index.js' |
|
|
// 变量 |
|
|
// 变量 |
|
|
// 用户对象假的 |
|
|
// 用户对象假的 |
|
|
const admin = ref({ |
|
|
const admin = ref({ |
|
|
adminId: 1, |
|
|
adminId: 1, |
|
|
name: "赵刚", |
|
|
name: '赵刚', |
|
|
area: "中国", |
|
|
area: '中国' |
|
|
}); |
|
|
}) |
|
|
//这是获取用户信息的接口 |
|
|
//这是获取用户信息的接口 |
|
|
const adminData = ref({}); |
|
|
const adminData = ref({}) |
|
|
const getAdminData = async function () { |
|
|
const getAdminData = async function () { |
|
|
try { |
|
|
try { |
|
|
const result = await request({ |
|
|
const result = await request({ |
|
|
url: "/admin/userinfo", |
|
|
url: '/admin/userinfo', |
|
|
data: {}, |
|
|
data: {} |
|
|
}); |
|
|
}) |
|
|
adminData.value = result; |
|
|
adminData.value = result |
|
|
console.log("请求成功", result); |
|
|
console.log('请求成功', result) |
|
|
console.log("用户信息", adminData.value); |
|
|
console.log('用户信息', adminData.value) |
|
|
} catch (error) { |
|
|
} catch (error) { |
|
|
console.log("请求失败", error); |
|
|
console.log('请求失败', error) |
|
|
|
|
|
} |
|
|
} |
|
|
} |
|
|
}; |
|
|
|
|
|
// 充值明细表格 |
|
|
// 充值明细表格 |
|
|
const tableData = ref([]); |
|
|
const tableData = ref([]) |
|
|
// 搜索====================================== |
|
|
// 搜索====================================== |
|
|
// 搜索detail |
|
|
// 搜索detail |
|
|
const detail = ref({}); |
|
|
const detail = ref({}) |
|
|
// 搜索对象 |
|
|
// 搜索对象 |
|
|
const getObj = ref({ |
|
|
const getObj = ref({ |
|
|
pageNum: 1, |
|
|
pageNum: 1, |
|
|
pageSize: 50, |
|
|
pageSize: 50 |
|
|
}); |
|
|
}) |
|
|
//分页总条目 |
|
|
//分页总条目 |
|
|
const total = ref(100); |
|
|
const total = ref(100) |
|
|
// 搜索对象时间 |
|
|
// 搜索对象时间 |
|
|
const getTime = ref([]); |
|
|
const getTime = ref([]) |
|
|
// 搜索活动列表 |
|
|
// 搜索活动列表 |
|
|
const product = ref([]); |
|
|
const product = ref([]) |
|
|
// 所有信息 |
|
|
// 所有信息 |
|
|
const allData = ref([]); |
|
|
const allData = ref([]) |
|
|
// 搜索地区列表 |
|
|
// 搜索地区列表 |
|
|
const area = ref([]); |
|
|
const area = ref([]) |
|
|
|
|
|
|
|
|
// 编辑====================================== |
|
|
// 编辑====================================== |
|
|
// 驳回弹出框 |
|
|
// 驳回弹出框 |
|
|
const rejectVisible = ref(false); |
|
|
const rejectVisible = ref(false) |
|
|
// 驳回对象 |
|
|
// 驳回对象 |
|
|
const rejectObj = ref({}); |
|
|
const rejectObj = ref({}) |
|
|
// 通过对象 |
|
|
// 通过对象 |
|
|
const passObj = ref({}); |
|
|
const passObj = ref({}) |
|
|
|
|
|
|
|
|
//标签页默认高亮选项 |
|
|
//标签页默认高亮选项 |
|
|
const activeName = ref("all"); |
|
|
const activeName = ref('all') |
|
|
|
|
|
|
|
|
// 退款类型选项 |
|
|
// 退款类型选项 |
|
|
const refundType = [ |
|
|
const refundType = [ |
|
|
{ |
|
|
{ |
|
|
value: "退款商品", |
|
|
value: '退款商品', |
|
|
label: "退款商品", |
|
|
label: '退款商品' |
|
|
}, |
|
|
} |
|
|
]; |
|
|
] |
|
|
|
|
|
|
|
|
// //表格高度 |
|
|
// //表格高度 |
|
|
// const tableHeight = computed(function () { |
|
|
// const tableHeight = computed(function () { |
|
|
@ -75,421 +75,425 @@ const refundType = [ |
|
|
// }); |
|
|
// }); |
|
|
|
|
|
|
|
|
// 表单验证ref |
|
|
// 表单验证ref |
|
|
const Ref = ref(null); |
|
|
const Ref = ref(null) |
|
|
|
|
|
|
|
|
// 方法 |
|
|
// 方法 |
|
|
// 统计合计数 |
|
|
// 统计合计数 |
|
|
// 统计合计数 |
|
|
// 统计合计数 |
|
|
const trueGold = ref(0); |
|
|
const trueGold = ref(0) |
|
|
const trueCount = ref(0); |
|
|
const trueCount = ref(0) |
|
|
// 待审核条数 |
|
|
// 待审核条数 |
|
|
const pendingCount = ref(0); |
|
|
const pendingCount = ref(0) |
|
|
// 待审核金币数 |
|
|
// 待审核金币数 |
|
|
const pendingGold = ref(0); |
|
|
const pendingGold = ref(0) |
|
|
// 已通过条数 |
|
|
// 已通过条数 |
|
|
const approvedCount = ref(0); |
|
|
const approvedCount = ref(0) |
|
|
// 已通过金币数 |
|
|
// 已通过金币数 |
|
|
const approvedGold = ref(0); |
|
|
const approvedGold = ref(0) |
|
|
// 已驳回条数 |
|
|
// 已驳回条数 |
|
|
const rejectedCount = ref(0); |
|
|
const rejectedCount = ref(0) |
|
|
// 已驳回金币数 |
|
|
// 已驳回金币数 |
|
|
const rejectedGold = ref(0); |
|
|
const rejectedGold = ref(0) |
|
|
|
|
|
|
|
|
// 搜索================================================================== |
|
|
// 搜索================================================================== |
|
|
// 搜索方法 |
|
|
// 搜索方法 |
|
|
const get = async function (val) { |
|
|
const get = async function (val) { |
|
|
try { |
|
|
try { |
|
|
// 地区赋值 |
|
|
// 地区赋值 |
|
|
if (adminData.value.area === "泰国") { |
|
|
if (adminData.value.area === '泰国') { |
|
|
rechargeVo.value.areas = ["泰国", "越南"]; |
|
|
rechargeVo.value.areas = ['泰国', '越南'] |
|
|
} else if (adminData.value.area !== "总部") { |
|
|
} else if (adminData.value.area !== '总部') { |
|
|
rechargeVo.value.area = 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 != "") { |
|
|
if (getTime.value.startDate != '' && getTime.value.endDate != '') { |
|
|
detail.value.startDate = getTime.value[0]; |
|
|
detail.value.startDate = getTime.value[0] |
|
|
detail.value.endDate = getTime.value[1]; |
|
|
detail.value.endDate = getTime.value[1] |
|
|
} |
|
|
} |
|
|
} else { |
|
|
} else { |
|
|
detail.value.startDate = ""; |
|
|
detail.value.startDate = '' |
|
|
detail.value.endDate = ""; |
|
|
detail.value.endDate = '' |
|
|
} |
|
|
} |
|
|
detail.value.sortField = sortField.value; |
|
|
detail.value.sortField = sortField.value |
|
|
detail.value.sortOrder = sortOrder.value; |
|
|
detail.value.sortOrder = sortOrder.value |
|
|
console.log("搜索参数", getObj.value); |
|
|
console.log('搜索参数', getObj.value) |
|
|
// 发送POST请求 |
|
|
// 发送POST请求 |
|
|
const result = await request({ |
|
|
const result = await request({ |
|
|
url: "/audit/audit/refund", |
|
|
url: '/audit/audit/refund', |
|
|
data: { |
|
|
data: { |
|
|
pageNum: getObj.value.pageNum, |
|
|
pageNum: getObj.value.pageNum, |
|
|
pageSize: getObj.value.pageSize, |
|
|
pageSize: getObj.value.pageSize, |
|
|
detail: { |
|
|
detail: { |
|
|
...detail.value, |
|
|
...detail.value |
|
|
}, |
|
|
} |
|
|
}, |
|
|
} |
|
|
}); |
|
|
}) |
|
|
const detailWithoutSort = { ...detail.value }; |
|
|
const detailWithoutSort = { ...detail.value } |
|
|
delete detailWithoutSort.sortField; |
|
|
delete detailWithoutSort.sortField |
|
|
delete detailWithoutSort.sortOrder; |
|
|
delete detailWithoutSort.sortOrder |
|
|
const result2 = await request({ |
|
|
const result2 = await request({ |
|
|
url: "/refund/RefundA", |
|
|
url: '/refund/RefundA', |
|
|
data: detailWithoutSort, |
|
|
data: detailWithoutSort |
|
|
}); |
|
|
}) |
|
|
|
|
|
|
|
|
// 统计合计数 |
|
|
// 统计合计数 |
|
|
if (result2.data) { |
|
|
if (result2.data) { |
|
|
result2.data.forEach((item) => { |
|
|
result2.data.forEach((item) => { |
|
|
switch (item.status) { |
|
|
switch (item.status) { |
|
|
case "待审核": |
|
|
case '待审核': |
|
|
// 若 item.raudit 为空则赋值为 0 |
|
|
// 若 item.raudit 为空则赋值为 0 |
|
|
pendingCount.value = item.raudit || 0; |
|
|
pendingCount.value = item.raudit || 0 |
|
|
// 若 item.sumRaudit 为空则赋值为 0 |
|
|
// 若 item.sumRaudit 为空则赋值为 0 |
|
|
pendingGold.value = item.sumRaudit || 0; |
|
|
pendingGold.value = item.sumRaudit || 0 |
|
|
break; |
|
|
break |
|
|
case "已通过": |
|
|
case '已通过': |
|
|
approvedCount.value = item.raudit || 0; |
|
|
approvedCount.value = item.raudit || 0 |
|
|
approvedGold.value = item.sumRaudit || 0; |
|
|
approvedGold.value = item.sumRaudit || 0 |
|
|
break; |
|
|
break |
|
|
case "已驳回": |
|
|
case '已驳回': |
|
|
rejectedCount.value = item.raudit || 0; |
|
|
rejectedCount.value = item.raudit || 0 |
|
|
rejectedGold.value = item.sumRaudit || 0; |
|
|
rejectedGold.value = item.sumRaudit || 0 |
|
|
break; |
|
|
break |
|
|
} |
|
|
} |
|
|
}); |
|
|
}) |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
trueGold.value = |
|
|
trueGold.value = pendingGold.value + approvedGold.value + rejectedGold.value |
|
|
pendingGold.value + approvedGold.value + rejectedGold.value; |
|
|
|
|
|
trueCount.value = |
|
|
trueCount.value = |
|
|
pendingCount.value + approvedCount.value + rejectedCount.value; |
|
|
pendingCount.value + approvedCount.value + rejectedCount.value |
|
|
// 将响应结果存储到响应式数据中 |
|
|
// 将响应结果存储到响应式数据中 |
|
|
console.log("请求成功", result); |
|
|
console.log('请求成功', result) |
|
|
// 存储表格数据 |
|
|
// 存储表格数据 |
|
|
tableData.value = result.data.list; |
|
|
tableData.value = result.data.list |
|
|
console.log("tableData", tableData.value); |
|
|
console.log('tableData', tableData.value) |
|
|
// 存储分页总数 |
|
|
// 存储分页总数 |
|
|
total.value = result.data.total; |
|
|
total.value = result.data.total |
|
|
console.log("total", total.value); |
|
|
console.log('total', total.value) |
|
|
} catch (error) { |
|
|
} catch (error) { |
|
|
console.log("请求失败", error); |
|
|
console.log('请求失败', error) |
|
|
// 在这里可以处理错误逻辑，比如显示错误提示等 |
|
|
// 在这里可以处理错误逻辑，比如显示错误提示等 |
|
|
} |
|
|
} |
|
|
}; |
|
|
} |
|
|
// 搜索 |
|
|
// 搜索 |
|
|
const search = function () { |
|
|
const search = function () { |
|
|
getObj.value.pageNum = 1; |
|
|
getObj.value.pageNum = 1 |
|
|
get(); |
|
|
get() |
|
|
}; |
|
|
} |
|
|
// 重置 |
|
|
// 重置 |
|
|
const reset = function () { |
|
|
const reset = function () { |
|
|
detail.value.area = ""; |
|
|
detail.value.area = '' |
|
|
detail.value.jwcode = ""; |
|
|
detail.value.jwcode = '' |
|
|
detail.value.refundType = ""; |
|
|
detail.value.refundType = '' |
|
|
detail.value.refundGoods = ""; |
|
|
detail.value.refundGoods = '' |
|
|
detail.value.startDate = ""; |
|
|
detail.value.startDate = '' |
|
|
detail.value.endDate = ""; |
|
|
detail.value.endDate = '' |
|
|
sortField.value = ""; |
|
|
sortField.value = '' |
|
|
sortOrder.value = ""; |
|
|
sortOrder.value = '' |
|
|
getTime.value = {}; |
|
|
getTime.value = {} |
|
|
}; |
|
|
} |
|
|
// 今天 |
|
|
// 今天 |
|
|
const getToday = function () { |
|
|
const getToday = function () { |
|
|
const today = new Date(); |
|
|
const today = new Date() |
|
|
const startDate = new Date( |
|
|
const startDate = new Date( |
|
|
today.getFullYear(), |
|
|
today.getFullYear(), |
|
|
today.getMonth(), |
|
|
today.getMonth(), |
|
|
today.getDate() |
|
|
today.getDate() |
|
|
); |
|
|
) |
|
|
const endDate = new Date( |
|
|
const endDate = new Date( |
|
|
today.getFullYear(), |
|
|
today.getFullYear(), |
|
|
today.getMonth(), |
|
|
today.getMonth(), |
|
|
today.getDate() + 1 |
|
|
today.getDate() + 1 |
|
|
); |
|
|
) |
|
|
getTime.value = [startDate, endDate]; |
|
|
getTime.value = [startDate, endDate] |
|
|
console.log("getTime", getTime.value); |
|
|
console.log('getTime', getTime.value) |
|
|
get(); |
|
|
get() |
|
|
}; |
|
|
} |
|
|
// 昨天 |
|
|
// 昨天 |
|
|
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 startDate = new Date( |
|
|
yesterday.getFullYear(), |
|
|
yesterday.getFullYear(), |
|
|
yesterday.getMonth(), |
|
|
yesterday.getMonth(), |
|
|
yesterday.getDate() |
|
|
yesterday.getDate() |
|
|
); |
|
|
) |
|
|
const endDate = new Date( |
|
|
const endDate = new Date( |
|
|
yesterday.getFullYear(), |
|
|
yesterday.getFullYear(), |
|
|
yesterday.getMonth(), |
|
|
yesterday.getMonth(), |
|
|
yesterday.getDate() + 1 |
|
|
yesterday.getDate() + 1 |
|
|
); |
|
|
) |
|
|
getTime.value = [startDate, endDate]; |
|
|
getTime.value = [startDate, endDate] |
|
|
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 startDate = new Date( |
|
|
today.getFullYear(), |
|
|
today.getFullYear(), |
|
|
today.getMonth(), |
|
|
today.getMonth(), |
|
|
today.getDate() - 6 |
|
|
today.getDate() - 6 |
|
|
); |
|
|
) |
|
|
const endDate = new Date( |
|
|
const endDate = new Date( |
|
|
today.getFullYear(), |
|
|
today.getFullYear(), |
|
|
today.getMonth(), |
|
|
today.getMonth(), |
|
|
today.getDate() + 1 |
|
|
today.getDate() + 1 |
|
|
); |
|
|
) |
|
|
getTime.value = [startDate, endDate]; |
|
|
getTime.value = [startDate, endDate] |
|
|
console.log("getTime", getTime.value); |
|
|
console.log('getTime', getTime.value) |
|
|
get(); |
|
|
get() |
|
|
}; |
|
|
} |
|
|
//全部充值明细 |
|
|
//全部充值明细 |
|
|
const adminAll = function () { |
|
|
const adminAll = function () { |
|
|
console.log("adminAll"); |
|
|
console.log('adminAll') |
|
|
detail.value.status = ""; |
|
|
detail.value.status = '' |
|
|
getObj.value.pageNum = 1; |
|
|
getObj.value.pageNum = 1 |
|
|
get(); |
|
|
get() |
|
|
}; |
|
|
} |
|
|
//待审核充值明细 |
|
|
//待审核充值明细 |
|
|
const adminWait = async function () { |
|
|
const adminWait = async function () { |
|
|
detail.value.status = 0; |
|
|
detail.value.status = 0 |
|
|
getObj.value.pageNum = 1; |
|
|
getObj.value.pageNum = 1 |
|
|
await get(); |
|
|
await get() |
|
|
console.log("adminWait"); |
|
|
console.log('adminWait') |
|
|
trueGold.value = pendingGold.value; |
|
|
trueGold.value = pendingGold.value |
|
|
trueCount.value = pendingCount.value; |
|
|
trueCount.value = pendingCount.value |
|
|
}; |
|
|
} |
|
|
//已通过充值明细 |
|
|
//已通过充值明细 |
|
|
const adminPass = async function () { |
|
|
const adminPass = async function () { |
|
|
detail.value.status = 1; |
|
|
detail.value.status = 1 |
|
|
getObj.value.pageNum = 1; |
|
|
getObj.value.pageNum = 1 |
|
|
await get(); |
|
|
await get() |
|
|
console.log("adminPass"); |
|
|
console.log('adminPass') |
|
|
trueGold.value = approvedGold.value; |
|
|
trueGold.value = approvedGold.value |
|
|
trueCount.value = approvedCount.value; |
|
|
trueCount.value = approvedCount.value |
|
|
}; |
|
|
} |
|
|
//已驳回充值明细 |
|
|
//已驳回充值明细 |
|
|
const adminReject = async function () { |
|
|
const adminReject = async function () { |
|
|
detail.value.status = 2; |
|
|
detail.value.status = 2 |
|
|
getObj.value.pageNum = 1; |
|
|
getObj.value.pageNum = 1 |
|
|
await get(); |
|
|
await get() |
|
|
console.log("adminReject"); |
|
|
console.log('adminReject') |
|
|
trueGold.value = rejectedGold.value; |
|
|
trueGold.value = rejectedGold.value |
|
|
trueCount.value = rejectedCount.value; |
|
|
trueCount.value = rejectedCount.value |
|
|
}; |
|
|
} |
|
|
//点击标签页 |
|
|
//点击标签页 |
|
|
const handleClick = function (tab, event) { |
|
|
const handleClick = function (tab, event) { |
|
|
if (tab.props.name === "all") { |
|
|
if (tab.props.name === 'all') { |
|
|
adminAll(); |
|
|
adminAll() |
|
|
} else if (tab.props.name === "wait") { |
|
|
} else if (tab.props.name === 'wait') { |
|
|
adminWait(); |
|
|
adminWait() |
|
|
} else if (tab.props.name === "pass") { |
|
|
} else if (tab.props.name === 'pass') { |
|
|
adminPass(); |
|
|
adminPass() |
|
|
} else if (tab.props.name === "reject") { |
|
|
} else if (tab.props.name === 'reject') { |
|
|
adminReject(); |
|
|
adminReject() |
|
|
} |
|
|
} |
|
|
}; |
|
|
} |
|
|
// 获取活动名称 |
|
|
// 获取活动名称 |
|
|
const getProduct = async function () { |
|
|
const getProduct = async function () { |
|
|
try { |
|
|
try { |
|
|
// 发送POST请求 |
|
|
// 发送POST请求 |
|
|
const result = await request({ |
|
|
const result = await request({ |
|
|
url: "/product", |
|
|
url: '/product', |
|
|
data: {}, |
|
|
data: {} |
|
|
}); |
|
|
}) |
|
|
|
|
|
|
|
|
// 将响应结果存储到响应式数据中 |
|
|
// 将响应结果存储到响应式数据中 |
|
|
console.log("请求成功", result); |
|
|
console.log('请求成功', result) |
|
|
// 存储表格数据 |
|
|
// 存储表格数据 |
|
|
product.value = result.data; |
|
|
product.value = result.data |
|
|
console.log("产品", product.value); |
|
|
console.log('产品', product.value) |
|
|
} catch (error) { |
|
|
} catch (error) { |
|
|
console.log("请求失败", error); |
|
|
console.log('请求失败', error) |
|
|
// 在这里可以处理错误逻辑，比如显示错误提示等 |
|
|
// 在这里可以处理错误逻辑，比如显示错误提示等 |
|
|
} |
|
|
} |
|
|
}; |
|
|
} |
|
|
|
|
|
|
|
|
// 获取地区 |
|
|
// 获取地区 |
|
|
const getArea = async function () { |
|
|
const getArea = async function () { |
|
|
try { |
|
|
try { |
|
|
// 发送POST请求 |
|
|
// 发送POST请求 |
|
|
const result = await request({ |
|
|
const result = await request({ |
|
|
url: "/recharge/user/search", |
|
|
url: '/recharge/user/search', |
|
|
data: {}, |
|
|
data: {} |
|
|
}); |
|
|
}) |
|
|
// 将响应结果存储到响应式数据中 |
|
|
// 将响应结果存储到响应式数据中 |
|
|
console.log("请求成功", result); |
|
|
console.log('请求成功', result) |
|
|
// 存储地区信息 |
|
|
// 存储地区信息 |
|
|
area.value = result.data; |
|
|
area.value = result.data |
|
|
console.log("地区", area.value); |
|
|
console.log('地区', area.value) |
|
|
} catch (error) { |
|
|
} catch (error) { |
|
|
console.log("请求失败", error); |
|
|
console.log('请求失败', error) |
|
|
// 在这里可以处理错误逻辑，比如显示错误提示等 |
|
|
// 在这里可以处理错误逻辑，比如显示错误提示等 |
|
|
} |
|
|
} |
|
|
}; |
|
|
} |
|
|
// 验证跳转输入框的数字是否合法 |
|
|
// 验证跳转输入框的数字是否合法 |
|
|
const checkNumber = function () { |
|
|
const checkNumber = function () { |
|
|
if (typeof parseInt(getObj.value.pageNum) === "number") { |
|
|
if (typeof parseInt(getObj.value.pageNum) === 'number') { |
|
|
console.log( |
|
|
console.log('总共有多少页' + Math.ceil(total.value / getObj.value.pageSize)) |
|
|
"总共有多少页" + Math.ceil(total.value / getObj.value.pageSize) |
|
|
|
|
|
); |
|
|
|
|
|
if ( |
|
|
if ( |
|
|
getObj.value.pageNum > 0 && |
|
|
getObj.value.pageNum > 0 && |
|
|
getObj.value.pageNum <= Math.ceil(total.value / getObj.value.pageSize) |
|
|
getObj.value.pageNum <= Math.ceil(total.value / getObj.value.pageSize) |
|
|
) { |
|
|
) { |
|
|
getObj.value.pageNum = parseInt(getObj.value.pageNum); |
|
|
getObj.value.pageNum = parseInt(getObj.value.pageNum) |
|
|
console.log("输入的数字合法"); |
|
|
console.log('输入的数字合法') |
|
|
get(); |
|
|
get() |
|
|
} else { |
|
|
} else { |
|
|
//提示 |
|
|
//提示 |
|
|
ElMessage({ |
|
|
ElMessage({ |
|
|
type: "error", |
|
|
type: 'error', |
|
|
message: "请检查输入内容", |
|
|
message: '请检查输入内容' |
|
|
}); |
|
|
}) |
|
|
} |
|
|
} |
|
|
} else { |
|
|
} else { |
|
|
//提示 |
|
|
//提示 |
|
|
ElMessage({ |
|
|
ElMessage({ |
|
|
type: "error", |
|
|
type: 'error', |
|
|
message: "请检查输入内容", |
|
|
message: '请检查输入内容' |
|
|
}); |
|
|
}) |
|
|
|
|
|
} |
|
|
} |
|
|
} |
|
|
}; |
|
|
|
|
|
|
|
|
|
|
|
// 编辑==================================== |
|
|
// 编辑==================================== |
|
|
// 通过按钮 |
|
|
// 通过按钮 |
|
|
const pass = function (row) { |
|
|
const pass = function (row) { |
|
|
// 通过初始化 |
|
|
// 通过初始化 |
|
|
passObj.value.adminId = adminData.value.adminId; |
|
|
passObj.value.adminId = adminData.value.adminId |
|
|
passObj.value.auditId = row.auditId; |
|
|
passObj.value.auditId = row.auditId |
|
|
passObj.value.status = 1; |
|
|
passObj.value.status = 1 |
|
|
passObj.value.refundId = row.refundId; |
|
|
passObj.value.refundId = row.refundId |
|
|
passObj.value.adminName = row.adminName; |
|
|
passObj.value.adminName = row.adminName |
|
|
passObj.value.username = row.username; |
|
|
passObj.value.username = row.username |
|
|
passObj.value.area = row.area; |
|
|
passObj.value.area = row.area |
|
|
console.log("通过对象", passObj.value); |
|
|
console.log('通过对象', passObj.value) |
|
|
}; |
|
|
} |
|
|
|
|
|
|
|
|
// 通过确认 |
|
|
// 通过确认 |
|
|
const passConfirm = async function () { |
|
|
const passConfirm = async function () { |
|
|
try { |
|
|
try { |
|
|
console.log("通过对象", passObj.value); |
|
|
console.log('通过对象', passObj.value) |
|
|
// 发送POST请求 |
|
|
// 发送POST请求 |
|
|
const result = await request({ |
|
|
const result = await request({ |
|
|
url: "/audit/audit/edit", |
|
|
url: '/audit/audit/edit', |
|
|
data: passObj.value, |
|
|
data: passObj.value |
|
|
}); |
|
|
}) |
|
|
|
|
|
|
|
|
// 将响应结果存储到响应式数据中 |
|
|
// 将响应结果存储到响应式数据中 |
|
|
console.log("请求成功", result); |
|
|
console.log('请求成功', result) |
|
|
// 刷新表格数据 |
|
|
// 刷新表格数据 |
|
|
get(); |
|
|
get() |
|
|
//提示 |
|
|
//提示 |
|
|
ElMessage({ |
|
|
ElMessage({ |
|
|
type: "success", |
|
|
type: 'success', |
|
|
message: "通过成功！", |
|
|
message: '通过成功！' |
|
|
}); |
|
|
}) |
|
|
} catch (error) { |
|
|
} catch (error) { |
|
|
console.log("请求失败", error); |
|
|
console.log('请求失败', error) |
|
|
// 在这里可以处理错误逻辑，比如显示错误提示等 |
|
|
// 在这里可以处理错误逻辑，比如显示错误提示等 |
|
|
} |
|
|
} |
|
|
}; |
|
|
} |
|
|
|
|
|
|
|
|
// 打开驳回弹出框 |
|
|
// 打开驳回弹出框 |
|
|
const openRejectVisible = function () { |
|
|
const openRejectVisible = function () { |
|
|
rejectVisible.value = true; |
|
|
rejectVisible.value = true |
|
|
}; |
|
|
} |
|
|
// 关闭驳回弹出框 |
|
|
// 关闭驳回弹出框 |
|
|
const closeRejectVisible = function () { |
|
|
const closeRejectVisible = function () { |
|
|
rejectVisible.value = false; |
|
|
rejectVisible.value = false |
|
|
}; |
|
|
} |
|
|
// 驳回按钮 |
|
|
// 驳回按钮 |
|
|
const reject = function (row) { |
|
|
const reject = function (row) { |
|
|
// 驳回初始化 |
|
|
// 驳回初始化 |
|
|
rejectObj.value.adminId = adminData.value.adminId; |
|
|
rejectObj.value.adminId = adminData.value.adminId |
|
|
rejectObj.value.auditId = row.auditId; |
|
|
rejectObj.value.auditId = row.auditId |
|
|
rejectObj.value.status = 2; |
|
|
rejectObj.value.status = 2 |
|
|
rejectObj.value.reson = ""; |
|
|
rejectObj.value.reson = '' |
|
|
rejectObj.value.refundId = row.refundId; |
|
|
rejectObj.value.refundId = row.refundId |
|
|
console.log("驳回对象", rejectObj.value); |
|
|
console.log('驳回对象', rejectObj.value) |
|
|
openRejectVisible(); |
|
|
openRejectVisible() |
|
|
}; |
|
|
} |
|
|
// 驳回确认 |
|
|
// 驳回确认 |
|
|
const rejectConfirm = async function () { |
|
|
const rejectConfirm = async function () { |
|
|
Ref.value.validate(async (valid) => { |
|
|
Ref.value.validate(async (valid) => { |
|
|
if (valid) { |
|
|
if (valid) { |
|
|
try { |
|
|
try { |
|
|
console.log("驳回对象", rejectObj.value); |
|
|
console.log('驳回对象', rejectObj.value) |
|
|
// 发送POST请求 |
|
|
// 发送POST请求 |
|
|
const result = await request({ |
|
|
const result = await request({ |
|
|
url: "/audit/audit/edit", |
|
|
url: '/audit/audit/edit', |
|
|
data: rejectObj.value, |
|
|
data: rejectObj.value |
|
|
}); |
|
|
}) |
|
|
|
|
|
|
|
|
// 将响应结果存储到响应式数据中 |
|
|
// 将响应结果存储到响应式数据中 |
|
|
console.log("请求成功", result); |
|
|
console.log('请求成功', result) |
|
|
// 刷新表格数据 |
|
|
// 刷新表格数据 |
|
|
get(); |
|
|
get() |
|
|
// 关闭弹出框 |
|
|
// 关闭弹出框 |
|
|
closeRejectVisible(); |
|
|
closeRejectVisible() |
|
|
//提示 |
|
|
//提示 |
|
|
ElMessage({ |
|
|
ElMessage({ |
|
|
type: "success", |
|
|
type: 'success', |
|
|
message: "驳回成功！", |
|
|
message: '驳回成功！' |
|
|
}); |
|
|
}) |
|
|
} catch (error) { |
|
|
} catch (error) { |
|
|
console.log("请求失败", error); |
|
|
console.log('请求失败', error) |
|
|
// 在这里可以处理错误逻辑，比如显示错误提示等 |
|
|
// 在这里可以处理错误逻辑，比如显示错误提示等 |
|
|
} |
|
|
} |
|
|
} else { |
|
|
} else { |
|
|
//提示 |
|
|
//提示 |
|
|
ElMessage({ |
|
|
ElMessage({ |
|
|
type: "error", |
|
|
type: 'error', |
|
|
message: "请检查输入内容", |
|
|
message: '请检查输入内容' |
|
|
}); |
|
|
}) |
|
|
|
|
|
} |
|
|
|
|
|
}) |
|
|
|
|
|
} |
|
|
|
|
|
const handlePageSizeChange = function (val) { |
|
|
|
|
|
getObj.value.pageSize = val |
|
|
|
|
|
get() |
|
|
|
|
|
} |
|
|
|
|
|
const handleCurrentChange = function (val) { |
|
|
|
|
|
getObj.value.pageNum = val |
|
|
|
|
|
get() |
|
|
} |
|
|
} |
|
|
}); |
|
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
|
|
// 表单验证 |
|
|
// 表单验证 |
|
|
|
|
|
|
|
|
const rules = reactive({ |
|
|
const rules = reactive({ |
|
|
reson: [{ required: true, message: "请输入驳回理由", trigger: "blur" }], |
|
|
reson: [{ required: true, message: '请输入驳回理由', trigger: 'blur' }] |
|
|
}); |
|
|
}) |
|
|
|
|
|
|
|
|
// 挂载 |
|
|
// 挂载 |
|
|
onMounted(async function () { |
|
|
onMounted(async function () { |
|
|
await getAdminData(); |
|
|
await getAdminData() |
|
|
await get(); |
|
|
await get() |
|
|
getProduct(); |
|
|
getProduct() |
|
|
await getArea(); |
|
|
await getArea() |
|
|
await getArea(); |
|
|
await getArea() |
|
|
}); |
|
|
}) |
|
|
// 新增排序字段和排序方式 |
|
|
// 新增排序字段和排序方式 |
|
|
const sortField = ref(""); |
|
|
const sortField = ref('') |
|
|
const sortOrder = ref(""); |
|
|
const sortOrder = ref('') |
|
|
// 处理排序事件 |
|
|
// 处理排序事件 |
|
|
const handleSortChange = (column) => { |
|
|
const handleSortChange = (column) => { |
|
|
console.log("排序字段：", column.prop); |
|
|
console.log('排序字段：', column.prop) |
|
|
console.log("排序方式：", column.order); |
|
|
console.log('排序方式：', column.order) |
|
|
if (column.prop === "rechargeCoin") { |
|
|
if (column.prop === 'rechargeCoin') { |
|
|
sortField.value = "recharge_coin"; |
|
|
sortField.value = 'recharge_coin' |
|
|
} else if (column.prop === "taskCoin") { |
|
|
} else if (column.prop === 'taskCoin') { |
|
|
sortField.value = "task_coin"; |
|
|
sortField.value = 'task_coin' |
|
|
} else if (column.prop === "freeCoin") { |
|
|
} else if (column.prop === 'freeCoin') { |
|
|
sortField.value = "free_coin"; |
|
|
sortField.value = 'free_coin' |
|
|
} else if (column.prop === "createTime") { |
|
|
} else if (column.prop === 'createTime') { |
|
|
sortField.value = "create_time"; |
|
|
sortField.value = 'create_time' |
|
|
} |
|
|
} |
|
|
sortOrder.value = column.order === "ascending" ? "ASC" : "DESC"; |
|
|
sortOrder.value = column.order === 'ascending' ? 'ASC' : 'DESC' |
|
|
get(); |
|
|
get() |
|
|
}; |
|
|
} |
|
|
</script> |
|
|
</script> |
|
|
|
|
|
|
|
|
<template> |
|
|
<template> |
|
|
@ -735,7 +739,7 @@ const handleSortChange = (column) => { |
|
|
width="200px" |
|
|
width="200px" |
|
|
> |
|
|
> |
|
|
<template #default="scope"> |
|
|
<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') }} |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column |
|
|
<el-table-column |
|
|
@ -794,41 +798,12 @@ const handleSortChange = (column) => { |
|
|
<el-pagination |
|
|
<el-pagination |
|
|
background |
|
|
background |
|
|
:page-size="getObj.pageSize" |
|
|
:page-size="getObj.pageSize" |
|
|
layout="slot" |
|
|
:page-sizes="[5, 10, 20, 50, 100]" |
|
|
|
|
|
layout="total, sizes, prev, pager, next, jumper" |
|
|
:total="total" |
|
|
:total="total" |
|
|
> |
|
|
@size-change="handlePageSizeChange" |
|
|
<div>共{{ total }}条,每页</div> |
|
|
@current-change="handleCurrentChange" |
|
|
<el-select |
|
|
></el-pagination> |
|
|
v-model="getObj.pageSize" |
|
|
|
|
|
class="page-size" |
|
|
|
|
|
@change="get()" |
|
|
|
|
|
style="width: 80px" |
|
|
|
|
|
> |
|
|
|
|
|
<el-option |
|
|
|
|
|
v-for="item in [5, 10, 20, 50, 100]" |
|
|
|
|
|
:key="item" |
|
|
|
|
|
:label="item" |
|
|
|
|
|
:value="item" |
|
|
|
|
|
></el-option> |
|
|
|
|
|
</el-select> |
|
|
|
|
|
<div>条</div> |
|
|
|
|
|
</el-pagination> |
|
|
|
|
|
<el-pagination |
|
|
|
|
|
background |
|
|
|
|
|
layout="prev, pager, next,slot" |
|
|
|
|
|
:page-size="getObj.pageSize" |
|
|
|
|
|
:total="total" |
|
|
|
|
|
:current-page="getObj.pageNum" |
|
|
|
|
|
@current-change="get" |
|
|
|
|
|
> |
|
|
|
|
|
<div>跳至</div> |
|
|
|
|
|
<el-input |
|
|
|
|
|
v-model="getObj.pageNum" |
|
|
|
|
|
style="width: 40px" |
|
|
|
|
|
@change="checkNumber" |
|
|
|
|
|
/> |
|
|
|
|
|
<div>页</div> |
|
|
|
|
|
</el-pagination> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</el-card> |
|
|
</el-card> |
|
|
</el-col> |
|
|
</el-col> |
|
|
|
zhaoln
5 months ago
xxxxxxxxxx