签入版本

DjangoAdmin_Tornado_NaiveVue/zh/volume4/integration/api-contract.md

@@ -94,19 +94,21 @@ transformRequestData: (res: AxiosResponse<Result>, options: RequestOptions) => {
 
     // 业务失败（code === 1）：弹出错误提示
     if (code === ResultEnum.ERROR) {
-        ElMessage.error(msg);
+        window.$message.error(msg);
         throw new Error(msg);
     }
 
     // 登录超时（code === 401）：弹出确认框，跳转登录页
     if (code === ResultEnum.TIMEOUT) {
-        ElMessageBox.confirm('登录身份已失效，请重新登录!', '提示', {
-            confirmButtonText: '确定',
-            showCancelButton: false,
-            type: 'warning',
-        }).then(() => {
-            storage.clear();
-            window.location.href = '/login';
+        window.$dialog.warning({
+            title: '提示',
+            content: '登录身份已失效，请重新登录!',
+            positiveText: '确定',
+            showNegative: false,
+            onPositiveClick: () => {
+                storage.clear();
+                window.location.href = '/login';
+            },
         });
         throw new Error(msg);
     }
@@ -140,14 +142,14 @@ const result = await getPositionList(params);
 | code | 说明 | 前端行为 |
 |------|------|----------|
 | 0 | 成功 | 返回 `data` |
-| 1 | 业务失败 | `ElMessage.error(msg)` + `throw` |
+| 1 | 业务失败 | `window.$message.error(msg)` + `throw` |
 | 401 | 未登录或 Token 过期 | 弹出确认框 → 跳转登录页 |
 
 HTTP 状态码始终为 200，业务成功/失败通过 `code` 字段区分。
 
 ## 前端错误展示
 
-业务错误通过 `ElMessage.error` 弹出提示，无需组件手动处理：
+业务错误通过 `window.$message.error` 弹出提示，无需组件手动处理：
 
 ```typescript
 // 组件中直接调用，错误由拦截器处理
@@ -155,7 +157,7 @@ try {
     await positionAdd(formData);
     message('操作成功');
 } catch (e) {
-    // 拦截器已弹出 ElMessage.error，此处可选处理
+    // 拦截器已弹出 window.$message.error，此处可选处理
 }
 ```
 

DjangoAdmin_Tornado_NaiveVue/zh/volume4/integration/dict-sync.md

@@ -145,25 +145,25 @@ class ParamService(BaseService(Param]):
 ```typescript
 // src/views/system/param/columns.ts
 {
-    label: '参数类型',
-    prop: 'type',
+    title: '参数类型',
+    key: 'type',
     width: 100,
     // 方式一：直接使用后端返回的 typeText 字段
     render(record) {
-        return h(ElTag,
-            { type: record.row.type == 0 ? 'primary' : 'warning' },
-            { default: () => record.row.typeText });
+        return h(NTag,
+            { bordered: false, type: record.type == 0 ? 'info' : 'warning' },
+            { default: () => record.typeText });
     },
 },
 {
-    label: '状态',
-    prop: 'status',
+    title: '状态',
+    key: 'status',
     width: 100,
     // 方式二：直接使用后端返回的 statusText 字段
     render(record) {
-        return h(ElTag,
-            { type: record.row.status == 1 ? 'success' : 'danger' },
-            { default: () => record.row.statusText });
+        return h(NTag,
+            { bordered: false, type: record.status == 1 ? 'success' : 'error' },
+            { default: () => record.statusText });
     },
 },
 ```
@@ -309,8 +309,8 @@ const options = [
 // 业务字段为数字
 formData.type = 0;
 
-// el-option 绑定时需要转换
-<el-option :value="Number(item.value)" />
+// NSelect 的 value 类型与后端一致
+<n-select :options="options" />
 ```
 
 搜索表单中的 `options` 的 `value` 为字符串 `'0'`/`'1'`，后端 `page_eq_fields` 中的 `type` 字段期望数字。前端 API 传参时自动转换。

DjangoAdmin_Tornado_NaiveVue/zh/volume4/integration/perm-sync.md

@@ -51,13 +51,13 @@ class PositionAddHandler(BaseHandler):
 
 ```vue
 <!-- src/views/system/position/index.vue -->
-<el-button type="primary" @click="handleAdd" v-perm="['sys:position:add']">
-    添加岗位
-</el-button>
-<el-button type="danger" @click="handleDelete()" :disabled="!selectionData.length"
+<n-button type="primary" @click="handleAdd" v-perm="['sys:position:add']">
+    新建
+</n-button>
+<n-button type="error" @click="handleDelete" :disabled="!rowKeys.length"
     v-perm="['sys:position:batchDelete']">
     删除
-</el-button>
+</n-button>
 ```
 
 ### TableAction auth 属性
@@ -65,22 +65,25 @@ class PositionAddHandler(BaseHandler):
 操作列通过 `TableAction` 组件的 `auth` 属性控制：
 
 ```typescript
+import { renderIcon } from '@/utils';
+import { FormOutlined, DeleteOutlined } from '@vicons/antd';
+
 const actionColumn = {
     render(record) {
-        return h(TableAction, {
+        return h(TableAction as any, {
             style: 'button',
             actions: [
                 {
                     label: '编辑',
-                    icon: 'Edit',
-                    type: 'warning',
+                    icon: renderIcon(FormOutlined),
+                    type: 'info',
                     onClick: handleEdit.bind(null, record),
                     auth: ['sys:position:update'],
                 },
                 {
                     label: '删除',
-                    icon: 'Delete',
-                    type: 'danger',
+                    icon: renderIcon(DeleteOutlined),
+                    type: 'error',
                     onClick: handleDelete.bind(null, record),
                     auth: ['sys:position:delete'],
                 },