dev-cl
qsh
4 months ago
parent
010017e707
commit
fd4e927ca6
@ -1,21 +0,0 @@ |
||||
<template> |
||||
<div> |
||||
<el-tabs v-model="tabName"> |
||||
<el-tab-pane label="员工列表" name="employee"> |
||||
<EmployeeList /> |
||||
</el-tab-pane> |
||||
<el-tab-pane label="员工提成方案" name="commissionPlan"> |
||||
<CommissionPlan /> |
||||
</el-tab-pane> |
||||
</el-tabs> |
||||
</div> |
||||
</template> |
||||
|
||||
<script setup name="Salary"> |
||||
import EmployeeList from './Comp/EmployeeList.vue' |
||||
import CommissionPlan from './Comp/CommissionPlan.vue' |
||||
|
||||
const tabName = ref('employee') |
||||
</script> |
||||
|
||||
<style lang="scss" scoped></style> |
||||
@ -1,7 +0,0 @@ |
||||
<template> |
||||
<div> 考勤设置 </div> |
||||
</template> |
||||
|
||||
<script setup name="WorkAttendance"></script> |
||||
|
||||
<style lang="scss" scoped></style> |
||||
@ -0,0 +1,7 @@ |
||||
<template> |
||||
<div> 工资条 </div> |
||||
</template> |
||||
|
||||
<script setup name="SalarySlip"></script> |
||||
|
||||
<style lang="scss" scoped></style> |
||||
@ -0,0 +1,76 @@ |
||||
<template> |
||||
<div> |
||||
<el-form :model="searchForm" inline> |
||||
<el-form-item> |
||||
<el-input v-model="searchForm.name" placeholder="请输入员工姓名" /> |
||||
</el-form-item> |
||||
<el-form-item> |
||||
<el-radio-group v-model="searchForm.status"> |
||||
<el-radio :label="0"> 在职 </el-radio> |
||||
<el-radio :label="1"> 离职 </el-radio> |
||||
</el-radio-group> |
||||
</el-form-item> |
||||
<el-form-item> |
||||
<el-button @click="handleQuery">搜索</el-button> |
||||
<el-button @click="handleQuery">新增</el-button> |
||||
</el-form-item> |
||||
</el-form> |
||||
|
||||
<el-table v-loading="loading" :data="tableList" border stripe> |
||||
<el-table-column type="index" width="50" /> |
||||
<el-table-column label="用户姓名" prop="nickname" /> |
||||
<el-table-column label="部门" key="deptName" prop="deptName" /> |
||||
<el-table-column label="手机号码" prop="mobile" width="120" /> |
||||
<el-table-column label="在职状态" prop="status" /> |
||||
<el-table-column label="参与考勤" width="150"> |
||||
<template #default="scope"> |
||||
<el-switch |
||||
v-model="scope.row.status" |
||||
:active-value="0" |
||||
:inactive-value="1" |
||||
@change="handleStatusChange(scope.row)" |
||||
/> |
||||
</template> |
||||
</el-table-column> |
||||
</el-table> |
||||
<Pagination |
||||
:total="total" |
||||
v-model:page="searchForm.pageNo" |
||||
v-model:limit="searchForm.pageSize" |
||||
@pagination="getList" |
||||
/> |
||||
</div> |
||||
</template> |
||||
|
||||
<script name="OAEmployee" setup> |
||||
const searchForm = ref({ |
||||
name: undefined, |
||||
status: 0, |
||||
pageNo: 1, |
||||
pageSize: 20 |
||||
}) |
||||
|
||||
/** 搜索按钮操作 */ |
||||
const handleQuery = () => { |
||||
searchForm.value.pageNo = 1 |
||||
getList() |
||||
} |
||||
|
||||
const loading = ref(false) |
||||
const tableList = ref([]) |
||||
const total = ref(0) |
||||
/** 查询列表 */ |
||||
const getList = async () => { |
||||
loading.value = true |
||||
try { |
||||
tableList.value = [1, 2] |
||||
// const data = await UserApi.getUserPage(queryParams) |
||||
// tableList.value = data.list |
||||
// total.value = data.total |
||||
} finally { |
||||
loading.value = false |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style lang="scss" scoped></style> |
||||
@ -0,0 +1,7 @@ |
||||
<template> |
||||
<div> 人事配置 </div> |
||||
</template> |
||||
|
||||
<script setup name="PersSetting"></script> |
||||
|
||||
<style lang="scss" scoped></style> |
||||
Loading…
Reference in new issue