前端实现:
- post.js: API接口封装(86行,8个接口)
- getPostList(): 分页查询
- getPostListByDept(): 按部门查询
- getPostListEnabled(): 获取启用的岗位
- getPostById(): 查询详情
- createPost(): 创建岗位
- updatePost(): 更新岗位
- deletePost(): 删除岗位
- updatePostStatus(): 更新状态
- post.vue: 岗位管理页面(416行)
- 搜索功能:岗位编码、名称、所属部门(树选择)、状态
- 表格展示:编码、名称、部门、职责、排序、状态、时间
- 状态开关:el-switch直接切换状态
- 新增/编辑对话框:
* 岗位编码、名称(必填)
* 所属部门(树选择器)
* 岗位职责、岗位要求(多行文本)
* 排序号、状态、备注
技术特点:
- 部门树选择器(el-tree-select)
- 状态开关(el-switch)
- 表单验证(必填项)
- 删除确认
模块状态:✅ 完整(前端+后端)
Vue 3 + Vite
This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 <script setup> SFCs, check out the script setup docs to learn more.
Learn more about IDE Support for Vue in the Vue Docs Scaling up Guide.