|
|
@ -402,22 +402,9 @@ const handleCurrentChange = function (val) { |
|
|
getObj.value.pageNum = val |
|
|
getObj.value.pageNum = val |
|
|
ConsumeSelectBy() |
|
|
ConsumeSelectBy() |
|
|
} |
|
|
} |
|
|
/* |
|
|
|
|
|
====================计算属性================================= |
|
|
|
|
|
*/ |
|
|
|
|
|
|
|
|
|
|
|
// 计算总金币数 |
|
|
// 计算总金币数 |
|
|
const sumGold = computed(() => permanentGolds.value + freeGolds.value + taskGolds.value) |
|
|
const sumGold = computed(() => permanentGolds.value + freeGolds.value + taskGolds.value) |
|
|
|
|
|
|
|
|
/* |
|
|
|
|
|
====================监听================================= |
|
|
|
|
|
*/ |
|
|
|
|
|
|
|
|
|
|
|
/* |
|
|
|
|
|
====================挂载================================= |
|
|
|
|
|
*/ |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
onMounted(async function () { |
|
|
onMounted(async function () { |
|
|
await getAdminData() |
|
|
await getAdminData() |
|
|
await ConsumeSelectBy() |
|
|
await ConsumeSelectBy() |
|
|
@ -570,8 +557,6 @@ const getMarket = async function () { |
|
|
</script> |
|
|
</script> |
|
|
|
|
|
|
|
|
<template> |
|
|
<template> |
|
|
<el-row> |
|
|
|
|
|
<el-col> |
|
|
|
|
|
<el-card style="margin-bottom: 20px;margin-top:10px"> |
|
|
<el-card style="margin-bottom: 20px;margin-top:10px"> |
|
|
<el-row style="margin-bottom: 10px"> |
|
|
<el-row style="margin-bottom: 10px"> |
|
|
<el-col :span="5"> |
|
|
<el-col :span="5"> |
|
|
@ -583,8 +568,7 @@ const getMarket = async function () { |
|
|
<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-select v-model="consumeUser.goodsName" placeholder="请选择商品名称" style="width: 180px" |
|
|
|
|
|
clearable> |
|
|
|
|
|
|
|
|
<el-select v-model="consumeUser.goodsName" placeholder="请选择商品名称" style="width: 180px" clearable> |
|
|
<!-- 修改 v-for 绑定逻辑 --> |
|
|
<!-- 修改 v-for 绑定逻辑 --> |
|
|
<el-option v-for="(item, index) in goods" :key="index" :label="item" :value="item" /> |
|
|
<el-option v-for="(item, index) in goods" :key="index" :label="item" :value="item" /> |
|
|
</el-select> |
|
|
</el-select> |
|
|
@ -592,21 +576,13 @@ const getMarket = async function () { |
|
|
</el-col> |
|
|
</el-col> |
|
|
<el-col :span="5"> |
|
|
<el-col :span="5"> |
|
|
<el-text class="mx-1" size="large">所属地区：</el-text> |
|
|
<el-text class="mx-1" size="large">所属地区：</el-text> |
|
|
<el-cascader |
|
|
|
|
|
v-model="selectedMarketPath" |
|
|
|
|
|
:options="market" |
|
|
|
|
|
placeholder="请选择所属地区" |
|
|
|
|
|
clearable |
|
|
|
|
|
style="width:180px" |
|
|
|
|
|
@change="handleMarketChange" |
|
|
|
|
|
/> |
|
|
|
|
|
|
|
|
<el-cascader v-model="selectedMarketPath" :options="market" placeholder="请选择所属地区" clearable |
|
|
|
|
|
style="width:180px" @change="handleMarketChange" /> |
|
|
</el-col> |
|
|
</el-col> |
|
|
<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-select v-model="consumeUser.payPlatform" placeholder="请选择消耗平台" |
|
|
|
|
|
style="width: 180px" |
|
|
|
|
|
clearable> |
|
|
|
|
|
|
|
|
<el-select v-model="consumeUser.payPlatform" placeholder="请选择消耗平台" style="width: 180px" clearable> |
|
|
<el-option v-for="item in consumePlatform" :key="item.value" :label="item.label" :value="item.value" /> |
|
|
<el-option v-for="item in consumePlatform" :key="item.value" :label="item.label" :value="item.value" /> |
|
|
</el-select> |
|
|
</el-select> |
|
|
</div> |
|
|
</div> |
|
|
@ -622,8 +598,8 @@ const getMarket = async function () { |
|
|
<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-date-picker v-model="getTime" type="datetimerange" range-separator="至" start-placeholder="起始时间" |
|
|
<el-date-picker v-model="getTime" type="datetimerange" range-separator="至" start-placeholder="起始时间" |
|
|
end-placeholder="结束时间" style="width: 400px" @change="handleDatePickerChange" |
|
|
|
|
|
:default-time="defaultTime" :disabled-date="disabledDate"/> |
|
|
|
|
|
|
|
|
end-placeholder="结束时间" style="width: 400px" @change="handleDatePickerChange" :default-time="defaultTime" |
|
|
|
|
|
:disabled-date="disabledDate" /> |
|
|
<el-button @click="getToday()" style="margin-left: 10px" |
|
|
<el-button @click="getToday()" style="margin-left: 10px" |
|
|
:type="activeTimeRange === 'today' ? 'primary' : ''"> 今 |
|
|
:type="activeTimeRange === 'today' ? 'primary' : ''"> 今 |
|
|
</el-button> |
|
|
</el-button> |
|
|
@ -633,10 +609,6 @@ const getMarket = async function () { |
|
|
<el-button @click="get7Days()" style="margin-left: 10px" |
|
|
<el-button @click="get7Days()" style="margin-left: 10px" |
|
|
:type="activeTimeRange === '7days' ? 'primary' : ''"> 近7天 |
|
|
:type="activeTimeRange === '7days' ? 'primary' : ''"> 近7天 |
|
|
</el-button> |
|
|
</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="success" @click="reset()">重置</el-button> |
|
|
<el-button type="primary" @click="search()">查询</el-button> |
|
|
<el-button type="primary" @click="search()">查询</el-button> |
|
|
<el-button type="primary" @click="exportExcel()">导出excel</el-button> |
|
|
<el-button type="primary" @click="exportExcel()">导出excel</el-button> |
|
|
@ -645,10 +617,6 @@ const getMarket = async function () { |
|
|
</el-col> |
|
|
</el-col> |
|
|
</el-row> |
|
|
</el-row> |
|
|
</el-card> |
|
|
</el-card> |
|
|
</el-col> |
|
|
|
|
|
</el-row> |
|
|
|
|
|
<el-row> |
|
|
|
|
|
<el-col> |
|
|
|
|
|
<el-card> |
|
|
<el-card> |
|
|
<div> |
|
|
<div> |
|
|
消耗新币：{{ format3(Math.abs(permanentGolds)) }}新币 |
|
|
消耗新币：{{ format3(Math.abs(permanentGolds)) }}新币 |
|
|
@ -666,25 +634,15 @@ const getMarket = async function () { |
|
|
}}</span> |
|
|
}}</span> |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<!-- 固定姓名列 --> |
|
|
|
|
|
<el-table-column prop="name" label="姓名" width="150px" fixed="left"/> |
|
|
|
|
|
<!-- 固定精网号列 --> |
|
|
|
|
|
|
|
|
<el-table-column prop="name" label="姓名" width="150px" fixed="left" show-overflow-tooltip /> |
|
|
<el-table-column prop="jwcode" label="精网号" width="110px" fixed="left" /> |
|
|
<el-table-column prop="jwcode" label="精网号" width="110px" fixed="left" /> |
|
|
<el-table-column prop="market" label="所属地区" width="110px" /> |
|
|
<el-table-column prop="market" label="所属地区" width="110px" /> |
|
|
<el-table-column prop="goodsName" label="商品" width="160px" show-overflow-tooltip /> |
|
|
<el-table-column prop="goodsName" label="商品" width="160px" show-overflow-tooltip /> |
|
|
<el-table-column prop="payPlatform" label="消耗平台" width="120px"> |
|
|
<el-table-column prop="payPlatform" label="消耗平台" width="120px"> |
|
|
<template #default="scope"> |
|
|
<template #default="scope"> |
|
|
<!-- 使用非严格相等比较 --> |
|
|
|
|
|
{{ scope.row.payPlatform }} |
|
|
{{ scope.row.payPlatform }} |
|
|
<!-- <span scope.row.consumePlatform == 1">Homily Chart</span>--> |
|
|
|
|
|
|
|
|
|
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<!-- <el-table-column |
|
|
|
|
|
prop="consumeType" |
|
|
|
|
|
label="消费类型" |
|
|
|
|
|
width="120px" |
|
|
|
|
|
/> --> |
|
|
|
|
|
<el-table-column prop="sumGold" label="消耗金币总数" width="120px"> |
|
|
<el-table-column prop="sumGold" label="消耗金币总数" width="120px"> |
|
|
<template #default="scope"> |
|
|
<template #default="scope"> |
|
|
{{ |
|
|
{{ |
|
|
@ -720,13 +678,10 @@ const getMarket = async function () { |
|
|
<!-- 分页 --> |
|
|
<!-- 分页 --> |
|
|
<div class="pagination"> |
|
|
<div class="pagination"> |
|
|
<el-pagination background :page-size="getObj.pageSize" :page-sizes="[5, 10, 20, 50, 100]" |
|
|
<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> |
|
|
@current-change="handleCurrentChange"></el-pagination> |
|
|
</div> |
|
|
</div> |
|
|
</el-card> |
|
|
</el-card> |
|
|
</el-col> |
|
|
|
|
|
</el-row> |
|
|
|
|
|
|
|
|
|
|
|
<!-- 导出弹窗 --> |
|
|
<!-- 导出弹窗 --> |
|
|
<el-dialog v-model="exportListVisible" title="导出列表" width="80%"> |
|
|
<el-dialog v-model="exportListVisible" title="导出列表" width="80%"> |
|
|
|
lihuilin
2 months ago