hz/fe-manage
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git synced 2025-12-20 16:26:45 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat:修改添加面授的border以及面授和考勤抽屉列表的操作

Browse Source
This commit is contained in:
李晓鸽
2022-10-21 11:29:09 +08:00
parent 53146023b3 f0cc0a3c9d
commit a83e0ec2c7
10 changed files with 900 additions and 199 deletions
Download Patch File Download Diff File Expand all files Collapse all files

94
src/components/drawers/ActiveAttendance.vue
View File

@@ -220,9 +220,11 @@ export default {
gang: "产品经理",
cur: "-",
jin: "-",
time: "缺勤",
state: "异常",
signIn: false, //签到
signOut: false, //签退
leave: false, //请假
},
{
key: 2,
@@ -231,8 +233,11 @@ export default {
gang: "产品经理",
cur: "2022-10-31 23:12",
jin: "-",
time: "签到",
time: "签到/签退",
state: "正常",
signIn: true, //签到
signOut: true, //签退
leave: false, //请假
},
{
key: 3,
@@ -241,8 +246,11 @@ export default {
gang: "产品经理",
cur: "2022-10-31 23:12",
jin: "2022-10-31 23:12",
time: "签到/签退",
state: "正常",
time: "迟到",
state: "异常",
signIn: false, //签到
signOut: true, //签退
leave: false, //请假
},
{
key: 4,
@@ -251,8 +259,11 @@ export default {
gang: "产品经理",
cur: "2022-10-31 23:12",
jin: "2022-10-31 23:12",
time: "签到/签退",
state: "正常",
time: "早退",
state: "异常",
signIn: true, //签到
signOut: false, //签退
leave: false, //请假
},
{
key: 5,
@@ -263,6 +274,9 @@ export default {
jin: "2022-10-31 23:12",
time: "签到/签退",
state: "正常",
signIn: true, //签到
signOut: true, //签退
leave: false, //请假
},
{
key: 6,
@@ -273,6 +287,9 @@ export default {
jin: "2022-10-31 23:12",
time: "签到/签退",
state: "正常",
signIn: true, //签到
signOut: true, //签退
leave: false, //请假
},
{
name: "张三",
@@ -282,6 +299,9 @@ export default {
jin: "2022-10-31 23:12",
time: "签到/签退",
state: "正常",
signIn: true, //签到
signOut: true, //签退
leave: false, //请假
},
{
key: 8,
@@ -292,6 +312,9 @@ export default {
jin: "2022-10-31 23:12",
time: "请假",
state: "正常",
signIn: false, //签到
signOut: false, //签退
leave: true, //请假
},
],
options: [
@@ -328,6 +351,43 @@ export default {
state.selectedRowKeys = selectedRowKeys;
};
const getTableData = () => {
let arr = state.tableData;
arr.map((value) => {
// console.log("value", value);
value.opacation = (
<div class="opa">
<a-checkbox
checked={value.signIn}
onChange={(e) => {
console.log("点击签到", e);
}}
>
签到
</a-checkbox>
<a-checkbox
checked={value.signOut}
onChange={(e) => {
console.log("点击签退", e);
}}
>
签退
</a-checkbox>
<a-checkbox
checked={value.leave}
onChange={(e) => {
console.log("点击请假", e);
}}
>
请假
</a-checkbox>
</div>
);
});
state.tableData = arr;
};
getTableData();
const tableDataFunc = () => {
const columns = [
{
@@ -402,16 +462,16 @@ export default {
className: "h",
dataIndex: "opacation",
key: "opacation",
width: 210,
width: 130,
align: "center",
scopedSlots: { customRender: "action" }, //引入的插槽
customRender: () => {
return (
<div class="opa">
<a-checkbox-group />
</div>
);
},
// scopedSlots: { customRender: "action" }, //引入的插槽
// customRender: () => {
// return (
// <div class="opa">
// <a-checkbox-group />
// </div>
// );
// },
},
];
return columns;
@@ -429,7 +489,7 @@ export default {
};
</script>
<style lang="scss" >
<style lang="scss">
.me {
.ant-modal-body {
padding: 0px;
@@ -731,4 +791,4 @@ export default {
}
}
}
</style>
</style>