OA系统

OA系统

api

线上：oa.henm.cn
测试：cc.henm.cn

技术栈

vue3、element-plus、typeScript、vite

内容

• 默认为扫码登录，将地址栏redirect替换为 aaaa 可切换账号密码登录；
• api配置在根目录的web.js文件中，若没有，需新建；
• 常用的组件几乎都有封装，建议开发新页面时先查找组件；
• 常用的筛选类组件在components下CustomSelector；
• scss-suger.scss具有常用样式的封装；
• utils下有常用的工具类函数，非必要不用重新封装；

目录结构

├── api // 各个目录的api
│   ├── attendance.js // 考勤管理
│   ├── option.js // option缓存相关
│   ├── permission.js // 系统
│   ├── recruitment.js // 招聘管理
│   ├── salary.js // 薪酬管理
│   ├── staff.js // 员工
│   ├── user.js // 登录相关
│   ├── vacation.js // 假期管理
│   └── permission.js // 系统
├── assets // 资源
├── components
│   ├── CustomSelector // 选择器
│   │   ├── DepartmentCheckbox.vue // 部门选择（平铺）
│   │   ├── DepartmentSelector.vue // 人员选择
│   │   ├── JobCheckbox.vue // 岗位选择（平铺）
│   │   ├── SelectChannel.vue // 渠道选择
│   │   ├── SelectDepartment.vue // 部门选择
│   │   ├── SelectJob.vue // 岗位选择
│   │   ├── SelectRange.vue // 选择部门或人员
│   │   ├── SelectReason.vue // 选择原因
│   │   ├── SelectRecruitmentUser.vue // 选择招聘人员
│   │   ├── SelectSalaryScheme.vue // 选择薪酬方案
│   │   ├── SelectSchedulingTeam.vue // 选择排班
│   │   ├── SelectStaff.vue
│   │   ├── SelectStatus.vue // 选择状态
│   │   └── SelectTeam.vue // 选择招聘组
│   ├── MySelect
│   ├── Pagination // 分页
│   ├── SizeSelect // 页面大小选择
│   ├── TableList // 表格二次封装
│   ├── Tinymce
│   ├── Upload // 图片上传
│   ├── ElSvgIcon // svg
│   └── ImportExportComp
├── directive // 指令
├── hooks // 钩子
├── icons // svg图标资源
├── layout // 菜单
├── router // 路由
│   ├── modules
│   │   ├── attendance.js // 招聘管理
│   │   ├── basic.js // 基础路由
│   │   ├── recruitment.js // 招聘管理
│   │   ├── salary.js // 薪酬管理
│   │   ├── staff.js // 员工
│   │   ├── system.js // 系统
│   │   └── vacation.js // 假期管理
│   └── index.js
├── store // vuex
│   ├── modules
│   │   ├── app.js // 项目基础配置
│   │   ├── option.js // 缓存
│   │   ├── permission.js // 系统
│   │   ├── tagsView.js // 系统页面标签
│   │   ├── user.js // 用户缓存
│   └── index.js
├── styles // 样式
│   ├── index.scss
│   ├── reset-style.scss // 重设样式
│   ├── scss-suger.scss // 常用样式封装
│   ├── transition.scss // 动画
│   ├── variables.scss // 颜色
│   └── variables-to-js.scss // 颜色
├── utils // 工具函数
│   ├── auth.js // token管理
│   ├── axiosReq.js // 请求
│   ├── bus.js // 事件总线
│   ├── comentUtil.js // 通用工具
│   ├── getPageTitle.js
│   ├── gogocodeTransfer.js // vue2转vue3兼容
│   ├── scroll-to.js
│   ├── transfer.js // id处理函数
│   └── validate.js // 表单验证
├── views // 页面
│   ├── attendance // 考勤管理
│   │   ├── attendanceApproval // 假勤审批
│   │   ├── attendanceRule // 考勤规则
│   │   ├── attendanceStatistics // 异常考勤统计
│   │   │   ├── components
│   │   │   │   ├── abnormalStatistics.vue
│   │   │   │   ├── details.vue
│   │   │   │   └── sendSetting.vue
│   │   ├── attendanceSummary // 每日考勤汇总
│   │   ├── attendanceTeam // 考勤组
│   │   ├── attendanceTravel // 出差
│   │   ├── frequency // 班次
│   │   ├── originalPunch // 原始打卡
│   │   ├── scheduling // 排班组
│   │   │   ├── addScheduling.vue // 添加排班
│   │   │   ├── schedulingDetails.vue // 排班详情
│   │   │   └── schedulingInfo.vue // 排班详情
│   ├── preview // 预览简历
│   ├── recruitment // 招聘管理
│   │   ├── interviewSchedule // 批量创建
│   │   ├── recruitmentDetails // 今日头条
│   │   │   ├── components
│   │   │   │   ├── Edit.vue // 编辑
│   │   │   │   ├── FollowUp.vue // 跟进
│   │   │   │   ├── Onboard.vue // 入职
│   │   │   │   ├── Positive.vue // 转正
│   │   │   │   ├── RecruitmentInfo.vue // 详情
│   │   │   │   ├── Reminder.vue // 面试记录
│   │   │   │   ├── Resign.vue // 离职
│   │   │   │   └── Result.vue // 面试结果
│   │   ├── recruitmentReport // 招聘报表
│   ├── salary // 薪酬管理
│   │   ├── accounting // 薪酬核算
│   │   ├── basePackage // 基础包
│   │   ├── payStub // 工资单
│   │   ├── salaryAccount // 薪酬方案
│   │   ├── salaryCalculation // 算薪员工
│   │   ├── salaryRule // 计薪规则
│   │   └── socialSecurity // 社保
│   ├── staff // 员工档案
│   │   ├── staffProfiles // 任务中心
│   │   │   ├── tabs
│   │   │   │   ├── archivesdetails.vue // 档案
│   │   │   │   ├── operationLogs.vue // 操作日志
│   │   │   │   ├── salaryDetails.vue // 薪资
│   │   │   │   └── staffInfo.vue // 详情
│   │   │   ├── staffProfileInfo // 档案详情
│   ├── dashboard // 首页
│   ├── vacation // 假期管理
│   │   ├── vacationBalance // 假期余额
│   │   │   ├── balanceInfo // 余额详情
│   │   └── vacationRules // 假期规则
│   │   │   ├── components
│   │   │   │   └── VacationEdit.vue // 假期编辑
│   ├── login // 登录
│   ├── redirect // 重定向
│   └── system // 系统