From 221918bba28d2384d03c596a68256d7832e4a0e0 Mon Sep 17 00:00:00 2001
From: 潘志宝 <979469083@qq.com>
Date: 星期一, 06 一月 2025 13:30:50 +0800
Subject: [PATCH] Merge remote-tracking branch 'origin/master'
---
src/views/system/area/index.vue | 22 ++++++++++++++--------
1 files changed, 14 insertions(+), 8 deletions(-)
diff --git a/src/views/system/area/index.vue b/src/views/system/area/index.vue
index f3289a0..339ecef 100644
--- a/src/views/system/area/index.vue
+++ b/src/views/system/area/index.vue
@@ -1,4 +1,6 @@
<template>
+ <doc-alert title="地区 & IP" url="https://doc.iocoder.cn/area-and-ip/" />
+
<!-- 操作栏 -->
<ContentWrap>
<el-button type="primary" plain @click="openForm()">
@@ -14,6 +16,7 @@
<template #default="{ height, width }">
<!-- Virtualized Table 虚拟化表格：高性能，解决表格在大数据量下的卡顿问题 -->
<el-table-v2
+ v-loading="loading"
:columns="columns"
:data="list"
:width="width"
@@ -29,7 +32,7 @@
<AreaForm ref="formRef" />
</template>
<script setup lang="tsx">
-import type { Column } from 'element-plus'
+import { Column } from 'element-plus'
import AreaForm from './AreaForm.vue'
import * as AreaApi from '@/api/system/area'
@@ -38,7 +41,7 @@
// 表格的 column 字段
const columns: Column[] = [
{
- dataKey: 'id', // 需要渲染当前列的数据字段。例如说：{id:9527, name:'Mike'}，则填 id
+ dataKey: 'id', // 需要渲染当前列的数据字段
title: '编号', // 显示在单元格表头的文本
width: 400, // 当前列的宽度，必须设置
fixed: true, // 是否固定列
@@ -50,14 +53,17 @@
width: 200
}
]
-// 表格的数据
-const list = ref([])
+const loading = ref(true) // 列表的加载中
+const list = ref([]) // 表格的数据
-/**
- * 获得数据列表
- */
+/** 获得数据列表 */
const getList = async () => {
- list.value = await AreaApi.getAreaTree()
+ loading.value = true
+ try {
+ list.value = await AreaApi.getAreaTree()
+ } finally {
+ loading.value = false
+ }
}
/** 添加/修改操作 */
--
Gitblit v1.9.3