hz/fe-manage
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git synced 2025-12-20 00:06:47 +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

127
src/components/drawers/FaceStu.vue
View File

@@ -224,9 +224,11 @@ export default {
gang: "产品经理",
cur: "-",
jin: "-",
time: "缺勤",
state: "异常",
signIn: false, //签到
signOut: false, //签退
leave: false, //请假
},
{
key: 2,
@@ -235,8 +237,11 @@ export default {
gang: "产品经理",
cur: "2022-10-31 23:12",
jin: "-",
time: "签到",
time: "签到/签退",
state: "正常",
signIn: true, //签到
signOut: true, //签退
leave: false, //请假
},
{
key: 3,
@@ -245,8 +250,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,
@@ -255,8 +263,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,
@@ -267,6 +278,9 @@ export default {
jin: "2022-10-31 23:12",
time: "签到/签退",
state: "正常",
signIn: true, //签到
signOut: true, //签退
leave: false, //请假
},
{
key: 6,
@@ -277,6 +291,9 @@ export default {
jin: "2022-10-31 23:12",
time: "签到/签退",
state: "正常",
signIn: true, //签到
signOut: true, //签退
leave: false, //请假
},
{
name: "张三",
@@ -286,6 +303,9 @@ export default {
jin: "2022-10-31 23:12",
time: "签到/签退",
state: "正常",
signIn: true, //签到
signOut: true, //签退
leave: false, //请假
},
{
key: 8,
@@ -296,22 +316,26 @@ export default {
jin: "2022-10-31 23:12",
time: "请假",
state: "正常",
signIn: false, //签到
signOut: false, //签退
leave: true, //请假
},
],
options: [
tableOptions: [
{
label: "Apple",
value: "Apple",
label: "签到",
value: "1",
},
{
label: "Pear",
value: "Pear",
label: "签退",
value: "2",
},
{
label: "Orange",
value: "Orange",
label: "请假",
value: "3",
},
],
// selectOption: [],
});
const selectProjectName = (value, index) => {
console.log("value", value, index);
@@ -332,6 +356,42 @@ 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 = [
{
@@ -406,16 +466,25 @@ 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
// // value={state.selectOption}
// name="checkboxgroup"
// options={state.tableOptions}
// onChange={(e) => {
// console.log("eee", e);
// // state.selectOption = e;
// }}
// />
// </div>
// );
// },
},
];
return columns;
@@ -428,12 +497,13 @@ export default {
onSelectChange,
showEntryScore,
tableDataFunc,
getTableData,
};
},
};
</script>
<style lang="scss" >
<style lang="scss">
.me {
.ant-modal-body {
padding: 0px;
@@ -678,7 +748,14 @@ export default {
background: #f6f9fd;
}
.opa {
background-color: #bfa;
background-color: rgba(255, 255, 255, 0);
.ant-checkbox + span {
font-size: 14px;
font-weight: 400;
color: rgba(0, 0, 0, 0.65);
line-height: 22px;
margin-top: 5px;
}
}
}
// .tab {
@@ -735,4 +812,4 @@ export default {
}
}
}
</style>
</style>