|
@@ -10,11 +10,11 @@
|
|
|
<div class="clear" @click="handleClear">清空筛选条件</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <companyItem class="mt-3" :list="items"></companyItem>
|
|
|
+ <companyItem v-loading="loading" class="mt-3" :list="items"></companyItem>
|
|
|
<MPagination
|
|
|
:total="total"
|
|
|
- :page="pageInfo.current"
|
|
|
- :limit="pageInfo.size"
|
|
|
+ :page="pageInfo.pageNo"
|
|
|
+ :limit="pageInfo.pageSize"
|
|
|
@handleChange="handleChangePage"
|
|
|
></MPagination>
|
|
|
</div>
|
|
@@ -42,10 +42,11 @@ const handleClear = () => {
|
|
|
}
|
|
|
|
|
|
const total = ref(0)
|
|
|
+const loading = ref(false)
|
|
|
const items = ref([])
|
|
|
const pageInfo = ref({
|
|
|
- size: 1,
|
|
|
- current: 1
|
|
|
+ pageSize: 1,
|
|
|
+ pageNo: 1
|
|
|
})
|
|
|
const query = ref({
|
|
|
...pageInfo.value
|
|
@@ -53,22 +54,28 @@ const query = ref({
|
|
|
|
|
|
// 搜索
|
|
|
const handleSearch = async (val, key) => {
|
|
|
- query.value.current = 1
|
|
|
+ query.value.pageNo = 1
|
|
|
+ // val为-1时选择的是不限或者全国, 此时选中的字段不传
|
|
|
if (val === -1) delete query.value[key]
|
|
|
else query.value[key] = val
|
|
|
await getCompanyData()
|
|
|
}
|
|
|
|
|
|
const getCompanyData = async () => {
|
|
|
- const { list, total: number } = await getEnterpriseSearch(query.value)
|
|
|
- total.value = number
|
|
|
- items.value = dealDictData(items.value, list)
|
|
|
+ loading.value = true
|
|
|
+ try {
|
|
|
+ const { list, total: number } = await getEnterpriseSearch(query.value)
|
|
|
+ total.value = number
|
|
|
+ items.value = dealDictData(items.value, list)
|
|
|
+ } finally {
|
|
|
+ loading.value = false
|
|
|
+ }
|
|
|
}
|
|
|
getCompanyData()
|
|
|
|
|
|
// 分页
|
|
|
const handleChangePage = (index) => {
|
|
|
- pageInfo.value.current = index
|
|
|
+ pageInfo.value.pageNo = index
|
|
|
getCompanyData()
|
|
|
}
|
|
|
</script>
|