签入版本
This commit is contained in:
@@ -142,21 +142,40 @@ class DeptService extends BaseTenantService
|
||||
### 单条删除
|
||||
|
||||
```vue
|
||||
<el-popconfirm title="确认删除该记录?" @confirm="handleDelete(row.id)">
|
||||
<template #reference>
|
||||
<el-button type="danger" size="small">删除</el-button>
|
||||
</template>
|
||||
</el-popconfirm>
|
||||
<template>
|
||||
<n-button type="error" size="small" @click="handleDelete(row)">删除</n-button>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { useMessage, useDialog } from 'naive-ui';
|
||||
|
||||
const message = useMessage();
|
||||
const dialog = useDialog();
|
||||
|
||||
const handleDelete = async (row) => {
|
||||
dialog.warning({
|
||||
title: '提示',
|
||||
content: '确认删除该记录?',
|
||||
positiveText: '确定',
|
||||
negativeText: '取消',
|
||||
onPositiveClick: async () => {
|
||||
await exampleDelete(row.id);
|
||||
message.success('删除成功');
|
||||
reloadTable();
|
||||
},
|
||||
});
|
||||
};
|
||||
</script>
|
||||
```
|
||||
|
||||
### 批量删除
|
||||
|
||||
```vue
|
||||
<el-button
|
||||
type="danger"
|
||||
<n-button
|
||||
type="error"
|
||||
:disabled="!selectedIds.length"
|
||||
@click="handleBatchDelete"
|
||||
>
|
||||
批量删除 ({{ selectedIds.length }})
|
||||
</el-button>
|
||||
</n-button>
|
||||
```
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
# 12.7 前端编码规范
|
||||
|
||||
:::tip 概述
|
||||
前端编码规范涵盖 Vue 组件、TypeScript、API 模块、样式和代码风格等方面。前端工程位于 `ui/` 目录(Vue3 + TypeScript + ElementPlus + Pinia)。
|
||||
前端编码规范涵盖 Vue 组件、TypeScript、API 模块、样式和代码风格等方面。前端工程位于 `ui/` 目录(Vue3 + TypeScript + NaiveUI + Pinia)。
|
||||
:::
|
||||
|
||||
## Vue 组件规范
|
||||
|
||||
Reference in New Issue
Block a user