|
|
@@ -2,7 +2,7 @@
|
|
|
<v-card class="card-box pa-5" style="height: 100%;">
|
|
|
<div class="d-flex justify-space-between">
|
|
|
<div></div>
|
|
|
- <v-btn color="primary" prependIcon="mdi-filter-multiple-outline" class="half-button" variant="tonal" @click="openDrawer">筛选</v-btn>
|
|
|
+ <v-btn color="primary" class="half-button" variant="tonal" @click="openDrawer">职位匹配</v-btn>
|
|
|
</div>
|
|
|
<!-- 人员信息表单 -->
|
|
|
<v-data-table
|
|
|
@@ -11,6 +11,8 @@
|
|
|
:headers="headers"
|
|
|
hover
|
|
|
:disable-sort="true"
|
|
|
+ :loading="loading"
|
|
|
+ loading-text="Loading... Please wait"
|
|
|
item-value="id"
|
|
|
>
|
|
|
<template #bottom></template>
|
|
|
@@ -68,6 +70,7 @@ import FilterPage from './components/filter.vue'
|
|
|
import { computed, reactive, ref } from 'vue'
|
|
|
|
|
|
const screen = ref(false)
|
|
|
+const loading = ref(false)
|
|
|
|
|
|
let query = {}
|
|
|
const pageInfo = reactive({ pageNo: 1, pageSize: 10 })
|
|
|
@@ -94,9 +97,11 @@ const headers = [
|
|
|
const getData = async () => {
|
|
|
const obj = { ...pageInfo, ...query }
|
|
|
// console.log('obj', obj)
|
|
|
+ loading.value = true
|
|
|
const { list, total: number } = await getRecruitPersonMapPage(obj)
|
|
|
total.value = number
|
|
|
dataList.value = list?.length ? dealDictArrayData([], list) : []
|
|
|
+ loading.value = false
|
|
|
}
|
|
|
getData()
|
|
|
|
