|
|
@@ -5,8 +5,9 @@
|
|
|
<el-tab-pane label="邀请里程碑" name="milestone">
|
|
|
<div style="margin-bottom: 16px">
|
|
|
<el-input v-model="milestoneKeyword" placeholder="搜索里程碑..." prefix-icon="el-icon-search" style="width:200px" clearable @keyup.enter.native="handleMilestoneSearch" @clear="handleMilestoneSearch" />
|
|
|
- </div>
|
|
|
- <el-table :data="filteredMilestones" v-loading="milestoneLoading" border stripe>
|
|
|
+ </div>
|
|
|
+ <div style="overflow:auto;max-height:calc(100vh - 300px);">
|
|
|
+ <el-table :data="filteredMilestones" v-loading="milestoneLoading" border stripe style="max-height:calc(100vh - 300px);">
|
|
|
<el-table-column prop="milestone" label="里程碑" min-width="180" show-overflow-tooltip />
|
|
|
<el-table-column prop="rewardPoints" label="奖励积分" width="120" />
|
|
|
<el-table-column prop="rewardEnergy" label="奖励能量" width="120" />
|
|
|
@@ -17,8 +18,9 @@
|
|
|
</el-button>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- </el-table>
|
|
|
- </el-tab-pane>
|
|
|
+ </el-table>
|
|
|
+ </div>
|
|
|
+ </el-tab-pane>
|
|
|
<el-tab-pane label="排行榜" name="leaderboard">
|
|
|
<div style="margin-bottom: 16px; display: flex; gap: 16px; align-items: center; flex-wrap: wrap">
|
|
|
<el-date-picker
|
|
|
@@ -38,8 +40,9 @@
|
|
|
/>
|
|
|
<el-button type="primary" @click="handleSearch">搜索</el-button>
|
|
|
<el-button @click="resetLeaderboard">重置</el-button>
|
|
|
- </div>
|
|
|
- <el-table :data="leaderboardList" v-loading="leaderboardLoading" border stripe>
|
|
|
+ </div>
|
|
|
+ <div style="overflow:auto;max-height:calc(100vh - 300px);">
|
|
|
+ <el-table :data="leaderboardList" v-loading="leaderboardLoading" border stripe style="max-height:calc(100vh - 300px);">
|
|
|
<el-table-column label="排名" width="80" type="index" :index="leaderboardIndex" />
|
|
|
<el-table-column label="头像" width="80">
|
|
|
<template slot-scope="{ row }">
|
|
|
@@ -48,8 +51,9 @@
|
|
|
</el-table-column>
|
|
|
<el-table-column prop="nickname" label="昵称" min-width="140" show-overflow-tooltip />
|
|
|
<el-table-column prop="referralCount" label="邀请数" width="100" />
|
|
|
- </el-table>
|
|
|
- <el-pagination
|
|
|
+ </el-table>
|
|
|
+ </div>
|
|
|
+ <el-pagination
|
|
|
v-if="leaderboardTotal > leaderboardSize"
|
|
|
@current-change="onLeaderboardPageChange"
|
|
|
:current-page="leaderboardPage"
|