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