|
|
|
@ -1,13 +1,13 @@ |
|
|
|
<script setup> |
|
|
|
// 这是客户金币余额页面 |
|
|
|
import {ref, onMounted, reactive, computed, watch} from 'vue' |
|
|
|
import { ref, onMounted, reactive, computed, watch } from 'vue' |
|
|
|
import ElementPlus from 'element-plus' |
|
|
|
import {ElMessage, ElMessageBox} from 'element-plus' |
|
|
|
import { ElMessage, ElMessageBox } from 'element-plus' |
|
|
|
import axios from 'axios' |
|
|
|
import moment from 'moment' |
|
|
|
import {ta} from 'element-plus/es/locales.mjs' |
|
|
|
import { ta } from 'element-plus/es/locales.mjs' |
|
|
|
import API from '@/util/http.js' |
|
|
|
import {marketMapping, reverseMarketMapping} from "@/utils/marketMap.js"; |
|
|
|
import { marketMapping, reverseMarketMapping } from "@/utils/marketMap.js"; |
|
|
|
|
|
|
|
// 变量 |
|
|
|
//这是获取用户信息的接口 |
|
|
|
@ -15,7 +15,7 @@ const adminData = ref({}) |
|
|
|
const dialogVisible = ref(false) |
|
|
|
const getAdminData = async function () { |
|
|
|
try { |
|
|
|
const result = await API({url: '/admin/userinfo', data: {}}) |
|
|
|
const result = await API({ url: '/admin/userinfo', data: {} }) |
|
|
|
adminData.value = result |
|
|
|
// console.log('请求成功', result) |
|
|
|
console.log('管理员用户信息', adminData.value) |
|
|
|
@ -85,7 +85,7 @@ const get = async function (val) { |
|
|
|
|
|
|
|
// 发送POST请求 |
|
|
|
|
|
|
|
const requestData = {...getObj.value, user: {...user.value}};//控制台打印请求的参数 |
|
|
|
const requestData = { ...getObj.value, user: { ...user.value } };//控制台打印请求的参数 |
|
|
|
console.log('最终请求参数', JSON.stringify(requestData, null, 2)); // 打印格式化后的请求参数 |
|
|
|
|
|
|
|
//console.log('请求参数', requestData); |
|
|
|
@ -93,7 +93,7 @@ const get = async function (val) { |
|
|
|
const result = await API({ |
|
|
|
url: '/goldDetail/getGold', |
|
|
|
method: 'post', |
|
|
|
data: {...getObj.value, user: {...user.value}} |
|
|
|
data: { ...getObj.value, user: { ...user.value } } |
|
|
|
}) |
|
|
|
console.log('响应数据', result) |
|
|
|
tableData.value = result.data.list |
|
|
|
@ -167,7 +167,7 @@ const search = function () { |
|
|
|
} |
|
|
|
// 重置 |
|
|
|
const reset = function () { |
|
|
|
user.value = {markets: []} |
|
|
|
user.value = { markets: [] } |
|
|
|
sortField.value = '' |
|
|
|
sortOrder.value = '' |
|
|
|
get() |
|
|
|
@ -220,7 +220,7 @@ const exportExcel = async function () { |
|
|
|
markets: user.value.markets || [] |
|
|
|
} |
|
|
|
} |
|
|
|
const res = await API({url: '/goldDetail/exportGold', data: params}) |
|
|
|
const res = await API({ url: '/goldDetail/exportGold', data: params }) |
|
|
|
if (res.code === 200) { |
|
|
|
ElMessage.success('导出成功') |
|
|
|
} |
|
|
|
@ -242,7 +242,7 @@ const exportListLoading = ref(false) |
|
|
|
const getExportList = async () => { |
|
|
|
exportListLoading.value = true |
|
|
|
try { |
|
|
|
const result = await API({url: '/export/export'}) |
|
|
|
const result = await API({ url: '/export/export' }) |
|
|
|
if (result.code === 200) { |
|
|
|
const filteredData = result.data.filter(item => { |
|
|
|
return item.type === 1; //返回type為0即客户金币余额的数据 |
|
|
|
@ -318,7 +318,7 @@ const handleMarketChange = (value) => { |
|
|
|
|
|
|
|
const traverse = (node, parentName = null) => { |
|
|
|
if (!node.children || node.children.length === 0) { |
|
|
|
leafNames.push({name: node.label, parent: parentName}); |
|
|
|
leafNames.push({ name: node.label, parent: parentName }); |
|
|
|
} else { |
|
|
|
node.children.forEach(child => traverse(child, node.label)); |
|
|
|
} |
|
|
|
@ -332,7 +332,7 @@ const handleMarketChange = (value) => { |
|
|
|
|
|
|
|
// 列表构建 |
|
|
|
const parentToChildren = {}; |
|
|
|
leafNameMap.forEach(({name, parent}) => { |
|
|
|
leafNameMap.forEach(({ name, parent }) => { |
|
|
|
if (!parentToChildren[parent]) parentToChildren[parent] = []; |
|
|
|
parentToChildren[parent].push(name); |
|
|
|
}); |
|
|
|
@ -356,7 +356,7 @@ const handleMarketChange = (value) => { |
|
|
|
console.log('最终映射后的 market IDs:', user.value.markets); |
|
|
|
}; |
|
|
|
|
|
|
|
const props = {multiple: true} |
|
|
|
const props = { multiple: true } |
|
|
|
// 获取地区，修改为级联下拉框 |
|
|
|
const getMarket = async function () { |
|
|
|
try { |
|
|
|
@ -375,8 +375,8 @@ const getMarket = async function () { |
|
|
|
|
|
|
|
return allChildren.map(child => { |
|
|
|
const grandchildren = child.children && child.children.length |
|
|
|
? transformTree([child]) // 递归处理子节点 |
|
|
|
: null; |
|
|
|
? transformTree([child]) // 递归处理子节点 |
|
|
|
: null; |
|
|
|
|
|
|
|
return { |
|
|
|
value: child.name, |
|
|
|
@ -402,21 +402,12 @@ const getMarket = async function () { |
|
|
|
<div class="head-card"> |
|
|
|
<div class="head-card-element"> |
|
|
|
<el-text class="mx-1" size="large">精网号：</el-text> |
|
|
|
<el-input v-model="user.jwcode" style="width: 160px" placeholder="请输入精网号" clearable/> |
|
|
|
<el-input v-model="user.jwcode" style="width: 160px" placeholder="请输入精网号" clearable /> |
|
|
|
</div> |
|
|
|
<div class="head-card-element"> |
|
|
|
<el-text class="mx-1" size="large">所属地区：</el-text> |
|
|
|
<el-cascader |
|
|
|
v-model="selectedMarketPath" |
|
|
|
:options="markets" |
|
|
|
placeholder="请选择所属地区" |
|
|
|
clearable |
|
|
|
collapse-tags |
|
|
|
collapse-tags-tooltip |
|
|
|
style="width:180px" |
|
|
|
@change="handleMarketChange" |
|
|
|
:props="props" |
|
|
|
/> |
|
|
|
<el-cascader v-model="selectedMarketPath" :options="markets" placeholder="请选择所属地区" clearable collapse-tags |
|
|
|
collapse-tags-tooltip style="width:180px" @change="handleMarketChange" :props="props" /> |
|
|
|
</div> |
|
|
|
<el-button type="primary" @click="search()">查询</el-button> |
|
|
|
<el-button @click="reset" type="success">重置</el-button> |
|
|
|
@ -440,16 +431,16 @@ const getMarket = async function () { |
|
|
|
<!-- 设置表格容器的高度和滚动样式 --> |
|
|
|
<div style="height: 626px; overflow-y: auto"> |
|
|
|
<el-table :data="tableData" @cellClick="cellClick" style="width: 100%" height="626px" |
|
|
|
@sort-change="handleSortChange"> |
|
|
|
@sort-change="handleSortChange"> |
|
|
|
<el-table-column type="index" label="序号" width="100px" fixed="left"> |
|
|
|
<template #default="scope"> |
|
|
|
<span>{{ |
|
|
|
scope.$index + 1 + (getObj.pageNum - 1) * getObj.pageSize |
|
|
|
}}</span> |
|
|
|
scope.$index + 1 + (getObj.pageNum - 1) * getObj.pageSize |
|
|
|
}}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="name" label="姓名" width="120"/> |
|
|
|
<el-table-column prop="jwcode" label="精网号" width="120"/> |
|
|
|
<el-table-column prop="name" label="姓名" width="120" /> |
|
|
|
<el-table-column prop="jwcode" label="精网号" width="120" /> |
|
|
|
<el-table-column prop="market" label="所属地区" width="120"> |
|
|
|
<template #default="scope"> |
|
|
|
{{ marketMapping[scope.row.market] || scope.row.market }} |
|
|
|
@ -458,11 +449,11 @@ const getMarket = async function () { |
|
|
|
<el-table-column prop="allJb" label="金币总数" width="120" aligh="center"> |
|
|
|
<template #default="scope"> |
|
|
|
<span>{{ |
|
|
|
((scope.row.currentPermanentGold || 0) + |
|
|
|
(scope.row.currentFreeJune || 0) + |
|
|
|
(scope.row.currentFreeDecember || 0) + |
|
|
|
(scope.row.currentTaskGold || 0)) / 100 |
|
|
|
}}</span> |
|
|
|
((scope.row.currentPermanentGold || 0) + |
|
|
|
(scope.row.currentFreeJune || 0) + |
|
|
|
(scope.row.currentFreeDecember || 0) + |
|
|
|
(scope.row.currentTaskGold || 0)) / 100 |
|
|
|
}}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="currentPermanentGold" label="永久金币" sortable="custom" width="110"> |
|
|
|
@ -515,8 +506,8 @@ const getMarket = async function () { |
|
|
|
<div> |
|
|
|
<div>永久金币：{{ (scope.row.sumConsumeGold || 0) / 100 }}</div> |
|
|
|
<div>免费金币：{{ |
|
|
|
((scope.row.sumConsumeJune || 0) + (scope.row.sumConsumeDecember || 0)) / 100 |
|
|
|
}} |
|
|
|
((scope.row.sumConsumeJune || 0) + (scope.row.sumConsumeDecember || 0)) / 100 |
|
|
|
}} |
|
|
|
</div> |
|
|
|
<div>任务金币：{{ (scope.row.sumConsumeJune || 0) / 100 }}</div> |
|
|
|
</div> |
|
|
|
@ -540,17 +531,16 @@ const getMarket = async function () { |
|
|
|
<!-- 分页 --> |
|
|
|
<div class="pagination" style="margin-top: 20px"> |
|
|
|
<el-pagination background :page-size="getObj.pageSize" :page-sizes="[5, 10, 20, 50, 100]" |
|
|
|
layout="total, sizes, prev, pager, next, jumper" :total="total" |
|
|
|
@size-change="handlePageSizeChange" |
|
|
|
@current-change="handleCurrentChange"></el-pagination> |
|
|
|
layout="total, sizes, prev, pager, next, jumper" :total="total" @size-change="handlePageSizeChange" |
|
|
|
@current-change="handleCurrentChange"></el-pagination> |
|
|
|
</div> |
|
|
|
</el-card> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
|
|
|
|
<el-dialog v-model="exportListVisible" title="导出列表" width="80%"> |
|
|
|
<el-table :data="exportList" style="width: 100%" :loading="exportListLoading"> |
|
|
|
<el-table-column prop="fileName" label="文件名"/> |
|
|
|
<el-table :data="exportList" style="width: 100% ;height: 60vh;" :loading="exportListLoading"> |
|
|
|
<el-table-column prop="fileName" label="文件名" /> |
|
|
|
<el-table-column prop="state" label="状态"> |
|
|
|
<template #default="scope"> |
|
|
|
<el-tag :type="getTagType(scope.row.state)" :effect="scope.row.state === 3 ? 'light' : 'plain'"> |
|
|
|
@ -566,7 +556,7 @@ const getMarket = async function () { |
|
|
|
<el-table-column label="操作"> |
|
|
|
<template #default="scope"> |
|
|
|
<el-button type="primary" size="small" @click="downloadExportFile(scope.row)" |
|
|
|
:disabled="scope.row.state !== 2"> |
|
|
|
:disabled="scope.row.state !== 2"> |
|
|
|
下载 |
|
|
|
</el-button> |
|
|
|
</template> |
|
|
|
|
ZhangYong
2 weeks ago