diff --git a/src/components/drawers/ActiveAttendance.vue b/src/components/drawers/ActiveAttendance.vue index 9de9e876..cfd25dc2 100644 --- a/src/components/drawers/ActiveAttendance.vue +++ b/src/components/drawers/ActiveAttendance.vue @@ -1,44 +1,32 @@ @@ -367,9 +314,9 @@ export default { tableDataTotalLoading: true, // 表格loading加载配置 beginTime: null, //签到开始时间 endTime: null, //签到结束时间 - selectedStudents:[], - projectName:undefined, - projectName2:undefined, + selectedStudents: [], + projectName: undefined, + projectName2: undefined, codeType: null, codeIndex: null, codeInfo: null, //二维码内容 @@ -408,24 +355,24 @@ export default { // 计算签到时间 const isSignClick = () => { // debugger - console.log("计算签到时间", props.datasource); - let beginTime = new Date(props.datasource.startTime).getTime(); - let endTime = !props.datasource.afterStart - ? new Date(props.datasource.endTime).getTime() - : new Date(props.datasource.startTime).getTime(); + console.log("计算签到时间", props.datasource.info); + let beginTime = new Date(props.datasource.info.liveStartTime).getTime(); + let endTime = !props.datasource.info.afterSignIn + ? new Date(props.datasource.info.liveEndTime).getTime() + : new Date(props.datasource.info.liveStartTime).getTime(); - if (props.datasource.beforeStart && props.datasource.afterStart) { + if (props.datasource.info.beforeSignIn && props.datasource.info.afterSignIn) { //有开始前有开始后 - beginTime = beginTime - props.datasource.beforeStart * 60 * 1000; - endTime = endTime + props.datasource.afterStart * 60 * 1000; + beginTime = beginTime - props.datasource.info.beforeSignIn * 60 * 1000; + endTime = endTime + props.datasource.info.afterSignIn * 60 * 1000; console.log("1111", beginTime, endTime); - } else if (props.datasource.beforeStart && !props.datasource.afterStart) { + } else if (props.datasource.info.beforeSignIn && !props.datasource.info.afterSignIn) { //只有开始前无开始后 - beginTime = beginTime - props.datasource.beforeStart * 60 * 1000; + beginTime = beginTime - props.datasource.info.beforeSignIn * 60 * 1000; console.log("11112222", beginTime); - } else if (!props.datasource.beforeStart && props.datasource.afterStart) { + } else if (!props.datasource.info.beforeSignIn && props.datasource.info.afterSignIn) { //无开始前有开始后 - endTime = endTime + props.datasource.afterStart * 60 * 1000; + endTime = endTime + props.datasource.info.afterSignIn * 60 * 1000; console.log("1111333", endTime); } @@ -437,6 +384,8 @@ export default { const afterVisibleChange = (bol) => { if (bol == true) { console.log("当前是什么类型", props.datasource.type); + console.log("当前是什么类型", props.datasource); + state.tableDataTotalLoading = true; getTableData(); isSignClick(); @@ -447,7 +396,7 @@ export default { // debugger console.log('当前是项目还是路径图 1 路径图 2 项目', props) console.log('当前是项目还是路径图 1 路径图 2 项目', props.types) - if ( props.datasource.type == 6 && props.types==1 || props.datasource.type == 9 && props.types==1) { + if (props.datasource.type == 6 && props.types == 1 || props.datasource.type == 9 && props.types == 1) { // 此处为获取评估学员的接口 - 如后续还有用到此接口的公共任务可直接在if里面加||判断即可 console.log("我是传递的查询参数", { pageNo: state.currentPage, @@ -478,9 +427,9 @@ export default { console.log(res); if (res.status == 200) { let keyarr = [] - for(let i =0;i { + //批量签到 + const batchSign = () => { let obj = { courseId: Number(props.datasource.courseId), routerId: Number(props.datasource.routerId), @@ -623,7 +572,7 @@ export default { customRender: (text) => { return (
- {text.record.studentUserNo?text.record.studentUserNo:"-"} + {text.record.studentUserNo ? text.record.studentUserNo : "-"}
); }, @@ -639,7 +588,7 @@ export default { customRender: (text) => { return (
- {text.record.studentName?text.record.studentName:"-"} + {text.record.studentName ? text.record.studentName : "-"}
); }, @@ -655,7 +604,7 @@ export default { customRender: (text) => { return (
- {text.record.studentDepartName?text.record.studentDepartName:"-"} + {text.record.studentDepartName ? text.record.studentDepartName : "-"}
); }, @@ -671,7 +620,7 @@ export default { customRender: (text) => { return (
- {text.record.studentJobName?text.record.studentJobName:"-"} + {text.record.studentJobName ? text.record.studentJobName : "-"}
); }, @@ -686,7 +635,7 @@ export default { customRender: (text) => { return (
- {text.record.signTime?text.record.signTime:"-"} + {text.record.signTime ? text.record.signTime : "-"}
); }, @@ -706,8 +655,8 @@ export default { {text.record.signStatus ? "签到" : text.record.leaveStatus - ? "请假" - : "-"} + ? "请假" + : "-"} ); @@ -739,12 +688,12 @@ export default { return (
{ - {/* debugger */} + onClick={() => { + {/* debugger */ } console.log("点击签到", value); // 获取当前时间 - {/* showsingleqdModal(); */} - {/* AttendanceSign */} + {/* showsingleqdModal(); */ } + {/* AttendanceSign */ } let obj = { courseId: Number(props.datasource.courseId), @@ -765,31 +714,31 @@ export default { }; console.log(obj, obj2) state.tableDataTotalLoading = true; - api.AttendanceSign(props.types==1? obj : obj2).then(res=>{ - console.log('res----签到是否成功',res) + api.AttendanceSign(props.types == 1 ? obj : obj2).then(res => { + console.log('res----签到是否成功', res) message.destroy() message.info('签到成功') getTableData(); - }).catch(err=>{ + }).catch(err => { state.tableDataTotalLoading = false; console.log(err) }) }} style="display:flex;justify-content:center;align-items:center;margin-right:12px;cursor:pointer;"> - {value.record.signStatus? -
-
-
: -
+ {value.record.signStatus ? +
+
+
: +
}
签到
{ + onClick={() => { console.log("点击请假", value); - {/* showsingleqjModal(); */} + {/* showsingleqjModal(); */ } - {/* AttendanceLeave */} + {/* AttendanceLeave */ } let obj = { courseId: Number(props.datasource.courseId), routerId: Number(props.datasource.routerId), @@ -808,22 +757,22 @@ export default { }; console.log(obj, obj2) state.tableDataTotalLoading = true; - api.AttendanceLeave(props.types==1? obj : obj2).then(res=>{ - console.log('res----请假是否成功',res) + api.AttendanceLeave(props.types == 1 ? obj : obj2).then(res => { + console.log('res----请假是否成功', res) message.destroy() message.info('请假成功') getTableData(); - }).catch(err=>{ + }).catch(err => { state.tableDataTotalLoading = false; console.log(err) }) }} style="display:flex;justify-content:center;align-items:center;cursor:pointer;"> - {value.record.leaveStatus? -
-
-
: -
+ {value.record.leaveStatus ? +
+
+
: +
}
请假
@@ -840,7 +789,7 @@ export default { state.selectedRowKeys = []; }; const showqdModal = () => { - if(state.selectedStudents.length==0){ + if (state.selectedStudents.length == 0) { message.destroy() message.error('请选择学员') return @@ -876,8 +825,7 @@ export default { name: props.datasource?.name, url: process.env.VUE_APP_BASE_API + - `/admin/student/studentSign?taskId=${ - props.datasource.routerTaskId + `/admin/student/studentSign?taskId=${props.datasource.routerTaskId }&taskType=${props.datasource.type}&type=${2}`, }; console.log("codeInfo", state.codeInfo); @@ -906,23 +854,19 @@ export default { // 导出数据 function exportTaskStu() { - {/* debugger */} + {/* debugger */ } console.log("props.datasource此处的taskId 应该是router_task 表中主键", props.datasource); console.log("props.datasource", props.datasource); - if(props.types==1){ + if (props.types == 1) { window.open( - `${ - process.env.VUE_APP_BASE_API - }/admin/student/exportTaskStudent?currentStageId=${ - props.datasource.chapterId + `${process.env.VUE_APP_BASE_API + }/admin/student/exportTaskStudent?currentStageId=${props.datasource.chapterId }&type=2&pid=${props.datasource.courseId}&thirdType=1&taskId=${props.datasource.id}&taskType=${props.datasource.type}` ); - }else{ + } else { window.open( - `${ - process.env.VUE_APP_BASE_API - }/admin/student/exportTaskStudent?currentStageId=${ - props.datasource.stageId + `${process.env.VUE_APP_BASE_API + }/admin/student/exportTaskStudent?currentStageId=${props.datasource.stageId }&type=1&pid=${props.datasource.courseId}&thirdType=1&taskId=${props.datasource.id}&taskType=${props.datasource.type}` ); } @@ -984,14 +928,17 @@ export default { .ant-drawer-header { display: none !important; } + .ant-drawer-body { padding: 0; + .drawerMain { min-width: 600px; margin: 0px 32px 0px 32px; display: flex; flex-direction: column; height: 100%; + .header { height: 73px; border-bottom: 1px solid #e8e8e8; @@ -1000,6 +947,7 @@ export default { align-items: center; margin-bottom: 20px; flex-shrink: 0; + .headerTitle { font-size: 18px; font-weight: 600; @@ -1007,13 +955,16 @@ export default { line-height: 25px; } } + .centermain { flex: 1; overflow-y: auto; margin-bottom: 75px; padding-right: 10px; + .titl { display: flex; + .endtime { font-size: 16px; font-weight: 500; @@ -1021,20 +972,24 @@ export default { white-space: nowrap; } } + .search { width: 100%; display: flex; flex-wrap: wrap; margin-top: 20px; justify-content: space-between; + .leftchoose { display: flex; margin-right: 20px; flex-wrap: wrap; + .namecon { display: flex; flex-wrap: nowrap; margin-bottom: 10px; + .name { margin-top: 8px; white-space: nowrap; @@ -1054,6 +1009,7 @@ export default { display: flex; justify-content: center; align-items: center; + .img1 { width: 15px; height: 17px; @@ -1061,6 +1017,7 @@ export default { background-size: 100% 100%; margin-right: 7px; } + .img2 { width: 16px; height: 18px; @@ -1075,6 +1032,7 @@ export default { color: #ffffff; } + .btn2 { background: #ffffff; @@ -1083,6 +1041,7 @@ export default { } } } + .btnss { display: flex; flex-wrap: nowrap; @@ -1095,6 +1054,7 @@ export default { display: flex; justify-content: center; align-items: center; + .img1 { width: 15px; height: 17px; @@ -1102,6 +1062,7 @@ export default { background-size: 100% 100%; margin-right: 7px; } + .img2 { width: 17px; height: 16px; @@ -1116,6 +1077,7 @@ export default { margin-right: 20px; color: #ffffff; } + .btn2 { background: #ffffff; margin-right: 20px; @@ -1123,6 +1085,7 @@ export default { border: 1px solid #4ea6ff; } } + .line { width: 100%; height: 40px; @@ -1132,34 +1095,41 @@ export default { align-items: center; margin-top: 20px; border: 1px solid #c3e6fc; + .inline { width: 95%; height: 100%; display: flex; justify-content: space-between; + .left { height: 100%; display: flex; align-items: center; + .img { width: 15px; height: 15px; background-image: url(../../assets/images/leveladd/gan.png); background-size: 100% 100%; } + .text { color: #999ba3; } + .text2 { color: #4ea6ff; margin-left: 5px; margin-right: 5px; } + .text3 { color: #999ba3; margin-left: 20px; } } + .right { font-size: 14px; font-weight: 400; @@ -1171,31 +1141,35 @@ export default { } } } + .tableBox { .classify { padding-left: 0px !important; } + .ant-checkbox-wrapper { align-items: center; margin-top: -2px; } + .ant-table-selection-column { padding: 0px !important; } - .ant-table-thead > tr > th { + + .ant-table-thead>tr>th { background-color: rgba(239, 244, 252, 1); } + th.h { background-color: #eff4fc !important; } - .ant-table-tbody - > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) - > td { + .ant-table-tbody>tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)>td { background: #f6f9fd; } } } + .btnn { height: 72px; width: 100%; @@ -1204,6 +1178,7 @@ export default { align-items: center; justify-content: center; box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16); + .btn1 { width: 100px; height: 40px; @@ -1213,6 +1188,7 @@ export default { background-color: #fff; cursor: pointer; } + .btn2 { cursor: pointer; width: 100px;