人力资源外包系统 人力资源外包系统 vue
default-active="1 background-color="304156 text-color="bfcbd9 active-text-color="409EFF">
员工管理
外包管理
统计分析
export default {
name: 'Home',
data {
return {}
.dashboard-container {
height: 100vh;
.el-menu {
height: 100%;
员工信息管理
style="float: right; padding: 3px 0 type="text click="handleAdd"> 新增员工
:data="employeeList border style="width: 100%"> prop="name label="姓名 180"> prop="position label="职位 180"> prop="department label="部门"> label="操作 180"> size="mini click="handleEdit(scope.$index, scope.row)">编辑 size="mini type="danger click="handleDelete(scope.$index, scope.row)">删除
export default {
data {
return {
employeeList: [
name: '张三',
position: '前端开发',
department: '技术部'
},
name: '李四',
position: 'HRBP',
department: '人力资源部'
},
methods: {
handleAdd {
this.$message('新增员工功能');
},
handleEdit(index, row) {
this.$message(`编辑员工: ${row.name}`);
},
handleDelete(index, row) {
this.$confirm('确认删除该员工?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then( => {
this.employeeList.splice(index, 1);
this.$message({
type: 'success',
message: '删除成功!'
});
});
外包合同管理
style="float: right; padding: 3px 0 type="text click="showDialog = true"> 新增合同
:data="contractList border style="width: 100%"> prop="contractNo label="合同编号 180"> prop="companyName label="外包公司 180"> prop="startDate label="开始日期"> prop="endDate label="结束日期"> prop="amount label="合同金额">
export default {
data {
return {
contractList: [
contractNo: 'HT20230001',
companyName: 'XX外包公司',
startDate: '2023-01-01',
endDate: '2023-12-31',
amount: '500,000'
],
showDialog: false,
contractForm: {
contractNo: '',
companyName: '',
startDate: '',
endDate: '',
amount: ''
},
formLabelWidth: '120px'
},
methods: {
handleAddContract {
this.contractList.push({...this.contractForm});
this.showDialog = false;
this.$message({
message: '合同添加成功',
type: 'success'
});