|
|
|
@ -460,71 +460,64 @@ const format3 = (num) => { |
|
|
|
</script> |
|
|
|
<template> |
|
|
|
<div> |
|
|
|
<el-card class="card1" style="margin-bottom: 1vh;"> |
|
|
|
<el-row style="margin-bottom: 10px"> |
|
|
|
<el-col :span="5"> |
|
|
|
<div class="head-card-element"> |
|
|
|
<el-text class="mx-1" size="large">精网号：</el-text> |
|
|
|
<el-input v-model="goldDetail.jwcode" style="width: 150px" placeholder="请输入精网号" clearable/> |
|
|
|
<el-card class="card1" style="margin-bottom: 0.5vh;"> |
|
|
|
<el-col style="margin-bottom: 1vh"> |
|
|
|
<div class="select"> |
|
|
|
<div class="selectRow"> |
|
|
|
<el-text class="text" size="large">精网号：</el-text> |
|
|
|
<el-input class="selectContent" v-model="goldDetail.jwcode" placeholder="请输入精网号" clearable /> |
|
|
|
</div> |
|
|
|
</el-col> |
|
|
|
<el-col :span="5"> |
|
|
|
<div class="head-card-element"> |
|
|
|
<el-text class="mx-1" size="large">平台信息：</el-text> |
|
|
|
<el-select v-model="goldDetail.payPlatform" placeholder="请选择平台信息" style="width: 160px" clearable |
|
|
|
:loading="isLoadingPlatform"> |
|
|
|
<div class="selectRow"> |
|
|
|
<el-text class="text" size="large">平台信息：</el-text> |
|
|
|
<el-select class="selectContent" v-model="goldDetail.payPlatform" placeholder="请选择平台信息" style="width: 10vw;" |
|
|
|
clearable :loading="isLoadingPlatform"> |
|
|
|
<el-option v-for="item in platform" :key="item.id" :label="item.label" :value="item.value" /> |
|
|
|
</el-select> |
|
|
|
</div> |
|
|
|
</el-col> |
|
|
|
<el-col :span="5"> |
|
|
|
<div class="head-card-element"> |
|
|
|
<el-text class="mx-1" size="large">数量更新类型：</el-text> |
|
|
|
<el-select v-model="goldDetail.type" placeholder="请选择更新类型" style="width: 160px" clearable> |
|
|
|
<div class="selectRow"> |
|
|
|
<el-text class="textB" size="large">数量更新类型：</el-text> |
|
|
|
<el-select v-model="goldDetail.type" placeholder="请选择更新类型" clearable> |
|
|
|
<el-option v-for="item in type" :key="item.value" :label="item.label" :value="item.value" /> |
|
|
|
</el-select> |
|
|
|
</div> |
|
|
|
</el-col> |
|
|
|
<el-col :span="5"> |
|
|
|
<div class="head-card-element"> |
|
|
|
<el-text class="mx-1" size="large">所属地区：</el-text> |
|
|
|
<el-cascader |
|
|
|
v-model="selectedMarketPath" |
|
|
|
:options="markets" |
|
|
|
placeholder="请选择所属地区" |
|
|
|
clearable |
|
|
|
style="width:180px" |
|
|
|
@change="handleMarketChange" |
|
|
|
/> |
|
|
|
<div class="selectRow"> |
|
|
|
<el-text class="text" size="large">所属地区：</el-text> |
|
|
|
<el-cascader class="selectContent" v-model="selectedMarketPath" :options="markets" placeholder="请选择所属地区" |
|
|
|
style="width:10vw" clearable @change="handleMarketChange" /> |
|
|
|
</div> |
|
|
|
</el-col> |
|
|
|
<el-col :span="3"> |
|
|
|
<div class="head-card-element"> |
|
|
|
<div> |
|
|
|
<el-checkbox v-model="showEmployeeData" @change="search()">员工数据</el-checkbox> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
|
|
|
|
<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="结束时间" style="width: 400px" @change="handleDatePickerChange" |
|
|
|
:default-time="defaultTime"/> |
|
|
|
<el-button @click="getToday()" style="margin-left: 10px" |
|
|
|
:type="activeTimeRange === 'today' ? 'primary' : ''"> 今 |
|
|
|
|
|
|
|
<el-col> |
|
|
|
<div class="select"> |
|
|
|
<div class="selectRow" style="width: 35vw"> |
|
|
|
<el-text class="text" size="large">更新时间：</el-text> |
|
|
|
<el-date-picker class="selectContent" v-model="getTime" type="datetimerange" range-separator="至" |
|
|
|
start-placeholder="起始时间" end-placeholder="结束时间" style="width: 20vw" @change="handleDatePickerChange" |
|
|
|
:default-time="defaultTime" :disabled-date="disabledDate" /> |
|
|
|
<el-button @click="getToday()" style="margin-left: 0.3vw" |
|
|
|
:type="activeTimeRange === 'today' ? 'primary' : ''"> |
|
|
|
今 |
|
|
|
</el-button> |
|
|
|
<el-button @click="getYesterday()" style="margin-left: 10px" |
|
|
|
<el-button @click="getYesterday()" style="margin-left: 0.3vw" |
|
|
|
:type="activeTimeRange === 'yesterday' ? 'primary' : ''"> 昨 |
|
|
|
</el-button> |
|
|
|
<el-button @click="get7Days()" style="margin-left: 10px" |
|
|
|
:type="activeTimeRange === '7days' ? 'primary' : ''"> 近7天 |
|
|
|
<el-button @click="get7Days()" style="margin-left: 0.3vw" |
|
|
|
:type="activeTimeRange === '7days' ? 'primary' : ''"> |
|
|
|
近7天 |
|
|
|
</el-button> |
|
|
|
|
|
|
|
<el-button type="success" @click="reset()">重置</el-button> |
|
|
|
</div> |
|
|
|
<div class="selectRow" style="justify-content: flex-start;"> |
|
|
|
<el-button type="primary" @click="search()">查询</el-button> |
|
|
|
<el-button type="primary" @click="exportExcel">导出Excel表格</el-button> |
|
|
|
<el-button type="primary" @click="openExportList">查看导出列表</el-button> |
|
|
|
<el-button type="success" @click="reset()">重置</el-button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</el-col> |
|
|
|
</el-card> |
|
|
|
<el-card class="card2"> |
|
|
|
<div class="goldStatistics"> |
|
|
|
@ -534,9 +527,9 @@ const format3 = (num) => { |
|
|
|
任务金币：{{ format3(totalTaskGold || 0) }} |
|
|
|
<a style="color:#b1b1b1; font-size: small;">当前合计仅显示筛选范围内的金币净变化（充值总额 - 消费总额 + 退款总额)</a> |
|
|
|
</div> |
|
|
|
<div style="height: 55vh; overflow-y: auto"> |
|
|
|
<el-table :data="tableData" style="width: 82vw" @sort-change="handleSortChange" height="55vh"> |
|
|
|
<el-table-column type="index" label="序号" width="100px" fixed="left"> |
|
|
|
<div style="height: 58vh; "> |
|
|
|
<el-table :data="tableData" style="height: 57vh" @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 |
|
|
|
@ -589,10 +582,9 @@ const format3 = (num) => { |
|
|
|
</div> |
|
|
|
|
|
|
|
<!-- 此处分页 --> |
|
|
|
<div class="pagination" style="margin-top: 20px;display: flex;"> |
|
|
|
<div class="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" |
|
|
|
layout="total, sizes, prev, pager, next, jumper" :total="total" @size-change="handlePageSizeChange" |
|
|
|
@current-change="handleCurrentChange"></el-pagination> |
|
|
|
</div> |
|
|
|
</el-card> |
|
|
|
@ -633,6 +625,10 @@ const format3 = (num) => { |
|
|
|
|
|
|
|
<style scoped lang="scss"> |
|
|
|
|
|
|
|
.pagination { |
|
|
|
display: flex; |
|
|
|
margin-top: 1vh; |
|
|
|
} |
|
|
|
|
|
|
|
// 搜索的卡片样式 |
|
|
|
.card1 { |
|
|
|
@ -679,4 +675,31 @@ const format3 = (num) => { |
|
|
|
display: flex; |
|
|
|
justify-content: flex-end; |
|
|
|
} |
|
|
|
|
|
|
|
/** 搜索的样式 */ |
|
|
|
.select { |
|
|
|
display: flex; |
|
|
|
|
|
|
|
.selectRow { |
|
|
|
width: 17vw; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
justify-content: center; |
|
|
|
padding: 0 0.5vw; |
|
|
|
|
|
|
|
.text { |
|
|
|
width: 4vw; |
|
|
|
font-size: 15px; |
|
|
|
} |
|
|
|
|
|
|
|
.textB { |
|
|
|
width: 9vw; |
|
|
|
font-size: 15px; |
|
|
|
} |
|
|
|
|
|
|
|
.selectContent { |
|
|
|
flex: 1; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
</style> |
lihui
2 months ago