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

添案例接口添多数据情况批量标记弹窗封装新增查答卷查投票抽屉考勤面管添在线注释及清空考和测管内容判断

Browse Source
This commit is contained in:
Ggysh-7
2022-11-21 13:32:21 +08:00
parent 5a9c5ad274
commit 0fe0e74a75
22 changed files with 1259 additions and 1075 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -92,15 +92,14 @@
<div class="left">
<div class="img"></div>
<div class="text" style="margin-left: 10px">已选择</div>
<div class="text2">2</div>
<div class="text2">{{selectedRowKeys.length}}</div>
<div class="text">项</div>
<div class="text3">列表选项总计：</div>
<div class="text4">9条</div>
<div class="text4">{{tableData.length}}条</div>
</div>
<div class="right">清空</div>
<div class="right" @click="clearLine">清空</div>
</div>
</div>
<!-- <div class="pad"></div> -->
<div class="tableBox" style="margin-top: 30px">
<a-table
@@ -108,34 +107,14 @@
:columns="tableDataFunc()"
:data-source="tableData"
:loading="tableDataTotal === -1 ? true : false"
expandRowByClick="true"
@expand="expandTable"
:scroll="{ x: 1300 }"
:pagination="false"
:row-selection="{
columnWidth: 30,
selectedRowKeys: selectedRowKeys,
onChange: onSelectChange,
}"
/>
</div>
<!-- <div class="tab" style="margin-top: 20px; margin-bottom: 100px">
<a-table
style="border: 1px solid #f2f6fe"
:columns="tablecolumns"
:data-source="tabledata"
:loading="tableDataTotal === -1 ? true : false"
expandRowByClick="true"
:scroll="{ x: 900, y: 350 }"
@expand="expandTable"
:pagination="false"
:row-selection="{
columnWidth: 30,
selectedRowKeys: selectedRowKeys,
onChange: onSelectChange,
}"
/>
</div> -->
</div>
<div class="btnn">
<button class="btn1">取消</button>
@@ -296,7 +275,6 @@ export default {
pageSize: 10,
currentPage: 1,
tableDataTotal: 100,
selectedRowKeys: [],
signQRvisible:false, //二维码弹窗
qdModal: false, //批量签到
singleqjModal: false, //单独请假
@@ -347,6 +325,7 @@ export default {
label: "项目四",
},
],
selectedRowKeys: [],
tableData: [
{
key: 1,
@@ -456,8 +435,6 @@ export default {
state.Evisible = true;
};
const onSelectChange = (selectedRowKeys) => {
console.log("selectedRowKeys changed: ", selectedRowKeys);
state.selectedRowKeys = selectedRowKeys;
};
@@ -514,14 +491,12 @@ export default {
{
title: "姓名",
dataIndex: "name",
// width: "30%",
key: "name",
width: 50,
align: "center",
className: "classify",
scopedSlots: { customRender: "action" }, //引入的插槽
customRender: (text) => {
// console.log(text.record.checked1);
return (
<div class="racona">
<span> {text.record.name}</span>
@@ -532,7 +507,6 @@ export default {
{
title: "所在部门",
dataIndex: "com",
// width: "30%",
key: "com",
width: 50,
align: "center",
@@ -585,18 +559,14 @@ export default {
key: "opacation",
width: 130,
align: "center",
// scopedSlots: { customRender: "action" }, //引入的插槽
// customRender: () => {
// return (
// <div class="opa">
// <a-checkbox-group />
// </div>
// );
// },
},
];
return columns;
};
//清空所选
const clearLine = ()=> {
state.selectedRowKeys=[]
}
const showqdModal = () => {
state.qdModal = true;
};
@@ -632,6 +602,7 @@ export default {
onSelectChange,
showEntryScore,
tableDataFunc,
clearLine,
showqdModal,
closeqdModal,
showsingleqdModal,
@@ -654,9 +625,7 @@ export default {
}
.largeDrawerStyle {
// width: 80%;
.ant-drawer-content-wrapper {
// max-width: 1000px;
.ant-drawer-header {
display: none !important;
}
@@ -665,7 +634,6 @@ export default {
.drawerMain {
min-width: 600px;
margin: 0px 32px 0px 32px;
// overflow-x: auto;
display: flex;
flex-direction: column;
height: 100%;
@@ -675,7 +643,6 @@ export default {
display: flex;
justify-content: space-between;
align-items: center;
// background-color: red;
margin-bottom: 20px;
flex-shrink: 0;
.headerTitle {
@@ -683,13 +650,9 @@ export default {
font-weight: 600;
color: #333333;
line-height: 25px;
// margin-left: 24px;
}
}
.centermain {
// width: 100%;
// height: 100%;
// background-color: #bfa;
flex: 1;
overflow-y: auto;
margin-bottom: 75px;
@@ -721,13 +684,6 @@ export default {
margin-top: 8px;
white-space: nowrap;
}
// .name {
// margin-top: 8px;
// color: rgba(0, 0, 0, 0.85);
// font-size: 14px;
// font-weight: 400;
// }
}
}
@@ -826,13 +782,12 @@ export default {
height: 100%;
display: flex;
justify-content: space-between;
// background-color: #bfa;
.left {
height: 100%;
display: flex;
align-items: center;
.img {
width: 14px;
width: 15px;
height: 15px;
background-image: url(../../assets/images/leveladd/gan.png);
background-size: 100% 100%;
@@ -861,18 +816,9 @@ export default {
}
}
}
.pad {
width: 96%;
height: 10px;
background-color: #fff;
position: absolute;
}
.tableBox {
// margin-bottom: 80px;
.classify {
// margin-left: 11px !important;
// padding-left: 9px !important;
padding-left: 0px !important;
}
.ant-checkbox-wrapper {
@@ -881,7 +827,6 @@ export default {
}
.ant-table-selection-column {
padding: 0px !important;
// padding-left: 45px !important;
}
.ant-table-thead > tr > th {
background-color: rgba(239, 244, 252, 1);
@@ -895,35 +840,13 @@ export default {
> td {
background: #f6f9fd;
}
// .opa {
// background-color: #bfa;
// }
}
// .tab {
// .ant-table-thead > tr > th {
// background-color: rgba(239, 244, 252, 1) !important;
// }
// th.h {
// background-color: #eff4fc !important;
// }
// .ant-table-tbody
// > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
// > td {
// background: #f6f9fd;
// }
// }
}
.btnn {
height: 72px;
width: 100%;
// position: absolute;
background-color: #fff;
// bottom: 0;
// left: 0;
display: flex;
// display: none;
align-items: center;
justify-content: center;
box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
@@ -948,12 +871,6 @@ export default {
}
}
}
// .botm {
// width: 100%;
// height: 90px;
// // background-color: red;
// // flex-shrink: 1;
// }
}
}
}