|
@@ -1,10 +1,55 @@
|
|
<!-- 邀请记录 -->
|
|
<!-- 邀请记录 -->
|
|
<template>
|
|
<template>
|
|
- <div>邀请记录</div>
|
|
|
|
|
|
+ <div>
|
|
|
|
+ <v-data-table
|
|
|
|
+ :loading="loading"
|
|
|
|
+ color="#00897B"
|
|
|
|
+ :items="tableData"
|
|
|
|
+ :headers="headers"
|
|
|
|
+ >
|
|
|
|
+ <template #bottom>
|
|
|
|
+ <CtPagination
|
|
|
|
+ v-if="total > 0"
|
|
|
|
+ :total="total"
|
|
|
|
+ :page="query.pageNo"
|
|
|
|
+ :limit="query.pageSize"
|
|
|
|
+ @handleChange="handleChangePage"
|
|
|
|
+ ></CtPagination>
|
|
|
|
+ </template>
|
|
|
|
+ </v-data-table>
|
|
|
|
+ </div>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
<script setup>
|
|
<script setup>
|
|
|
|
+import { ref } from 'vue'
|
|
|
|
+import { useI18n } from '@/hooks/web/useI18n'; const { t } = useI18n()
|
|
|
|
+import { timesTampChange } from '@/utils/date'
|
|
|
|
+import { getEnterpriseUserList } from '@/api/recruit/enterprise/system/user'
|
|
defineOptions({name: 'groupAccount-component-record'})
|
|
defineOptions({name: 'groupAccount-component-record'})
|
|
|
|
+const total = ref(0)
|
|
|
|
+const tableData = ref([])
|
|
|
|
+const loading = ref(false)
|
|
|
|
+const query = ref({
|
|
|
|
+ pageSize: 10,
|
|
|
|
+ pageNo: 1,
|
|
|
|
+})
|
|
|
|
+const headers = [
|
|
|
|
+ { title: t('login.username'), key: 'name' },
|
|
|
|
+ { title: t('enterprise.userManagement.invitationTime'), key: 'loginDate', value: item => timesTampChange(item.loginDate), sortable: false },
|
|
|
|
+ { title: t('enterprise.userManagement.inviter'), key: 'inviter' },
|
|
|
|
+]
|
|
|
|
+// 获取数据
|
|
|
|
+const getData = async () => {
|
|
|
|
+ loading.value = true
|
|
|
|
+ try {
|
|
|
|
+ const { list, total: number } = await getEnterpriseUserList(query.value)
|
|
|
|
+ tableData.value = list
|
|
|
|
+ total.value = number
|
|
|
|
+ } finally {
|
|
|
|
+ loading.value = false
|
|
|
|
+ }
|
|
|
|
+}
|
|
|
|
+getData()
|
|
</script>
|
|
</script>
|
|
<style lang="scss" scoped>
|
|
<style lang="scss" scoped>
|
|
</style>
|
|
</style>
|