hreenshan112
10 months ago
26 changed files with 2038 additions and 35 deletions
@ -0,0 +1,46 @@ |
|||||
|
export default { |
||||
|
week:[ |
||||
|
{ |
||||
|
id: 1, |
||||
|
name: "周一", |
||||
|
value: "", |
||||
|
days:"周一" |
||||
|
}, |
||||
|
{ |
||||
|
id: 2, |
||||
|
name: "周二", |
||||
|
value: "", |
||||
|
days:"周二" |
||||
|
}, |
||||
|
{ |
||||
|
id: 3, |
||||
|
name: "周三", |
||||
|
value: "", |
||||
|
days:"周三" |
||||
|
}, |
||||
|
{ |
||||
|
id: 4, |
||||
|
name: "周四", |
||||
|
value: "", |
||||
|
days:"周四" |
||||
|
}, |
||||
|
{ |
||||
|
id: 5, |
||||
|
name: "周五", |
||||
|
value: "", |
||||
|
days:"周五" |
||||
|
}, |
||||
|
{ |
||||
|
id: 6, |
||||
|
name: "周六", |
||||
|
value: "", |
||||
|
days:"周六" |
||||
|
}, |
||||
|
{ |
||||
|
id: 7, |
||||
|
name: "周七", |
||||
|
value: "", |
||||
|
days:"周七" |
||||
|
} |
||||
|
] |
||||
|
} |
||||
@ -0,0 +1,223 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 秦东 |
||||
|
@ 时间: 2025-01-21 15:20:48 |
||||
|
@ 备注: 添加倒班制度 |
||||
|
--> |
||||
|
<script lang="ts" setup> |
||||
|
import { workTimeInfo, ruleInfo, TimesClassInfo } from "@/api/hr/people/type"; |
||||
|
import { teamcontlist } from "@/api/hr/org/index"; |
||||
|
import { addTeamTime } from "@/api/hr/people/index"; |
||||
|
const props = defineProps({ |
||||
|
open: { |
||||
|
type: Boolean, |
||||
|
default: false, |
||||
|
}, |
||||
|
teamInfo: { |
||||
|
type: Object, |
||||
|
default() { |
||||
|
return {}; |
||||
|
}, |
||||
|
}, |
||||
|
}); |
||||
|
const emits = defineEmits(["update:open", "restdata"]); |
||||
|
const sunmitBut = ref(false); |
||||
|
const formInfo = reactive({ |
||||
|
name: "", |
||||
|
}); |
||||
|
const worktimeList = ref<workTimeInfo[]>([ |
||||
|
{ |
||||
|
title: "", |
||||
|
startTime: "", |
||||
|
endTime: "", |
||||
|
}, |
||||
|
]); |
||||
|
/** |
||||
|
* 弹窗显示控制 |
||||
|
*/ |
||||
|
const isShow = computed({ |
||||
|
get: () => { |
||||
|
if (props.open) { |
||||
|
} |
||||
|
return props.open; |
||||
|
}, |
||||
|
set: (val) => { |
||||
|
emits("update:open", val); |
||||
|
}, |
||||
|
}); |
||||
|
/** |
||||
|
@ 作者: 秦东 |
||||
|
@ 时间: 2025-01-14 13:57:36 |
||||
|
@ 功能: 关闭弹窗 |
||||
|
*/ |
||||
|
const closeDialog = () => { |
||||
|
emits("update:open", false); |
||||
|
worktimeList.value = [ |
||||
|
{ |
||||
|
title: "", |
||||
|
startTime: "", |
||||
|
endTime: "", |
||||
|
}, |
||||
|
]; |
||||
|
formInfo.name = ""; |
||||
|
sunmitBut.value = false; |
||||
|
emits("restdata"); |
||||
|
}; |
||||
|
/** |
||||
|
@ 作者: 秦东 |
||||
|
@ 时间: 2025-01-14 15:16:33 |
||||
|
@ 功能: 添加工作时间段安排 |
||||
|
*/ |
||||
|
const addTimeSet = () => { |
||||
|
worktimeList.value.push({ |
||||
|
title: "", |
||||
|
startTime: "", |
||||
|
endTime: "", |
||||
|
}); |
||||
|
}; |
||||
|
/** |
||||
|
@ 作者: 秦东 |
||||
|
@ 时间: 2025-01-14 15:34:42 |
||||
|
@ 功能: 删除时间片段 |
||||
|
*/ |
||||
|
const delTimeSet = (val: any) => { |
||||
|
console.log("删除时间片段", val.$index, worktimeList.value.length); |
||||
|
if (worktimeList.value.length > 1) { |
||||
|
worktimeList.value.splice(val.$index, 1); |
||||
|
console.log("删除时间片段", val.$index); |
||||
|
} else { |
||||
|
val.title = ""; |
||||
|
val.startTime = ""; |
||||
|
val.title = ""; |
||||
|
} |
||||
|
}; |
||||
|
|
||||
|
/** |
||||
|
@ 作者: 秦东 |
||||
|
@ 时间: 2025-01-21 15:33:34 |
||||
|
@ 功能: 提交日程安排 |
||||
|
*/ |
||||
|
const addContsubmit = () => { |
||||
|
sunmitBut.value = true; |
||||
|
if (!formInfo.name) { |
||||
|
ElMessage.error("请输入名称"); |
||||
|
sunmitBut.value = false; |
||||
|
return false; |
||||
|
} else { |
||||
|
if (formInfo.name == "" || formInfo.name == null) { |
||||
|
ElMessage.error("请输入名称"); |
||||
|
sunmitBut.value = false; |
||||
|
return false; |
||||
|
} |
||||
|
} |
||||
|
let workList = new Array(); |
||||
|
if (worktimeList.value.length < 1) { |
||||
|
ElMessage.error("请输入工作时间安排！"); |
||||
|
sunmitBut.value = false; |
||||
|
return false; |
||||
|
} else { |
||||
|
let isTrue = false; |
||||
|
worktimeList.value.forEach((item: any) => { |
||||
|
if (!item.title) { |
||||
|
isTrue = true; |
||||
|
} else { |
||||
|
if (item.title == "" || item.title == null) { |
||||
|
isTrue = true; |
||||
|
} |
||||
|
} |
||||
|
if (!item.startTime) { |
||||
|
isTrue = true; |
||||
|
} else { |
||||
|
if (item.startTime == "" || item.startTime == null) { |
||||
|
isTrue = true; |
||||
|
} |
||||
|
} |
||||
|
if (!item.endTime) { |
||||
|
isTrue = true; |
||||
|
} else { |
||||
|
if (item.endTime == "" || item.endTime == null) { |
||||
|
isTrue = true; |
||||
|
} |
||||
|
} |
||||
|
workList.push(item); |
||||
|
}); |
||||
|
if (isTrue) { |
||||
|
ElMessage.error("请输入工作时间安排！"); |
||||
|
sunmitBut.value = false; |
||||
|
return false; |
||||
|
} |
||||
|
} |
||||
|
}; |
||||
|
</script> |
||||
|
<template> |
||||
|
<el-dialog |
||||
|
v-model="isShow" |
||||
|
width="60%" |
||||
|
title="添加班组轮询规则" |
||||
|
append-to-body |
||||
|
:before-close="closeDialog" |
||||
|
> |
||||
|
<el-form ref="addForm" :model="formInfo" label-width="120px" class="demo-ruleForm"> |
||||
|
<el-form-item label="名称" prop="name"> |
||||
|
<el-input v-model="formInfo.name" placeholder="请输入名称"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="工作时间段安排" prop="rule"> |
||||
|
<el-table :data="worktimeList" border style="width: 100%"> |
||||
|
<el-table-column align="center" prop="title" label="时段名称" width="180"> |
||||
|
<template #default="scope"> |
||||
|
<el-input v-model="scope.row.title" placeholder="请输入时段名称"></el-input> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column align="center" label="开始与结束时间"> |
||||
|
<template #default="scope"> |
||||
|
<el-time-select |
||||
|
style="width: 120px" |
||||
|
placeholder="起始时间" |
||||
|
v-model="scope.row.startTime" |
||||
|
start="00:00" |
||||
|
step="00:01" |
||||
|
end="23:59" |
||||
|
> |
||||
|
</el-time-select> |
||||
|
至 |
||||
|
<el-time-select |
||||
|
style="width: 120px" |
||||
|
placeholder="结束时间" |
||||
|
v-model="scope.row.endTime" |
||||
|
:min-time="scope.row.startTime" |
||||
|
start="00:00" |
||||
|
step="00:01" |
||||
|
end="23:59" |
||||
|
> |
||||
|
</el-time-select> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column align="center" width="100"> |
||||
|
<template #header> |
||||
|
<el-button type="primary" size="small" @click="addTimeSet()" |
||||
|
><i class="fa fa-plus iconLeft"></i> 新增</el-button |
||||
|
> |
||||
|
</template> |
||||
|
<template #default="scope"> |
||||
|
<el-button |
||||
|
v-if="worktimeList.length > 1" |
||||
|
type="danger" |
||||
|
size="small" |
||||
|
@click="delTimeSet(scope)" |
||||
|
><i class="fa fa-trash-o iconLeft"></i>删除</el-button |
||||
|
> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<template #footer class="el_dialog__footer"> |
||||
|
<div class="dialog-footer"> |
||||
|
<el-button size="small" type="primary" @click="addContsubmit" :loading="sunmitBut" |
||||
|
>确 定</el-button |
||||
|
> |
||||
|
<el-button size="small" @click="closeDialog">取 消</el-button> |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-dialog> |
||||
|
</template> |
||||
|
<style lang="scss" scoped></style> |
||||
@ -0,0 +1,234 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 秦东 |
||||
|
@ 时间: 2025-01-21 15:51:07 |
||||
|
@ 备注: 编辑工作时间段 |
||||
|
--> |
||||
|
<script lang="ts" setup> |
||||
|
import { teamcontlist } from "@/api/hr/org/index"; |
||||
|
import { editWorkTimeCont } from "@/api/hr/people/index"; |
||||
|
const props = defineProps({ |
||||
|
open: { |
||||
|
type: Boolean, |
||||
|
default: false, |
||||
|
}, |
||||
|
teamInfo: { |
||||
|
type: Object, |
||||
|
default() { |
||||
|
return {}; |
||||
|
}, |
||||
|
}, |
||||
|
}); |
||||
|
const emits = defineEmits(["update:open", "restdata"]); |
||||
|
const editBut = ref(false); |
||||
|
const editFormInfo = reactive({ |
||||
|
id: props.teamInfo.id, |
||||
|
name: props.teamInfo.name, |
||||
|
}); |
||||
|
const editWorktimeList = ref<workTimeInfo[]>([]); |
||||
|
/** |
||||
|
* 弹窗显示控制 |
||||
|
*/ |
||||
|
const isOpen = computed({ |
||||
|
get: () => { |
||||
|
if (props.open) { |
||||
|
editFormInfo.id = props.teamInfo.id.toString(); |
||||
|
editFormInfo.name = props.teamInfo.name; |
||||
|
editWorktimeList.value = props.teamInfo.list; |
||||
|
} |
||||
|
return props.open; |
||||
|
}, |
||||
|
set: (val) => { |
||||
|
emits("update:open", val); |
||||
|
}, |
||||
|
}); |
||||
|
/** |
||||
|
@ 作者: 秦东 |
||||
|
@ 时间: 2025-01-15 13:01:03 |
||||
|
@ 功能: 关闭修改轮询 |
||||
|
*/ |
||||
|
const closeEditDialog = () => { |
||||
|
editFormInfo.id = ""; |
||||
|
editFormInfo.name = ""; |
||||
|
editWorktimeList.value = []; |
||||
|
emits("update:open", false); |
||||
|
}; |
||||
|
/** |
||||
|
@ 作者: 秦东 |
||||
|
@ 时间: 2025-01-14 15:16:33 |
||||
|
@ 功能: 添加工作时间段安排 |
||||
|
*/ |
||||
|
const addTimeSet = () => { |
||||
|
editWorktimeList.value.push({ |
||||
|
title: "", |
||||
|
startTime: "", |
||||
|
endTime: "", |
||||
|
}); |
||||
|
}; |
||||
|
/** |
||||
|
@ 作者: 秦东 |
||||
|
@ 时间: 2025-01-14 15:34:42 |
||||
|
@ 功能: 删除时间片段 |
||||
|
*/ |
||||
|
const delTimeSet = (val: any) => { |
||||
|
console.log("删除时间片段", val.$index, editWorktimeList.value.length); |
||||
|
if (editWorktimeList.value.length > 1) { |
||||
|
editWorktimeList.value.splice(val.$index, 1); |
||||
|
console.log("删除时间片段", val.$index); |
||||
|
} else { |
||||
|
val.title = ""; |
||||
|
val.startTime = ""; |
||||
|
val.title = ""; |
||||
|
} |
||||
|
}; |
||||
|
/** |
||||
|
@ 作者: 秦东 |
||||
|
@ 时间: 2025-01-15 13:13:43 |
||||
|
@ 功能: 提交编辑轮询规则 |
||||
|
*/ |
||||
|
const editContsubmit = () => { |
||||
|
editBut.value = true; |
||||
|
if (!editFormInfo.name) { |
||||
|
ElMessage.error("请输入名称"); |
||||
|
editBut.value = false; |
||||
|
return false; |
||||
|
} else { |
||||
|
if (editFormInfo.name == "" || editFormInfo.name == null) { |
||||
|
ElMessage.error("请输入名称"); |
||||
|
editBut.value = false; |
||||
|
return false; |
||||
|
} |
||||
|
} |
||||
|
let workList = new Array(); |
||||
|
if (editWorktimeList.value.length < 1) { |
||||
|
ElMessage.error("请输入工作时间安排！"); |
||||
|
editBut.value = false; |
||||
|
return false; |
||||
|
} else { |
||||
|
let isTrue = false; |
||||
|
editWorktimeList.value.forEach((item: any) => { |
||||
|
if (!item.title) { |
||||
|
isTrue = true; |
||||
|
} else { |
||||
|
if (item.title == "" || item.title == null) { |
||||
|
isTrue = true; |
||||
|
} |
||||
|
} |
||||
|
if (!item.startTime) { |
||||
|
isTrue = true; |
||||
|
} else { |
||||
|
if (item.startTime == "" || item.startTime == null) { |
||||
|
isTrue = true; |
||||
|
} |
||||
|
} |
||||
|
if (!item.endTime) { |
||||
|
isTrue = true; |
||||
|
} else { |
||||
|
if (item.endTime == "" || item.endTime == null) { |
||||
|
isTrue = true; |
||||
|
} |
||||
|
} |
||||
|
workList.push(item); |
||||
|
}); |
||||
|
if (isTrue) { |
||||
|
ElMessage.error("请输入工作时间安排！"); |
||||
|
editBut.value = false; |
||||
|
return false; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
var sendData = { |
||||
|
id: editFormInfo.id, |
||||
|
name: editFormInfo.name, |
||||
|
list: workList, |
||||
|
}; |
||||
|
console.log("上传规则", sendData); |
||||
|
editBut.value = false; |
||||
|
|
||||
|
editWorkTimeCont(sendData) |
||||
|
.then((data) => { |
||||
|
ElMessage.success(data.msg); |
||||
|
closeEditDialog(); |
||||
|
}) |
||||
|
.finally(() => { |
||||
|
editBut.value = false; |
||||
|
}); |
||||
|
}; |
||||
|
</script> |
||||
|
<template> |
||||
|
<el-dialog |
||||
|
v-model="isOpen" |
||||
|
width="60%" |
||||
|
title="编辑班组设定" |
||||
|
append-to-body |
||||
|
:before-close="closeEditDialog" |
||||
|
> |
||||
|
<el-form |
||||
|
ref="addForm" |
||||
|
:model="editFormInfo" |
||||
|
label-width="120px" |
||||
|
class="demo-ruleForm" |
||||
|
> |
||||
|
<el-form-item label="名称" prop="name"> |
||||
|
<el-input v-model="editFormInfo.name" placeholder="请输入名称"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="工作时间段安排" prop="rule"> |
||||
|
<el-table :data="editWorktimeList" border style="width: 100%"> |
||||
|
<el-table-column align="center" prop="title" label="时段名称" width="180"> |
||||
|
<template #default="scope"> |
||||
|
<el-input v-model="scope.row.title" placeholder="请输入时段名称"></el-input> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column align="center" label="开始与结束时间"> |
||||
|
<template #default="scope"> |
||||
|
<el-time-select |
||||
|
style="width: 120px" |
||||
|
placeholder="起始时间" |
||||
|
v-model="scope.row.startTime" |
||||
|
start="00:00" |
||||
|
step="00:01" |
||||
|
end="23:59" |
||||
|
> |
||||
|
</el-time-select> |
||||
|
至 |
||||
|
<el-time-select |
||||
|
style="width: 120px" |
||||
|
placeholder="结束时间" |
||||
|
v-model="scope.row.endTime" |
||||
|
:min-time="scope.row.startTime" |
||||
|
start="00:00" |
||||
|
step="00:01" |
||||
|
end="23:59" |
||||
|
> |
||||
|
</el-time-select> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column align="center" width="100"> |
||||
|
<template #header> |
||||
|
<el-button type="primary" size="small" @click="addTimeSet()" |
||||
|
><i class="fa fa-plus iconLeft"></i> 新增</el-button |
||||
|
> |
||||
|
</template> |
||||
|
<template #default="scope"> |
||||
|
<el-button |
||||
|
v-if="editWorktimeList.length > 1" |
||||
|
type="danger" |
||||
|
size="small" |
||||
|
@click="delTimeSet(scope)" |
||||
|
><i class="fa fa-trash-o iconLeft"></i>删除</el-button |
||||
|
> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<template #footer class="el_dialog__footer"> |
||||
|
<div class="dialog-footer"> |
||||
|
<el-button size="small" type="primary" @click="editContsubmit" :loading="editBut" |
||||
|
>确 定</el-button |
||||
|
> |
||||
|
<el-button size="small" @click="closeEditDialog">取 消</el-button> |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-dialog> |
||||
|
</template> |
||||
|
<style lang="scss" scoped></style> |
||||
@ -0,0 +1,234 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 秦东 |
||||
|
@ 时间: 2025-01-21 16:19:52 |
||||
|
@ 备注: 设置轮询规则 |
||||
|
--> |
||||
|
<script lang="ts" setup> |
||||
|
import { teamcontlist, gainCycleRule, saveCycleRules } from "@/api/hr/org/index"; |
||||
|
|
||||
|
import DayPage from "@/views/hr/teams/classTime/setupTimePage/dayPage.vue"; |
||||
|
import WeekPage from "@/views/hr/teams/classTime/setupTimePage/weekPage.vue"; |
||||
|
import MonthPage from "@/views/hr/teams/classTime/setupTimePage/monthPage.vue"; |
||||
|
import QuarterPage from "@/views/hr/teams/classTime/setupTimePage/quarterPage.vue"; |
||||
|
import YearsPage from "@/views/hr/teams/classTime/setupTimePage/yearsPage.vue"; |
||||
|
|
||||
|
import WorkTimePage from "@/views/hr/teams/classTime/setupTimePage/workTimePage.vue"; |
||||
|
|
||||
|
const props = defineProps({ |
||||
|
open: { |
||||
|
type: Boolean, |
||||
|
default: false, |
||||
|
}, |
||||
|
teamInfo: { |
||||
|
type: Object, |
||||
|
default() { |
||||
|
return {}; |
||||
|
}, |
||||
|
}, |
||||
|
}); |
||||
|
const pickCycle = ref(""); //切换页选择 |
||||
|
const emits = defineEmits(["update:open", "restdata"]); |
||||
|
/** |
||||
|
* 弹窗显示控制 |
||||
|
*/ |
||||
|
const isOpen = computed({ |
||||
|
get: () => { |
||||
|
if (props.open) { |
||||
|
if (props.teamInfo.list && props.teamInfo.list.length > 0) { |
||||
|
pickCycle.value = props.teamInfo.list[0].id; |
||||
|
} |
||||
|
setupFormInfo.id = props.teamInfo.id; |
||||
|
setupFormInfo.name = props.teamInfo.name; |
||||
|
gainTimeList(); |
||||
|
gainTeamRules(); |
||||
|
} |
||||
|
return props.open; |
||||
|
}, |
||||
|
set: (val) => { |
||||
|
emits("update:open", val); |
||||
|
}, |
||||
|
}); |
||||
|
//数据格式 |
||||
|
const setupFormInfo = reactive({ |
||||
|
id: props.teamInfo.id, |
||||
|
cycle: 1, |
||||
|
name: props.teamInfo.name, |
||||
|
list: [], |
||||
|
}); |
||||
|
const workPageDay = ref(null); |
||||
|
/** |
||||
|
@ 作者: 秦东 |
||||
|
@ 时间: 2025-01-15 13:01:03 |
||||
|
@ 功能: 关闭修改轮询 |
||||
|
*/ |
||||
|
const closeSetupDialog = () => { |
||||
|
setupFormInfo.id = ""; |
||||
|
setupFormInfo.name = ""; |
||||
|
workPageDay.value.initWorkTime(); |
||||
|
// editWorktimeList.value = []; |
||||
|
emits("update:open", false); |
||||
|
}; |
||||
|
|
||||
|
/** |
||||
|
@ 作者: 秦东 |
||||
|
@ 时间: 2025-01-23 13:07:41 |
||||
|
@ 功能: 获取班组规则 |
||||
|
*/ |
||||
|
const gainTeamRules = () => { |
||||
|
gainCycleRule({ id: props.teamInfo.id }).then((data: any) => { |
||||
|
console.log("获取班组规则", data); |
||||
|
if (data.code == 0) { |
||||
|
setupFormInfo.id = data.data.id.toString(); |
||||
|
setupFormInfo.name = data.data.name; |
||||
|
setupFormInfo.cycle = data.data.cycle; |
||||
|
setupFormInfo.list = data.data.list; |
||||
|
|
||||
|
workPageDay.value.callBackData(data.data.list); |
||||
|
} |
||||
|
}); |
||||
|
}; |
||||
|
|
||||
|
const tiemList = ref([]); |
||||
|
/** |
||||
|
@ 作者: 秦东 |
||||
|
@ 时间: 2025-01-14 10:27:12 |
||||
|
@ 功能: 获取班组列表 |
||||
|
*/ |
||||
|
const gainTimeList = () => { |
||||
|
let searchMap = { |
||||
|
page: 1, |
||||
|
pagesize: 2000, |
||||
|
name: "", |
||||
|
}; |
||||
|
teamcontlist(searchMap).then((data) => { |
||||
|
tiemList.value = data.data.list; |
||||
|
|
||||
|
// tiemList.value.push({ |
||||
|
// id: 10110, |
||||
|
// name: "空班", |
||||
|
// time: 1656752010, |
||||
|
// state: 1, |
||||
|
// status: true, |
||||
|
// }); |
||||
|
// tiemList.value.push({ |
||||
|
// id: 10111, |
||||
|
// name: "休班", |
||||
|
// time: 1656752010, |
||||
|
// state: 1, |
||||
|
// status: true, |
||||
|
// }); |
||||
|
// tiemList.value.push({ |
||||
|
// id: 10112, |
||||
|
// name: "值班", |
||||
|
// time: 1656752010, |
||||
|
// state: 1, |
||||
|
// status: true, |
||||
|
// }); |
||||
|
}); |
||||
|
}; |
||||
|
/** |
||||
|
@ 作者: 秦东 |
||||
|
@ 时间: 2025-01-22 14:35:46 |
||||
|
@ 功能: 更新数据 |
||||
|
*/ |
||||
|
const restdata = (val: any) => { |
||||
|
// console.log("更新数据", val); |
||||
|
setupFormInfo.list = val; |
||||
|
}; |
||||
|
/** |
||||
|
@ 作者: 秦东 |
||||
|
@ 时间: 2025-01-23 08:32:01 |
||||
|
@ 功能: 提交数据 |
||||
|
*/ |
||||
|
const setupContsubmit = () => { |
||||
|
console.log("更新数据", setupFormInfo); |
||||
|
saveCycleRules(setupFormInfo).then((data: any) => { |
||||
|
ElMessage({ |
||||
|
message: data.msg, |
||||
|
type: "success", |
||||
|
}); |
||||
|
closeSetupDialog(); |
||||
|
}); |
||||
|
}; |
||||
|
</script> |
||||
|
<template> |
||||
|
<el-dialog |
||||
|
v-model="isOpen" |
||||
|
width="60%" |
||||
|
title="编辑班组轮询规则" |
||||
|
append-to-body |
||||
|
:before-close="closeSetupDialog" |
||||
|
> |
||||
|
<el-form |
||||
|
ref="addForm" |
||||
|
:model="setupFormInfo" |
||||
|
label-width="120px" |
||||
|
class="demo-ruleForm" |
||||
|
> |
||||
|
<el-form-item label="制度名称" prop="name"> |
||||
|
<el-input v-model="setupFormInfo.name" placeholder="请输入名称"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="周期" prop="cycle"> |
||||
|
<el-radio-group v-model="setupFormInfo.cycle"> |
||||
|
<el-radio :value="1">日</el-radio> |
||||
|
<el-radio :value="2">周</el-radio> |
||||
|
<el-radio :value="3">月</el-radio> |
||||
|
<el-radio :value="4">季</el-radio> |
||||
|
<el-radio :value="5">年</el-radio> |
||||
|
</el-radio-group> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="轮询规则设定" prop="cycle"> |
||||
|
<WorkTimePage |
||||
|
ref="workPageDay" |
||||
|
v-model:pick-cycle="setupFormInfo.cycle" |
||||
|
:team-info="props.teamInfo" |
||||
|
:tiem-list="tiemList" |
||||
|
:ruler-info="setupFormInfo" |
||||
|
@restdata="restdata" |
||||
|
/> |
||||
|
<!-- <el-tabs v-model="pickCycle" class="demo-tabs" style="width: 100%"> |
||||
|
<el-tab-pane |
||||
|
v-for="item in props.teamInfo.list" |
||||
|
:label="item.title + ' (' + item.startTime + '-' + item.endTime + ')'" |
||||
|
:name="item.id" |
||||
|
> |
||||
|
<DayPage |
||||
|
v-if="setupFormInfo.cycle == 1" |
||||
|
:team-info="props.teamInfo" |
||||
|
:tiem-list="tiemList" |
||||
|
/> |
||||
|
<WeekPage |
||||
|
v-if="setupFormInfo.cycle == 2" |
||||
|
:team-info="props.teamInfo" |
||||
|
:tiem-list="tiemList" |
||||
|
/> |
||||
|
<MonthPage |
||||
|
v-if="setupFormInfo.cycle == 3" |
||||
|
:team-info="props.teamInfo" |
||||
|
:tiem-list="tiemList" |
||||
|
/> |
||||
|
<QuarterPage |
||||
|
v-if="setupFormInfo.cycle == 4" |
||||
|
:team-info="props.teamInfo" |
||||
|
:tiem-list="tiemList" |
||||
|
/> |
||||
|
<YearsPage |
||||
|
v-if="setupFormInfo.cycle == 5" |
||||
|
:team-info="props.teamInfo" |
||||
|
:tiem-list="tiemList" |
||||
|
/> |
||||
|
</el-tab-pane> |
||||
|
</el-tabs> --> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<template #footer class="el_dialog__footer"> |
||||
|
<div class="dialog-footer"> |
||||
|
<el-button size="small" type="primary" @click="setupContsubmit" :loading="editBut" |
||||
|
>确 定</el-button |
||||
|
> |
||||
|
<el-button size="small" @click="closeSetupDialog">取 消</el-button> |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-dialog> |
||||
|
</template> |
||||
|
<style lang="scss" scoped></style> |
||||
@ -0,0 +1,90 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 秦东 |
||||
|
@ 时间: 2025-01-21 16:53:22 |
||||
|
@ 备注: 按日设置规则 |
||||
|
--> |
||||
|
<script lang="ts" setup> |
||||
|
import { workTeams } from "@/api/hr/people/type"; |
||||
|
const props = defineProps({ |
||||
|
teamInfo: { |
||||
|
type: Object, |
||||
|
default() { |
||||
|
return {}; |
||||
|
}, |
||||
|
}, |
||||
|
tiemList: { |
||||
|
type: Object, |
||||
|
default() { |
||||
|
return {}; |
||||
|
}, |
||||
|
}, |
||||
|
}); |
||||
|
const dayList = reactive<workTeams>([]); |
||||
|
onMounted(() => { |
||||
|
dayList.push({ |
||||
|
id: "1", |
||||
|
name: "1", |
||||
|
value: "", |
||||
|
}); |
||||
|
}); |
||||
|
</script> |
||||
|
<template> |
||||
|
<el-scrollbar> |
||||
|
<div class="scrollbar-flex-content"> |
||||
|
<div v-for="item in dayList" :key="item.id" class="infobox"> |
||||
|
<div class="titleBox">{{ item.name }}</div> |
||||
|
<el-select v-model="item.value" placeholder=""> |
||||
|
<el-option |
||||
|
v-for="item in props.tiemList" |
||||
|
:key="item.id" |
||||
|
:label="item.name" |
||||
|
:value="item.id" |
||||
|
> |
||||
|
</el-option> |
||||
|
</el-select> |
||||
|
</div> |
||||
|
<div class="infoAddbox"> |
||||
|
<i class="fa fa-plus"></i> |
||||
|
</div> |
||||
|
</div> |
||||
|
</el-scrollbar> |
||||
|
</template> |
||||
|
<style lang="scss" scoped> |
||||
|
.scrollbar-flex-content { |
||||
|
display: flex; |
||||
|
border-left: 1px solid rgb(177.3, 179.4, 183.6); |
||||
|
} |
||||
|
.scrollbar-demo-item { |
||||
|
flex-shrink: 0; |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
justify-content: center; |
||||
|
width: 100px; |
||||
|
height: 50px; |
||||
|
margin: 10px; |
||||
|
text-align: center; |
||||
|
border-radius: 4px; |
||||
|
background: var(--el-color-danger-light-9); |
||||
|
color: var(--el-color-danger); |
||||
|
} |
||||
|
.infobox { |
||||
|
width: 100px; |
||||
|
text-align: center; |
||||
|
border: 1px solid rgb(177.3, 179.4, 183.6); |
||||
|
margin-left: -1px; |
||||
|
.titleBox { |
||||
|
background-color: rgb(177.3, 179.4, 183.6); |
||||
|
} |
||||
|
} |
||||
|
.infoAddbox { |
||||
|
width: 50px; |
||||
|
border: 1px solid rgb(177.3, 179.4, 183.6); |
||||
|
margin-left: -1px; |
||||
|
display: flex; |
||||
|
align-items: center; /* 垂直居中 */ |
||||
|
justify-content: center; /* 水平居中 */ |
||||
|
font-size: 30px; |
||||
|
color: rgb(51.2, 126.4, 204); |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,10 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 秦东 |
||||
|
@ 时间: 2025-01-21 16:53:22 |
||||
|
@ 备注: 按月设置规则 |
||||
|
--> |
||||
|
<script lang="ts" setup></script> |
||||
|
<template> |
||||
|
<div></div> |
||||
|
</template> |
||||
|
<style lang="scss" scoped></style> |
||||
@ -0,0 +1,10 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 秦东 |
||||
|
@ 时间: 2025-01-21 16:53:22 |
||||
|
@ 备注: 按季度设置规则 |
||||
|
--> |
||||
|
<script lang="ts" setup></script> |
||||
|
<template> |
||||
|
<div></div> |
||||
|
</template> |
||||
|
<style lang="scss" scoped></style> |
||||
@ -0,0 +1,11 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 秦东 |
||||
|
@ 时间: 2025-01-21 16:53:22 |
||||
|
@ 备注: 按周设置规则 |
||||
|
--> |
||||
|
<script lang="ts" setup></script> |
||||
|
<template> |
||||
|
<div></div> |
||||
|
</template> |
||||
|
<style lang="scss" scoped></style> |
||||
|
|
||||
@ -0,0 +1,713 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 秦东 |
||||
|
@ 时间: 2025-01-22 10:01:49 |
||||
|
@ 备注: 以班组为基准 |
||||
|
--> |
||||
|
<script lang="ts" setup> |
||||
|
import constTimeVal from "@/api/calendar/dayWeekMonthYears"; |
||||
|
import { guiZeInfo, teamsPickTry, workTeams } from "@/api/hr/people/type"; |
||||
|
const props = defineProps({ |
||||
|
pickCycle: { |
||||
|
type: String, |
||||
|
default: "1", |
||||
|
}, |
||||
|
teamInfo: { |
||||
|
type: Object, |
||||
|
default() { |
||||
|
return {}; |
||||
|
}, |
||||
|
}, |
||||
|
tiemList: { |
||||
|
type: Object, |
||||
|
default() { |
||||
|
return {}; |
||||
|
}, |
||||
|
}, |
||||
|
rulerInfo: { |
||||
|
type: Object, |
||||
|
default() { |
||||
|
return {}; |
||||
|
}, |
||||
|
}, |
||||
|
}); |
||||
|
/** |
||||
|
@ 作者: 秦东 |
||||
|
@ 时间: 2025-01-22 15:20:14 |
||||
|
@ 功能: 当月最后一天 |
||||
|
*/ |
||||
|
const getCurrentMonthDays = () => { |
||||
|
const now = new Date(); |
||||
|
const year = now.getFullYear(); |
||||
|
const month = now.getMonth() + 1; // 注意月份从 0 开始，所以要加 1 |
||||
|
|
||||
|
// 获取当月的最后一天 |
||||
|
const lastDay = new Date(year, month, 0); |
||||
|
return lastDay.getDate(); |
||||
|
}; |
||||
|
|
||||
|
const emits = defineEmits(["update:pickCycle", "restdata"]); |
||||
|
const dayList = reactive<workTeams>([]); |
||||
|
const lunXunRule = ref<guiZeInfo[]>([]); |
||||
|
const teamPick = ref([]); |
||||
|
let jiShuQi = 1; |
||||
|
onMounted(() => { |
||||
|
let listAry = []; |
||||
|
switch (props.pickCycle) { |
||||
|
case 2: //周 |
||||
|
listAry = constTimeVal.week; |
||||
|
break; |
||||
|
case 3: //月 |
||||
|
let lastDay = getCurrentMonthDays(); |
||||
|
console.log("最后一天", lastDay); |
||||
|
for (let i = 1; i <= lastDay; i++) { |
||||
|
listAry.push({ |
||||
|
id: i, |
||||
|
name: i.toString(), |
||||
|
value: "", |
||||
|
days: i.toString(), |
||||
|
}); |
||||
|
} |
||||
|
break; |
||||
|
case 4: //季度 |
||||
|
for (let i = 1; i <= 90; i++) { |
||||
|
listAry.push({ |
||||
|
id: i, |
||||
|
name: i.toString(), |
||||
|
value: "", |
||||
|
days: i.toString(), |
||||
|
}); |
||||
|
} |
||||
|
break; |
||||
|
case 5: //年 |
||||
|
for (let i = 1; i <= 365; i++) { |
||||
|
listAry.push({ |
||||
|
id: i, |
||||
|
name: i.toString(), |
||||
|
value: "", |
||||
|
days: i.toString(), |
||||
|
}); |
||||
|
} |
||||
|
break; |
||||
|
default: |
||||
|
for (let i = 1; i <= jiShuQi; i++) { |
||||
|
listAry.push({ |
||||
|
id: i, |
||||
|
name: i.toString(), |
||||
|
value: "", |
||||
|
days: i.toString(), |
||||
|
}); |
||||
|
} |
||||
|
break; |
||||
|
} |
||||
|
lunXunRule.value.push({ |
||||
|
id: "", |
||||
|
name: "", |
||||
|
list: listAry, |
||||
|
}); |
||||
|
}); |
||||
|
watch( |
||||
|
() => props.pickCycle, |
||||
|
(val: any) => { |
||||
|
let listAry = []; |
||||
|
switch (props.pickCycle) { |
||||
|
case 2: //周 |
||||
|
listAry = []; |
||||
|
listAry = constTimeVal.week; |
||||
|
|
||||
|
lunXunRule.value.forEach((item: guiZeInfo) => { |
||||
|
item.list = listAry; |
||||
|
}); |
||||
|
break; |
||||
|
case 3: //月 |
||||
|
listAry = []; |
||||
|
let lastDay = getCurrentMonthDays(); |
||||
|
console.log("最后一天", lastDay); |
||||
|
for (let i = 1; i <= lastDay; i++) { |
||||
|
listAry.push({ |
||||
|
id: i, |
||||
|
name: i.toString(), |
||||
|
value: "", |
||||
|
days: i.toString(), |
||||
|
}); |
||||
|
} |
||||
|
lunXunRule.value.forEach((item: guiZeInfo) => { |
||||
|
item.list = listAry; |
||||
|
}); |
||||
|
break; |
||||
|
case 4: //季度 |
||||
|
listAry = []; |
||||
|
for (let i = 1; i <= 90; i++) { |
||||
|
listAry.push({ |
||||
|
id: i, |
||||
|
name: i.toString(), |
||||
|
value: "", |
||||
|
days: i.toString(), |
||||
|
}); |
||||
|
} |
||||
|
lunXunRule.value.forEach((item: guiZeInfo) => { |
||||
|
item.list = listAry; |
||||
|
}); |
||||
|
break; |
||||
|
case 5: //年 |
||||
|
listAry = []; |
||||
|
for (let i = 1; i <= 365; i++) { |
||||
|
listAry.push({ |
||||
|
id: i, |
||||
|
name: i.toString(), |
||||
|
value: "", |
||||
|
days: i.toString(), |
||||
|
}); |
||||
|
} |
||||
|
lunXunRule.value.forEach((item: guiZeInfo) => { |
||||
|
item.list = listAry; |
||||
|
}); |
||||
|
break; |
||||
|
default: |
||||
|
listAry = []; |
||||
|
jiShuQi = 1; |
||||
|
// for (let i = 1; i <= jiShuQi; i++) { |
||||
|
// listAry.push({ |
||||
|
// id: i, |
||||
|
// name: i.toString(), |
||||
|
// value: "", |
||||
|
// }); |
||||
|
// } |
||||
|
lunXunRule.value.splice(0); |
||||
|
lunXunRule.value.push({ |
||||
|
id: "", |
||||
|
name: "", |
||||
|
list: [ |
||||
|
{ |
||||
|
id: jiShuQi, |
||||
|
name: jiShuQi.toString(), |
||||
|
value: "", |
||||
|
days: jiShuQi.toString(), |
||||
|
}, |
||||
|
], |
||||
|
}); |
||||
|
break; |
||||
|
} |
||||
|
|
||||
|
console.log("计步器", jiShuQi); |
||||
|
}, |
||||
|
{ |
||||
|
deep: true, |
||||
|
} |
||||
|
); |
||||
|
//周期变化 |
||||
|
// const pickCycleVal = computed({ |
||||
|
// get: () => { |
||||
|
// let listAry = []; |
||||
|
// switch (props.pickCycle) { |
||||
|
// case 2: //周 |
||||
|
// listAry = constTimeVal.week; |
||||
|
// break; |
||||
|
// case 3: //月 |
||||
|
// let lastDay = getCurrentMonthDays(); |
||||
|
// console.log("最后一天", lastDay); |
||||
|
// for (let i = 1; i <= lastDay; i++) { |
||||
|
// listAry.push({ |
||||
|
// id: i, |
||||
|
// name: i.toString(), |
||||
|
// value: "", |
||||
|
// }); |
||||
|
// } |
||||
|
// break; |
||||
|
// case 4: //季度 |
||||
|
// for (let i = 1; i <= 90; i++) { |
||||
|
// listAry.push({ |
||||
|
// id: i, |
||||
|
// name: i.toString(), |
||||
|
// value: "", |
||||
|
// }); |
||||
|
// } |
||||
|
// break; |
||||
|
// case 5: //年 |
||||
|
// for (let i = 1; i <= 365; i++) { |
||||
|
// listAry.push({ |
||||
|
// id: i, |
||||
|
// name: i.toString(), |
||||
|
// value: "", |
||||
|
// }); |
||||
|
// } |
||||
|
// break; |
||||
|
// default: |
||||
|
// jiShuQi = 1; |
||||
|
// listAry = [ |
||||
|
// { |
||||
|
// id: jiShuQi, |
||||
|
// name: jiShuQi.toString(), |
||||
|
// value: "", |
||||
|
// }, |
||||
|
// ]; |
||||
|
// break; |
||||
|
// } |
||||
|
// lunXunRule.forEach((item: guiZeInfo) => { |
||||
|
// item.list = listAry; |
||||
|
// }); |
||||
|
// console.log("转黄", lunXunRule); |
||||
|
// return props.pickCycle; |
||||
|
// }, |
||||
|
// set: (val) => { |
||||
|
// emits("update:pickCycle", val); |
||||
|
// }, |
||||
|
// }); |
||||
|
/** |
||||
|
@ 作者: 秦东 |
||||
|
@ 时间: 2025-01-22 11:41:18 |
||||
|
@ 功能: 添加周期 |
||||
|
*/ |
||||
|
const addCycle = (val: any) => { |
||||
|
console.log("addCycle", val); |
||||
|
let valNum = val.length + 1; |
||||
|
let zhijie = { |
||||
|
id: valNum, |
||||
|
name: valNum.toString(), |
||||
|
value: "", |
||||
|
days: valNum.toString(), |
||||
|
}; |
||||
|
val.push(zhijie); |
||||
|
// if (lunXunRule && lunXunRule.length > 0) { |
||||
|
// console.log("添加周期1", lunXunRule); |
||||
|
// jiShuQi++; |
||||
|
// let zhijie = { |
||||
|
// id: jiShuQi, |
||||
|
// name: jiShuQi.toString(), |
||||
|
// value: "", |
||||
|
// days: jiShuQi.toString(), |
||||
|
// }; |
||||
|
// lunXunRule.forEach((item: guiZeInfo) => { |
||||
|
// console.log("添加周期1------->", item.list, zhijie, item.list.length); |
||||
|
// // item.list[item.list.length] = zhijie; |
||||
|
// item.list.push(zhijie); |
||||
|
// }); |
||||
|
// } else { |
||||
|
// console.log("添加周期2", lunXunRule.list); |
||||
|
// jiShuQi = 1; |
||||
|
// lunXunRule.push({ |
||||
|
// id: "", |
||||
|
// name: "", |
||||
|
// list: [ |
||||
|
// { |
||||
|
// id: jiShuQi, |
||||
|
// name: jiShuQi, |
||||
|
// value: "", |
||||
|
// days: jiShuQi.toString(), |
||||
|
// }, |
||||
|
// ], |
||||
|
// }); |
||||
|
// } |
||||
|
|
||||
|
// console.log("添加周期", lunXunRule); |
||||
|
}; |
||||
|
/** |
||||
|
@ 作者: 秦东 |
||||
|
@ 时间: 2025-01-22 13:59:16 |
||||
|
@ 功能: 添加班次 |
||||
|
*/ |
||||
|
const addTeamsInfo = () => { |
||||
|
console.log("添加班次", jiShuQi); |
||||
|
|
||||
|
let listAry = []; |
||||
|
switch (props.pickCycle) { |
||||
|
case 2: //周 |
||||
|
listAry = constTimeVal.week; |
||||
|
break; |
||||
|
case 3: //月 |
||||
|
let lastDay = getCurrentMonthDays(); |
||||
|
console.log("最后一天", lastDay); |
||||
|
for (let i = 1; i <= lastDay; i++) { |
||||
|
listAry.push({ |
||||
|
id: i, |
||||
|
name: i.toString(), |
||||
|
value: "", |
||||
|
days: i.toString(), |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
break; |
||||
|
case 4: //季度 |
||||
|
console.log("最后si天", props.pickCycle); |
||||
|
for (let i = 1; i <= 90; i++) { |
||||
|
listAry.push({ |
||||
|
id: i, |
||||
|
name: i.toString(), |
||||
|
value: "", |
||||
|
days: i.toString(), |
||||
|
}); |
||||
|
} |
||||
|
break; |
||||
|
case 5: //年 |
||||
|
console.log("最后nian天", vprops.pickCycle); |
||||
|
for (let i = 1; i <= 365; i++) { |
||||
|
listAry.push({ |
||||
|
id: i, |
||||
|
name: i.toString(), |
||||
|
value: "", |
||||
|
days: i.toString(), |
||||
|
}); |
||||
|
} |
||||
|
break; |
||||
|
default: |
||||
|
for (let j = 1; j <= jiShuQi; j++) { |
||||
|
listAry.push({ |
||||
|
id: j, |
||||
|
name: j.toString(), |
||||
|
value: "", |
||||
|
days: j.toString(), |
||||
|
}); |
||||
|
} |
||||
|
// console.log("最天", props.pickCycle); |
||||
|
// console.log("最天", listAry); |
||||
|
// console.log("最天", jiShuQi); |
||||
|
break; |
||||
|
} |
||||
|
// lunXunRule.forEach((item: guiZeInfo) => { |
||||
|
// item.list = listAry; |
||||
|
// }); |
||||
|
|
||||
|
// let zhouqi = []; |
||||
|
// for (let j = 1; j <= jiShuQi; j++) { |
||||
|
// zhouqi.push({ |
||||
|
// id: j, |
||||
|
// name: j.toString(), |
||||
|
// value: "", |
||||
|
// }); |
||||
|
// } |
||||
|
console.log("最天------------->", lunXunRule, listAry); |
||||
|
lunXunRule.value.push({ |
||||
|
id: "", |
||||
|
name: "", |
||||
|
list: listAry, |
||||
|
}); |
||||
|
console.log("最天------2324------->", lunXunRule); |
||||
|
}; |
||||
|
/** |
||||
|
@ 作者: 秦东 |
||||
|
@ 时间: 2025-01-22 14:25:44 |
||||
|
@ 功能: 删除轮询周期 |
||||
|
*/ |
||||
|
const delCycle = (val: any) => { |
||||
|
if (val && val.length > 0) { |
||||
|
val.pop(); |
||||
|
} |
||||
|
// if (lunXunRule && lunXunRule.length > 1) { |
||||
|
// console.log("删除轮询周期", lunXunRule); |
||||
|
// lunXunRule.forEach((item: guiZeInfo) => { |
||||
|
// item.list.pop(); |
||||
|
// jiShuQi = item.list.length; |
||||
|
// }); |
||||
|
// } |
||||
|
}; |
||||
|
/** |
||||
|
@ 作者: 秦东 |
||||
|
@ 时间: 2025-01-22 14:40:09 |
||||
|
@ 功能: 删除班次 |
||||
|
*/ |
||||
|
const delCycleTeam = (val: number) => { |
||||
|
if (lunXunRule.value && lunXunRule.value.length > 1) { |
||||
|
console.log("删除班次", val); |
||||
|
lunXunRule.value.splice(val, 1); |
||||
|
} |
||||
|
}; |
||||
|
//监听轮询变换 |
||||
|
watch( |
||||
|
() => lunXunRule.value, |
||||
|
(val: guiZeInfo[]) => { |
||||
|
emits("restdata", val); |
||||
|
if (val && val.length > 0) { |
||||
|
teamPick.value = []; |
||||
|
val.forEach((item: guiZeInfo) => { |
||||
|
teamPick.value.push(item.id); |
||||
|
|
||||
|
if (props.tiemList && props.tiemList.length > 0) { |
||||
|
props.tiemList.forEach((tlItem: any) => { |
||||
|
if (item.id == tlItem.id) { |
||||
|
item.name = tlItem.name; |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
if (props.teamInfo.list && props.teamInfo.list.length > 0) { |
||||
|
props.teamInfo.list.forEach((itemTeam: any) => { |
||||
|
// console.log("班组", itemTeam); |
||||
|
// console.log("班组--1--》", item.list); |
||||
|
if (item.list && item.list.length > 0) { |
||||
|
item.list.forEach((itVal: any) => { |
||||
|
// console.log("班组----》", itVal); |
||||
|
if (itVal.value == itemTeam.id) { |
||||
|
itVal.days = itemTeam.title; |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
}, |
||||
|
{ |
||||
|
deep: true, |
||||
|
} |
||||
|
); |
||||
|
/** |
||||
|
@ 作者: 秦东 |
||||
|
@ 时间: 2025-01-22 14:51:14 |
||||
|
@ 功能: 判断是否已经选择 |
||||
|
*/ |
||||
|
const isPickVal = (id: string) => { |
||||
|
if (teamPick.value && teamPick.value.length > 0) { |
||||
|
// console.log("判断是否已经选择", teamPick.value.includes(id)); |
||||
|
return teamPick.value.includes(id); |
||||
|
} |
||||
|
return false; |
||||
|
}; |
||||
|
/** |
||||
|
@ 作者: 秦东 |
||||
|
@ 时间: 2025-01-23 08:22:04 |
||||
|
@ 功能: 初始化数据 |
||||
|
*/ |
||||
|
const initWorkTime = () => { |
||||
|
// let listAry = []; |
||||
|
// switch (props.pickCycle) { |
||||
|
// case 2: //周 |
||||
|
// listAry = []; |
||||
|
// listAry = constTimeVal.week; |
||||
|
|
||||
|
// lunXunRule.forEach((item: guiZeInfo) => { |
||||
|
// item.list = listAry; |
||||
|
// }); |
||||
|
// break; |
||||
|
// case 3: //月 |
||||
|
// listAry = []; |
||||
|
// let lastDay = getCurrentMonthDays(); |
||||
|
// console.log("最后一天", lastDay); |
||||
|
// for (let i = 1; i <= lastDay; i++) { |
||||
|
// listAry.push({ |
||||
|
// id: i, |
||||
|
// name: i.toString(), |
||||
|
// value: "", |
||||
|
// days: i.toString(), |
||||
|
// }); |
||||
|
// } |
||||
|
// lunXunRule.forEach((item: guiZeInfo) => { |
||||
|
// item.list = listAry; |
||||
|
// }); |
||||
|
// break; |
||||
|
// case 4: //季度 |
||||
|
// listAry = []; |
||||
|
// for (let i = 1; i <= 90; i++) { |
||||
|
// listAry.push({ |
||||
|
// id: i, |
||||
|
// name: i.toString(), |
||||
|
// value: "", |
||||
|
// days: i.toString(), |
||||
|
// }); |
||||
|
// } |
||||
|
// lunXunRule.forEach((item: guiZeInfo) => { |
||||
|
// item.list = listAry; |
||||
|
// }); |
||||
|
// break; |
||||
|
// case 5: //年 |
||||
|
// listAry = []; |
||||
|
// for (let i = 1; i <= 365; i++) { |
||||
|
// listAry.push({ |
||||
|
// id: i, |
||||
|
// name: i.toString(), |
||||
|
// value: "", |
||||
|
// days: i.toString(), |
||||
|
// }); |
||||
|
// } |
||||
|
// lunXunRule.forEach((item: guiZeInfo) => { |
||||
|
// item.list = listAry; |
||||
|
// }); |
||||
|
// break; |
||||
|
// default: |
||||
|
// listAry = []; |
||||
|
// jiShuQi = 1; |
||||
|
// lunXunRule.splice(0); |
||||
|
// lunXunRule.push({ |
||||
|
// id: "", |
||||
|
// name: "", |
||||
|
// list: [ |
||||
|
// { |
||||
|
// id: jiShuQi, |
||||
|
// name: jiShuQi.toString(), |
||||
|
// value: "", |
||||
|
// days: jiShuQi.toString(), |
||||
|
// }, |
||||
|
// ], |
||||
|
// }); |
||||
|
// break; |
||||
|
// } |
||||
|
// listAry = []; |
||||
|
jiShuQi = 1; |
||||
|
lunXunRule.value.splice(0); |
||||
|
lunXunRule.value.push({ |
||||
|
id: "", |
||||
|
name: "", |
||||
|
list: [ |
||||
|
{ |
||||
|
id: jiShuQi, |
||||
|
name: jiShuQi.toString(), |
||||
|
value: "", |
||||
|
days: jiShuQi.toString(), |
||||
|
}, |
||||
|
], |
||||
|
}); |
||||
|
}; |
||||
|
|
||||
|
/** |
||||
|
@ 作者: 秦东 |
||||
|
@ 时间: 2025-01-23 13:19:32 |
||||
|
@ 功能: 回填规则 |
||||
|
*/ |
||||
|
const callBackData = (val: any) => { |
||||
|
lunXunRule.value.splice(0); |
||||
|
if (val && val.length > 0) { |
||||
|
} |
||||
|
lunXunRule.value = val; |
||||
|
// val.forEach((item: any) => { |
||||
|
// console.log("回填规则-2-->", item); |
||||
|
// lunXunRule.value.push(item); |
||||
|
// }); |
||||
|
console.log("回填规则--->", val); |
||||
|
console.log("回填规则", lunXunRule.value); |
||||
|
}; |
||||
|
|
||||
|
defineExpose({ |
||||
|
initWorkTime, |
||||
|
callBackData, |
||||
|
}); |
||||
|
</script> |
||||
|
<template> |
||||
|
<table cellspacing="1" class="table_body" style="width: 100%"> |
||||
|
<tr> |
||||
|
<td width="150">参与班次</td> |
||||
|
<td>周期</td> |
||||
|
<td v-if="props.pickCycle == 1" width="120">操作</td> |
||||
|
</tr> |
||||
|
<tr v-for="(item, index) in lunXunRule" :key="item.id"> |
||||
|
<td> |
||||
|
<el-select v-model="item.id" placeholder="请选择班组" clearable> |
||||
|
<el-option |
||||
|
v-for="items in props.tiemList" |
||||
|
:key="items.id.toString()" |
||||
|
:label="items.name" |
||||
|
:value="items.id.toString()" |
||||
|
:disabled="isPickVal(items.id.toString())" |
||||
|
> |
||||
|
</el-option> |
||||
|
</el-select> |
||||
|
<el-button |
||||
|
v-if="lunXunRule && lunXunRule.length > 1" |
||||
|
type="danger" |
||||
|
size="small" |
||||
|
@click="delCycleTeam(index)" |
||||
|
>删除班次</el-button |
||||
|
> |
||||
|
</td> |
||||
|
<td align="left" style="display: grid"> |
||||
|
<div class="jksfd"> |
||||
|
<div |
||||
|
v-for="(itemDay, indexDay) in item.list" |
||||
|
:key="index + '_' + itemDay.id + '_' + indexDay" |
||||
|
class="infobox" |
||||
|
> |
||||
|
<div class="titleBox"> |
||||
|
<el-text>{{ itemDay.name }}</el-text> |
||||
|
</div> |
||||
|
<div class="selectBox"> |
||||
|
<el-select |
||||
|
v-model="itemDay.value" |
||||
|
placeholder="请选择工作时间段" |
||||
|
clearable |
||||
|
:key="index + '_' + itemDay.id + '_' + indexDay" |
||||
|
> |
||||
|
<el-option |
||||
|
v-for="itemGroup in props.teamInfo.list" |
||||
|
:key="index + '_' + itemDay.id + '_' + indexDay" |
||||
|
:label=" |
||||
|
itemGroup.title + |
||||
|
'(' + |
||||
|
itemGroup.startTime + |
||||
|
'-' + |
||||
|
itemGroup.endTime + |
||||
|
')' |
||||
|
" |
||||
|
:value="itemGroup.id.toString()" |
||||
|
> |
||||
|
</el-option> |
||||
|
</el-select> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</td> |
||||
|
<td> |
||||
|
<el-button type="primary" @click.top="addCycle(item.list)" |
||||
|
><i class="fa fa-plus"></i |
||||
|
></el-button> |
||||
|
<el-button |
||||
|
v-if="item.list && item.list.length > 1" |
||||
|
type="danger" |
||||
|
@click.top="delCycle(item.list)" |
||||
|
><i class="fa fa-minus"></i |
||||
|
></el-button> |
||||
|
</td> |
||||
|
</tr> |
||||
|
<tr> |
||||
|
<td :colspan="props.pickCycle == 1 ? 3 : 2"> |
||||
|
<el-button @click="addTeamsInfo" type="success" style="margin-bottom: 5px" |
||||
|
>添加参数班次</el-button |
||||
|
> |
||||
|
</td> |
||||
|
</tr> |
||||
|
</table> |
||||
|
</template> |
||||
|
<style lang="scss" scoped> |
||||
|
.table_body { |
||||
|
background-color: #ffffff; |
||||
|
|
||||
|
border-collapse: collapse; |
||||
|
/* |
||||
|
* 设置边框 |
||||
|
*/ |
||||
|
td, |
||||
|
th { |
||||
|
border: 1px solid #f0f0f0; |
||||
|
padding: 5px 5px 0 5px; |
||||
|
text-align: center; |
||||
|
} |
||||
|
} |
||||
|
.tdWidth { |
||||
|
width: 200px; |
||||
|
} |
||||
|
.jksfd { |
||||
|
display: flex; |
||||
|
width: 100%; |
||||
|
overflow: hidden; |
||||
|
overflow-x: auto; |
||||
|
.infobox { |
||||
|
width: 200px; |
||||
|
text-align: center; |
||||
|
border: 1px solid rgb(177.3, 179.4, 183.6); |
||||
|
// margin-left: -1px; |
||||
|
margin-bottom: 5px; |
||||
|
.selectBox { |
||||
|
padding: 5px; |
||||
|
} |
||||
|
.titleBox { |
||||
|
display: flex; |
||||
|
width: 200px; |
||||
|
background-color: rgb(177.3, 179.4, 183.6); |
||||
|
span { |
||||
|
width: 90%; |
||||
|
} |
||||
|
i { |
||||
|
margin-right: 5px; |
||||
|
margin-top: 8px; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,10 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 秦东 |
||||
|
@ 时间: 2025-01-21 16:53:22 |
||||
|
@ 备注: 按年设置规则 |
||||
|
--> |
||||
|
<script lang="ts" setup></script> |
||||
|
<template> |
||||
|
<div></div> |
||||
|
</template> |
||||
|
<style lang="scss" scoped></style> |
||||
@ -0,0 +1,187 @@ |
|||||
|
<!-- |
||||
|
@ 作者: 秦东 |
||||
|
@ 时间: 2025-01-14 11:17:13 |
||||
|
@ 备注: 班次管理 |
||||
|
--> |
||||
|
<script lang="ts" setup> |
||||
|
import { TimesClassInfo } from "@/api/hr/people/type"; |
||||
|
import { teamTimeList, editWorkTimeState } from "@/api/hr/people/index"; |
||||
|
|
||||
|
import AddClass from "@/views/hr/teams/classTime/addClass.vue"; |
||||
|
import EditClass from "@/views/hr/teams/classTime/editClass.vue"; |
||||
|
|
||||
|
const searchData = reactive({ |
||||
|
name: "", |
||||
|
}); |
||||
|
const searchFormRef = ref(ElForm); |
||||
|
const timeClassList = ref<TimesClassInfo[]>([]); |
||||
|
const teamLookInfo = ref<TimesClassInfo>(); |
||||
|
const addIsShow = ref(false); |
||||
|
const editIsShow = ref(false); |
||||
|
const setupIsShow = ref(false); |
||||
|
/** |
||||
|
@ 作者: 秦东 |
||||
|
@ 时间: 2025-01-14 11:34:57 |
||||
|
@ 功能: 获取班次列表 |
||||
|
*/ |
||||
|
const getTimeClassList = () => { |
||||
|
teamTimeList(searchData).then((data: any) => { |
||||
|
timeClassList.value = data.data; |
||||
|
}); |
||||
|
}; |
||||
|
/** |
||||
|
@ 作者: 秦东 |
||||
|
@ 时间: 2025-01-14 11:39:01 |
||||
|
@ 功能: 查询班次 |
||||
|
*/ |
||||
|
const searchSubmit = () => { |
||||
|
getTimeClassList(); |
||||
|
}; |
||||
|
/** |
||||
|
@ 作者: 秦东 |
||||
|
@ 时间: 2025-01-14 13:14:17 |
||||
|
@ 功能: 改变班次轮询规则状态 |
||||
|
*/ |
||||
|
const switchChange = (val: any) => { |
||||
|
// console.log("改变班次轮询规则状态", val); |
||||
|
let setState = 2; |
||||
|
if (val.states) setState = 1; |
||||
|
let sendData = { |
||||
|
id: val.id.toString(), |
||||
|
state: setState, |
||||
|
constrain: 2, |
||||
|
}; |
||||
|
editWorkTimeState(sendData).then((data: any) => { |
||||
|
getTimeClassList(); |
||||
|
}); |
||||
|
}; |
||||
|
/** |
||||
|
@ 作者: 秦东 |
||||
|
@ 时间: 2025-01-14 13:31:30 |
||||
|
@ 功能: 新增班次轮询规则 |
||||
|
*/ |
||||
|
const addNewCont = () => { |
||||
|
// console.log("新增班次轮询规则"); |
||||
|
addIsShow.value = true; |
||||
|
// console.log("新增班次轮询规则", addIsShow.value); |
||||
|
}; |
||||
|
/** |
||||
|
@ 作者: 秦东 |
||||
|
@ 时间: 2025-01-15 09:16:08 |
||||
|
@ 功能: 编辑班次轮询 |
||||
|
*/ |
||||
|
const showEdit = (val: any) => { |
||||
|
teamLookInfo.value = val; |
||||
|
editIsShow.value = true; |
||||
|
}; |
||||
|
/** |
||||
|
@ 作者: 秦东 |
||||
|
@ 时间: 2025-01-15 09:12:06 |
||||
|
@ 功能: 删除班次轮询 |
||||
|
*/ |
||||
|
const deleteOperate = (val: any) => { |
||||
|
ElMessageBox.confirm("您确定要删除此内容？一经删除！内容将不可恢复！", "Warning", { |
||||
|
confirmButtonText: "确定", |
||||
|
cancelButtonText: "取消", |
||||
|
type: "warning", |
||||
|
}) |
||||
|
.then(() => { |
||||
|
let sendData = { |
||||
|
id: val.id.toString(), |
||||
|
state: 3, |
||||
|
constrain: 2, |
||||
|
}; |
||||
|
editWorkTimeState(sendData).then((data: any) => { |
||||
|
getTimeClassList(); |
||||
|
}); |
||||
|
}) |
||||
|
.catch(() => {}); |
||||
|
}; |
||||
|
//数据加载 |
||||
|
onMounted(() => { |
||||
|
getTimeClassList(); |
||||
|
}); |
||||
|
</script> |
||||
|
<template> |
||||
|
<div class="app-container"> |
||||
|
<AddClass v-model:open="addIsShow" @restdata="getTimeClassList" /> |
||||
|
<EditClass |
||||
|
v-model:open="editIsShow" |
||||
|
:team-info="teamLookInfo" |
||||
|
@restdata="getTimeClassList" |
||||
|
/> |
||||
|
<el-card shadow="never"> |
||||
|
<template #header> |
||||
|
<el-form ref="searchFormRef" :model="searchData" :inline="true"> |
||||
|
<el-form-item label="班次名称"> |
||||
|
<el-input v-model="searchData.name" clearable></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item> |
||||
|
<el-button type="primary" @click="searchSubmit" |
||||
|
><i class="fa fa-search"></i>查询</el-button |
||||
|
> |
||||
|
</el-form-item> |
||||
|
<el-form-item> |
||||
|
<el-button type="warning" @click="addNewCont" |
||||
|
><i class="fa fa-plus"></i>新增</el-button |
||||
|
> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
</template> |
||||
|
<el-table :data="timeClassList" style="width: 100%"> |
||||
|
<el-table-column prop="name" label="名称" width="200"> </el-table-column> |
||||
|
<el-table-column prop="rulename" label="轮询规则"> </el-table-column> |
||||
|
<el-table-column label="工作时段安排"> |
||||
|
<template #default="scope"> |
||||
|
<el-row v-for="item in scope.row.list" :key="item.title"> |
||||
|
<el-col :span="24" |
||||
|
>{{ item.title }} 工作时间：{{ item.startTime }} - |
||||
|
{{ item.endTime }}</el-col |
||||
|
> |
||||
|
</el-row> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
|
||||
|
<el-table-column label="状态" width="100"> |
||||
|
<template #default="scope"> |
||||
|
<el-switch |
||||
|
@change="switchChange(scope.row)" |
||||
|
style="display: block" |
||||
|
v-model="scope.row.states" |
||||
|
active-color="#13ce66" |
||||
|
inactive-color="#ff4949" |
||||
|
active-text="启用" |
||||
|
inactive-text="禁用" |
||||
|
inline-prompt |
||||
|
> |
||||
|
</el-switch> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
|
||||
|
<el-table-column |
||||
|
align="center" |
||||
|
fixed="right" |
||||
|
label="操作" |
||||
|
width="160" |
||||
|
header-align="center" |
||||
|
> |
||||
|
<template #default="scope"> |
||||
|
<el-button v-if="false" size="small" @click="setOrigin(scope.row)" |
||||
|
>设置源点</el-button |
||||
|
> |
||||
|
|
||||
|
<el-button size="small" @click="showEdit(scope.row)">编辑</el-button> |
||||
|
<el-button size="small" @click="deleteOperate(scope.row)">删除</el-button> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</el-card> |
||||
|
</div> |
||||
|
</template> |
||||
|
<style lang="scss" scoped> |
||||
|
.app-container { |
||||
|
:deep .el-card__header { |
||||
|
padding-bottom: 0px; |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
Loading…
Reference in new issue