优化更新

DjangoAdmin_Django_NaiveVue/zh/volume4/frontend/table.md

@@ -3,7 +3,7 @@
 <!-- Copyright (c) 2021-2026 小蚂蚁云团队 版权所有 -->
 
 :::tip 说明
-`BasicTable` 位于 `src/components/Table/src/Table.vue`，基于 ElementPlus 的 `el-table` 二次封装，提供列定义、数据请求、分页、操作列、多选、全屏、密度调整、列设置等能力。
+`BasicTable` 位于 `src/components/Table/src/Table.vue`，基于 NaiveUI 的 `n-data-table` 二次封装，提供列定义、数据请求、分页、操作列、多选、全屏、密度调整、列设置等能力。
 :::
 
 ## 组件架构
@@ -40,7 +40,7 @@ src/components/Table/
     @selection-change="onSelectionChange"
 >
     <template #tableTitle>
-        <el-button type="primary" @click="handleAdd" v-perm="['sys:position:add']">添加岗位</el-button>
+        <n-button type="primary" @click="handleAdd" v-perm="['sys:position:add']">添加岗位</n-button>
     </template>
 </BasicTable>
 ```
@@ -53,27 +53,27 @@ src/components/Table/
 // src/views/system/position/columns.ts
 
 import { h } from 'vue';
-import { ElTag } from 'element-plus';
+import { NTag } from 'naive-ui';
 
 export const columns = [
-    { type: 'selection' },
-    { label: 'ID', prop: 'id', fixed: 'left', width: 50 },
-    { label: '岗位名称', prop: 'name', minWidth: 100 },
+    { type: 'selection', width: 50, fixed: 'left' },
+    { title: 'ID', key: 'id', width: 50 },
+    { title: '岗位名称', key: 'name', width: 100 },
     {
-        label: '岗位状态',
-        prop: 'status',
-        minWidth: 100,
+        title: '岗位状态',
+        key: 'status',
+        width: 100,
         render(record) {
             return h(
-                ElTag,
-                { type: record.row.status == 1 ? 'success' : 'danger' },
-                { default: () => (record.row.status == 1 ? '正常' : '停用') },
+                NTag,
+                { bordered: false, type: record.status == 1 ? 'success' : 'error' },
+                { default: () => (record.status == 1 ? '正常' : '停用') },
             );
         },
     },
-    { label: '排序', prop: 'sort', minWidth: 100 },
-    { label: '创建人', prop: 'createUser', minWidth: 100 },
-    { label: '创建时间', prop: 'createTime', width: 180 },
+    { title: '排序', key: 'sort', width: 100 },
+    { title: '创建人', key: 'createUser', width: 100 },
+    { title: '创建时间', key: 'createTime', width: 180 },
 ];
 ```