优化更新

DjangoAdmin_Django_NaiveVue/zh/volume4/frontend/perm-directive.md

@@ -92,15 +92,15 @@ export function usePermission() {
 ### v-perm（满足任一权限）
 
 ```vue
-<el-button v-perm="['sys:position:add']">添加岗位</el-button>
-<el-button v-perm="['sys:position:batchDelete']">删除</el-button>
-<el-button v-perm="['sys:position:export']">导出</el-button>
+<n-button v-perm="['sys:position:add']">添加岗位</n-button>
+<n-button v-perm="['sys:position:batchDelete']">删除</n-button>
+<n-button v-perm="['sys:position:export']">导出</n-button>
 ```
 
 ### v-perms（满足所有权限）
 
 ```vue
-<el-button v-perms="['sys:user:add', 'sys:user:import']">高级操作</el-button>
+<n-button v-perms="['sys:user:add', 'sys:user:import']">高级操作</n-button>
 ```
 
 ### 与 v-if 结合
@@ -115,7 +115,7 @@ const showAddBtn = computed(() => hasPermission(['sys:position:add']));
 ```
 
 ```vue
-<el-button v-if="showAddBtn">添加岗位</el-button>
+<n-button v-if="showAddBtn">添加岗位</n-button>
 ```
 
 ## 实际用法（position 模块）
@@ -127,15 +127,15 @@ const showAddBtn = computed(() => hasPermission(['sys:position:add']));
 <template>
     <BasicTable :columns="columns" :request="loadDataTable" ref="tableRef" :actionColumn="actionColumn">
         <template #tableTitle>
-            <el-button type="primary" @click="handleAdd" v-perm="['sys:position:add']">
-                <template #icon><el-icon><PlusOutlined /></el-icon></template>
+            <n-button type="primary" @click="handleAdd" v-perm="['sys:position:add']">
+                <template #icon><n-icon><PlusOutlined /></n-icon></template>
                 添加岗位
-            </el-button>
-            <el-button type="danger" @click="handleDelete()" :disabled="!selectionData.length"
+            </n-button>
+            <n-button type="error" @click="handleDelete()" :disabled="!rowKeys.length"
                 v-perm="['sys:position:batchDelete']">
-                <template #icon><el-icon><Delete /></el-icon></template>
+                <template #icon><n-icon><DeleteOutlined /></n-icon></template>
                 删除
-            </el-button>
+            </n-button>
         </template>
     </BasicTable>
 </template>
@@ -206,7 +206,7 @@ class ExampleAddView(PermissionRequired, View):
 
 ```vue
 <!-- 前端 -->
-<el-button v-perm="['sys:example:add']">添加案例</el-button>
+<n-button v-perm="['sys:example:add']">添加案例</n-button>
 ```
 
 ## 超级管理员