提交

.cursor/rules/web-admin-crud-dialog.mdc

@@ -16,6 +16,7 @@ alwaysApply: false
 ## 新增 / 编辑 `el-dialog`
 
 - 根节点加 **`class="dialog-form-layout"`**（样式在 `src/assets/styles/core/app.scss`）：`max-height: calc(100vh - 100px)`，**仅** `.el-dialog__body` 纵向滚动；头、底栏不随内容滚动；水平垂直居中依赖 **`align-center`** 与全局 `ElConfigProvider`。
+- 建议 **`append-to-body`** + **`modal-class="protocol-dialog-mask"`**（与采集协议单 `ProtocolFormDialog` 一致）；所有带 `dialog-form-layout` 的弹窗遮罩在 `app.scss` 另有 **`:has()` 全局兜底**（顶对齐 + 视口顶距 16px）。
 - 字段少用 **`width` 约 560～720px**；字段很多时 **加宽** `width`，栅格用 **`.form-grid-2`（默认）～`.form-grid-5`（列数上限 5）**。
 - 表单 **`label-position="top"`**；长字段、备注用 **`grid-column: 1 / -1`** 或 **`.form-col-span-2`**；栅格内 **`el-form-item` 宜 `margin-bottom: 0`**，纵向间距靠栅格 **`gap`**。
 - **勿**在页面 `scoped` 里重复定义 `.form-grid-2`、`.form-col-span-2`、`.sort-field`、`.form-tip`（已在 `app.scss` 全局提供）。