| | |
|---|
| | | |
|---|
| | | ## 可用技能 |
|---|
| | | |
|---|
| | | - `vue3-development` - Vue 3 开发规范 |
|---|
| | | - `antd-vue-components` - Ant Design Vue 组件模式 |
|---|
| | | - `frontend-code-review` - 前端代码审查指南 |
|---|
| | | - `vue-component-patterns` - Vue 3 组件开发模式（Composition API、Props/Emits） |
|---|
| | | - `vben-table-form` - 表格表单组件使用（useVbenVxeGrid、useVbenModal、useVbenForm） |
|---|
| | | - `api-service-pattern` - API 接口定义模式（namespace、类型定义、CRUD 函数） |
|---|
| | | |
|---|
| | | ## 注意事项 |
|---|
| | | |
|---|
| | |
|---|
| | | 2. 使用 VeeValidate + Zod 进行表单验证 |
|---|
| | | 3. 使用 `v-dompurify-html` 处理用户输入的 HTML |
|---|
| | | 4. 敏感数据使用 `secure-ls` 加密存储 |
|---|
| | | |
|---|
| | | ## MES 模块开发 |
|---|
| | | |
|---|
| | | > **重要**：开发 MES 模块前，必须先阅读 `MES_DEVELOPMENT.md`，该文件包含： |
|---|
| | | > - 页面文件结构规范（data.ts / index.vue / form.vue） |
|---|
| | | > - API 接口编写模板 |
|---|
| | | > - 导入路径层级规则（index.vue 用 4 层 `..`，form.vue 用 5 层 `..`） |
|---|
| | | > - 字典/枚举注册位置 |
|---|
| | | > - 路由规则（动态路由，无需手动配置） |
|---|
| | | > - Select/SelectDialog 组件模式 |
|---|
| | | > - 开发检查清单 |
|---|
