203 lines
6.6 KiB
JavaScript
203 lines
6.6 KiB
JavaScript
|
import { computed, ref } from 'vue'
|
|||
|
|
|
|||
|
|
export default {
|
|||
|
|
name: 'EmployeeManagementView' ,
|
|||
|
|
setup(props, { emit }) {
|
|||
|
|
const tabs = ['全部员工', '在职', '试用中', '停用']
|
|||
|
|
const filters = ['按部门筛选', '按职级筛选', '按系统角色筛选']
|
|||
|
|
const activeTab = ref(tabs[0])
|
|||
|
|
const selectedEmployee = ref(null)
|
|||
|
|
|
|||
|
|
const roleOptions = [
|
|||
|
|
{ id: 'user', label: '使用者', desc: '可以发起报销、查看个人单据和使用 AI 助手。' },
|
|||
|
|
{ id: 'finance', label: '财务人员', desc: '可以处理复核、查看财务知识与风险校验结果。' },
|
|||
|
|
{ id: 'manager', label: '管理员', desc: '可以维护员工档案、组织结构和角色权限。' },
|
|||
|
|
{ id: 'executive', label: '高级管理人员', desc: '可以查看跨部门数据看板与关键审批结果。' },
|
|||
|
|
{ id: 'approver', label: '审批负责人', desc: '可以处理审批中心中的待审单据。' },
|
|||
|
|
{ id: 'auditor', label: '审计观察员', desc: '可以查看变更记录和权限调整历史。' }
|
|||
|
|
]
|
|||
|
|
|
|||
|
|
const employees = [
|
|||
|
|
{
|
|||
|
|
id: 'EMP-001',
|
|||
|
|
avatar: '张',
|
|||
|
|
name: '张晓晴',
|
|||
|
|
employeeNo: 'E10234',
|
|||
|
|
department: '财务共享中心',
|
|||
|
|
position: '费用运营经理',
|
|||
|
|
grade: 'M3',
|
|||
|
|
manager: '李文静',
|
|||
|
|
financeOwner: '华东财务组',
|
|||
|
|
roles: ['管理员', '财务人员', '审批负责人'],
|
|||
|
|
status: '在职',
|
|||
|
|
statusTone: 'success',
|
|||
|
|
gender: '女',
|
|||
|
|
age: '32',
|
|||
|
|
birthDate: '1994-08-12',
|
|||
|
|
email: 'xiaoqing.zhang@xfinance.com',
|
|||
|
|
phone: '138 1023 4567',
|
|||
|
|
joinDate: '2021-03-15',
|
|||
|
|
location: '上海',
|
|||
|
|
costCenter: 'CC-2108',
|
|||
|
|
updatedAt: '2026-05-06 10:24',
|
|||
|
|
lastSync: '2026-05-06 10:24',
|
|||
|
|
syncState: '待生效',
|
|||
|
|
spotlight: true,
|
|||
|
|
permissions: [
|
|||
|
|
'可查看审批中心全部待审单据',
|
|||
|
|
'可配置员工角色与部门归属',
|
|||
|
|
'可查看知识管理与技能中心配置'
|
|||
|
|
],
|
|||
|
|
history: [
|
|||
|
|
{ action: '新增“审批负责人”角色', owner: '系统管理员 · 王敏', time: '今天 10:24' },
|
|||
|
|
{ action: '调整财务归口为华东财务组', owner: '组织管理员 · 陈硕', time: '昨天 18:10' }
|
|||
|
|
]
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
id: 'EMP-002',
|
|||
|
|
avatar: '李',
|
|||
|
|
name: '李文静',
|
|||
|
|
employeeNo: 'E10018',
|
|||
|
|
department: '总经办',
|
|||
|
|
position: '高级财务总监',
|
|||
|
|
grade: 'D2',
|
|||
|
|
manager: 'CEO',
|
|||
|
|
financeOwner: '集团财务',
|
|||
|
|
roles: ['高级管理人员', '审批负责人'],
|
|||
|
|
status: '在职',
|
|||
|
|
statusTone: 'success',
|
|||
|
|
gender: '女',
|
|||
|
|
age: '39',
|
|||
|
|
birthDate: '1987-03-26',
|
|||
|
|
email: 'wenjing.li@xfinance.com',
|
|||
|
|
phone: '139 0018 7688',
|
|||
|
|
joinDate: '2018-06-21',
|
|||
|
|
location: '上海',
|
|||
|
|
costCenter: 'CC-1001',
|
|||
|
|
updatedAt: '2026-05-05 16:20',
|
|||
|
|
lastSync: '2026-05-05 16:20',
|
|||
|
|
syncState: '已同步',
|
|||
|
|
permissions: [
|
|||
|
|
'可查看集团层面的审批看板',
|
|||
|
|
'可处理高金额报销的最终审批',
|
|||
|
|
'可查看部门预算执行情况'
|
|||
|
|
],
|
|||
|
|
history: [
|
|||
|
|
{ action: '更新高级管理人员可见范围', owner: '系统管理员 · 王敏', time: '05-05 16:20' }
|
|||
|
|
]
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
id: 'EMP-003',
|
|||
|
|
avatar: '王',
|
|||
|
|
name: '王敏',
|
|||
|
|
employeeNo: 'E10867',
|
|||
|
|
department: '人力与组织',
|
|||
|
|
position: '组织发展主管',
|
|||
|
|
grade: 'P6',
|
|||
|
|
manager: '陈嘉',
|
|||
|
|
financeOwner: '总部财务',
|
|||
|
|
roles: ['管理员', '审计观察员'],
|
|||
|
|
status: '在职',
|
|||
|
|
statusTone: 'success',
|
|||
|
|
gender: '女',
|
|||
|
|
age: '30',
|
|||
|
|
birthDate: '1996-11-05',
|
|||
|
|
email: 'min.wang@xfinance.com',
|
|||
|
|
phone: '136 8867 1200',
|
|||
|
|
joinDate: '2022-08-08',
|
|||
|
|
location: '杭州',
|
|||
|
|
costCenter: 'CC-3206',
|
|||
|
|
updatedAt: '2026-05-05 09:18',
|
|||
|
|
lastSync: '2026-05-05 09:18',
|
|||
|
|
syncState: '已同步',
|
|||
|
|
permissions: [
|
|||
|
|
'可维护组织结构与岗位映射',
|
|||
|
|
'可查看员工角色分配历史'
|
|||
|
|
],
|
|||
|
|
history: [
|
|||
|
|
{ action: '新增“审计观察员”角色', owner: '系统管理员 · 张晓晴', time: '05-05 09:18' }
|
|||
|
|
]
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
id: 'EMP-004',
|
|||
|
|
avatar: '陈',
|
|||
|
|
name: '陈嘉',
|
|||
|
|
employeeNo: 'E11602',
|
|||
|
|
department: '销售运营',
|
|||
|
|
position: '区域销售经理',
|
|||
|
|
grade: 'M2',
|
|||
|
|
manager: '李文静',
|
|||
|
|
financeOwner: '华南财务组',
|
|||
|
|
roles: ['使用者', '审批负责人'],
|
|||
|
|
status: '试用中',
|
|||
|
|
statusTone: 'warning',
|
|||
|
|
gender: '男',
|
|||
|
|
age: '29',
|
|||
|
|
birthDate: '1997-02-18',
|
|||
|
|
email: 'jia.chen@xfinance.com',
|
|||
|
|
phone: '137 1602 9901',
|
|||
|
|
joinDate: '2026-03-01',
|
|||
|
|
location: '深圳',
|
|||
|
|
costCenter: 'CC-4102',
|
|||
|
|
updatedAt: '2026-05-04 14:12',
|
|||
|
|
lastSync: '2026-05-04 14:12',
|
|||
|
|
syncState: '已同步',
|
|||
|
|
permissions: [
|
|||
|
|
'可发起个人报销与出差申请',
|
|||
|
|
'可处理本部门基础审批'
|
|||
|
|
],
|
|||
|
|
history: [
|
|||
|
|
{ action: '完成试用期角色初始化', owner: '组织管理员 · 王敏', time: '05-04 14:12' }
|
|||
|
|
]
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
id: 'EMP-005',
|
|||
|
|
avatar: '赵',
|
|||
|
|
name: '赵雨辰',
|
|||
|
|
employeeNo: 'E11991',
|
|||
|
|
department: '研发中心',
|
|||
|
|
position: '产品经理',
|
|||
|
|
grade: 'P5',
|
|||
|
|
manager: '陈嘉',
|
|||
|
|
financeOwner: '总部财务',
|
|||
|
|
roles: ['使用者'],
|
|||
|
|
status: '停用',
|
|||
|
|
statusTone: 'neutral',
|
|||
|
|
gender: '男',
|
|||
|
|
age: '27',
|
|||
|
|
birthDate: '1999-06-09',
|
|||
|
|
email: 'yuchen.zhao@xfinance.com',
|
|||
|
|
phone: '135 1991 3300',
|
|||
|
|
joinDate: '2023-11-18',
|
|||
|
|
location: '北京',
|
|||
|
|
costCenter: 'CC-5209',
|
|||
|
|
updatedAt: '2026-05-01 11:06',
|
|||
|
|
lastSync: '2026-05-01 11:06',
|
|||
|
|
syncState: '已同步',
|
|||
|
|
permissions: [
|
|||
|
|
'当前账号停用，仅保留历史单据查看记录'
|
|||
|
|
],
|
|||
|
|
history: [
|
|||
|
|
{ action: '账号状态变更为停用', owner: '系统管理员 · 王敏', time: '05-01 11:06' }
|
|||
|
|
]
|
|||
|
|
}
|
|||
|
|
]
|
|||
|
|
|
|||
|
|
const visibleEmployees = computed(() => {
|
|||
|
|
if (activeTab.value === '全部员工') return employees
|
|||
|
|
return employees.filter((item) => item.status === activeTab.value)
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
return {
|
|||
|
|
tabs,
|
|||
|
|
filters,
|
|||
|
|
activeTab,
|
|||
|
|
selectedEmployee,
|
|||
|
|
roleOptions,
|
|||
|
|
employees,
|
|||
|
|
visibleEmployees
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|