|
@@ -3,34 +3,50 @@
|
|
|
<div class="mt-3">
|
|
|
<v-tabs v-model="tab" style="border-radius: 5px;" align-tabs="start" color="primary" bg-color="#f7f8fa" @update:model-value="handleChangeTab">
|
|
|
<v-tab :value="1"> {{ $t('points.whole') }}</v-tab>
|
|
|
- <v-tab :value="2"> {{ $t('points.In') }}</v-tab>
|
|
|
+ <!-- <v-tab :value="2"> {{ $t('points.In') }}</v-tab>
|
|
|
<v-tab :value="3"> {{ $t('points.freezing') }}</v-tab>
|
|
|
- <v-tab :value="4"> {{ $t('points.pay') }}</v-tab>
|
|
|
+ <v-tab :value="4"> {{ $t('points.pay') }}</v-tab> -->
|
|
|
</v-tabs>
|
|
|
<TablePage :items="dataList"></TablePage>
|
|
|
+ <CtPagination
|
|
|
+ v-if="total > 0"
|
|
|
+ :total="total"
|
|
|
+ :page="pageNo"
|
|
|
+ :limit="pageSize"
|
|
|
+ @handleChange="handleChangePage"
|
|
|
+ ></CtPagination>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script setup>
|
|
|
-import TablePage from './components/integralTable.vue'
|
|
|
-import { ref } from 'vue'
|
|
|
defineOptions({name: 'personal-pointsManagement-pointsDetails'})
|
|
|
+import { ref } from 'vue'
|
|
|
+import { getUserRewardPointPage } from '@/api/integral'
|
|
|
+import TablePage from './components/integralTable.vue'
|
|
|
const tab = ref(0)
|
|
|
|
|
|
// 数据
|
|
|
+const total = ref(0)
|
|
|
+const pageNo = ref(1)
|
|
|
+const pageSize = ref(10)
|
|
|
const dataList = ref([])
|
|
|
-const getData = () => {
|
|
|
- dataList.value = [
|
|
|
- { 积分类型: '积分签到', 时间: '2024-06-20 20:00', 积分: '5' },
|
|
|
- { 积分类型: '积分到期', 时间: '2024-06-20 00:00', 积分: '-100' },
|
|
|
- { 积分类型: '浏览积分', 时间: '2024-06-21 09:05', 积分: '15' },
|
|
|
- { 积分类型: '浏览职业分析报告', 时间: '2024-06-22 10:27', 积分: '-20' },
|
|
|
- ]
|
|
|
+
|
|
|
+// 积分明细
|
|
|
+const getData = async () => {
|
|
|
+ const res = await getUserRewardPointPage(pageNo.value, pageSize.value)
|
|
|
+ dataList.value = res.list
|
|
|
+ total.value = res.total
|
|
|
}
|
|
|
getData()
|
|
|
|
|
|
+const handleChangePage = (e) => {
|
|
|
+ pageNo.value = e
|
|
|
+ getData()
|
|
|
+}
|
|
|
+
|
|
|
// 切换
|
|
|
const handleChangeTab = () => {
|
|
|
+ pageNo.value = 1
|
|
|
// tab
|
|
|
// getData()
|
|
|
}
|