huangqizhen
/
gold-vue
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

导出好了

zhangrenyuan/feature-20250623164058-金币前端
lihuilin 1 day ago
parent
a669588ec5
commit
ba5d48fec1
1 changed files with 54 additions and 156 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 170
      src/views/recharge/coinRechargeDetail.vue

170
src/views/recharge/coinRechargeDetail.vue
View File

@ -42,16 +42,13 @@ const activity = ref([])
const allData = ref([])
// 搜索地区列表
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)
@ -314,45 +311,31 @@ const get7Days = function () {
console.log('getTime', getTime.value)
get()
}
// 验证跳转输入框的数字是否合法
const checkNumber = function () {
if (typeof parseInt(getObj.value.pageNum) === 'number') {
console.log('总共有多少页' + Math.ceil(total.value / getObj.value.pageSize))
if (
getObj.value.pageNum > 0 &&
getObj.value.pageNum <= Math.ceil(total.value / getObj.value.pageSize)
) {
getObj.value.pageNum = parseInt(getObj.value.pageNum)
console.log('输入的数字合法')
get()
} else {
//提示
ElMessage({
type: 'error',
message: '请检查输入内容'
})
const exportExcel = async function () {
const params = {
text:'',
deptid:'',
sort:1,
field:'',
page:getObj.pageNum,
size:getObj.pageSize
}
} else {
//提示
ElMessage({
type: 'error',
message: '数字输入有误'
})
const res = await API({ url: '/export/exportRecharge', data: params })
if (res.code === 200) {
ElMessage.success('导出成功')
}
}
// 挂载
onMounted(async function () {
await getAdminData()
await get()
await getActivity()
await getArea()
await getPlatform()
})
// 新增排序字段和排序方式
const sortField = ref('')
const sortOrder = ref('')
const sortField = ref()
const sortOrder = ref(1)
// 处理排序事件
const handleSortChange = (column) => {
@ -369,9 +352,8 @@ const handleSortChange = (column) => {
} else if (column.prop === 'permanentGold') {
sortField.value = 'permanentGold'
}
sortOrder.value = column.order === 'ascending' ? 'ASC' : 'DESC'
sortOrder.value = column.order === 'ascending' ? '1' : '0'
console.log('传递给后端的排序字段：', sortField.value)
console.log('传递给后端的排序方式：', sortOrder.value)
get()
}
@ -391,14 +373,11 @@ const handleSortChange = (column) => {
<el-col :span="6">
<div class="head-card-element">
<el-text class="mx-1" size="large">活动名称：</el-text>
<el-select v-model="rechargeUser.activity" placeholder="请选择活动名称" style="width: 180px"
clearable>
<el-option v-for="item in activity" :key="item.value" :label="item.label"
:value="item.value" />
<el-select v-model="rechargeUser.activity" placeholder="请选择活动名称" style="width: 180px" clearable>
<el-option v-for="item in activity" :key="item.value" :label="item.label" :value="item.value" />
</el-select>
</div>
</el-col>
<el-col :span="6">
<div class="head-card-element">
<el-text class="mx-1" size="large">所属地区：</el-text>
@ -407,7 +386,6 @@ const handleSortChange = (column) => {
</el-select>
</div>
</el-col>
<el-col :span="6">
<div class="head-card-element">
<el-text class="mx-1" size="large">充值类型：</el-text>
@ -422,22 +400,11 @@ const handleSortChange = (column) => {
<el-col :span="21">
<div class="head-card-element">
<el-text class="mx-1" size="large">充值时间：</el-text>
<el-date-picker
v-model="getTime"
type="datetimerange"
range-separator="至"
start-placeholder="起始时间"
end-placeholder="结束时间"
/>
<el-button style="margin-left: 10px" @click="getToday()"
>今</el-button
>
<el-date-picker v-model="getTime" type="datetimerange" range-separator="至" start-placeholder="起始时间"
end-placeholder="结束时间" />
<el-button style="margin-left: 10px" @click="getToday()">今</el-button>
<el-button @click="getYesterday()">昨</el-button>
<el-button @click="get7Days()">近7天</el-button>
<!-- </div>
</el-col>
<el-col :span="3">
<div class="head-card-btn"> -->
<el-button type="success" @click="reset()">重置</el-button>
<el-button type="primary" @click="search()">查询</el-button>
<el-button type="primary" @click="exportExcel()">导出Excel</el-button>
@ -457,113 +424,44 @@ const handleSortChange = (column) => {
</div>
<!-- 设置表格容器的高度和滚动样式 -->
<div style="height: 520px; overflow-y: auto;margin-top: 10px;">
<el-table
:data="tableData"
style="width: 100%"
height="520px"
@sort-change="handleSortChange"
>
<el-table-column
type="index"
label="序号"
width="80px"
fixed="left"
>
<el-table :data="tableData" style="width: 100%" height="520px" @sort-change="handleSortChange">
<el-table-column type="index" label="序号" width="80px" 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="80px"
/>
<el-table-column
fixed="left"
prop="jwcode"
label="精网号"
width="80px"
/>
<el-table-column fixed="left" prop="name" label="姓名" width="80px" />
<el-table-column fixed="left" prop="jwcode" label="精网号" width="80px" />
<el-table-column prop="market" label="所属地区" width="100px" />
<el-table-column
prop="activity"
label="活动名称"
width="100px"
/>
<el-table-column prop="activity" label="活动名称" width="100px" />
<el-table-column prop="rateName" label="货币名称" width="110px" />
<el-table-column
prop="money"
sortable="custom"
label="充值金额"
width="110px"
/>
<el-table-column
prop="permanentGold"
label="永久金币"
sortable="custom"
width="110px"
/>
<el-table-column
prop="freeGold"
label="免费金币"
sortable="custom"
width="110px"
/>
<el-table-column
prop="payPlatform"
label="充值方式"
width="100px"
/>
<el-table-column prop="money" sortable="custom" label="充值金额" width="110px" />
<el-table-column prop="permanentGold" label="永久金币" sortable="custom" width="110px" />
<el-table-column prop="freeGold" label="免费金币" sortable="custom" width="110px" />
<el-table-column prop="payPlatform" label="充值方式" width="100px" />
<el-table-column prop="payModel" label="支付方式" width="100px" />
<el-table-column
prop="remark"
label="备注"
width="150px"
show-overflow-tooltip
/>
<el-table-column prop="remark" label="备注" width="150px" show-overflow-tooltip />
<el-table-column prop="adminName" label="提交人" width="100px" />
<el-table-column
prop="payTime"
sortable
label="充值时间"
width="200px"
>
<el-table-column prop="payTime" sortable label="充值时间" width="200px">
<template #default="scope">
{{
moment(scope.row.payTime).format('YYYY-MM-DD HH:mm:ss')
}}
{{ moment(scope.row.payTime).format('YYYY-MM-DD HH:mm:ss') }}
</template>
</el-table-column>
</el-table>
</div>
<!-- 分页 -->
<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>
<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>
</div>
</el-card>
</el-col>
</el-row>
</template>
<style scoped>
.pagination {
display: flex;

Write Preview
Loading…
Cancel
Save