-
+
-
- 签到
- 请假
-
-
- 
+ 今日请假
+ 我的请假
+
+
+ 今日请假
+ 我的请假
+ 请假申请
+
+
+ 查看更多
+
+
-
+
+
+
姓名
+ 类型
+ 时间
+ 时长(天)
+ 审核状态
+
-
-
-
-
- 姓名
+
+
- 张三
+ 加班
+ 5.21 9:00 - 5.21 18:00
+ 1
+
+
+ 通过
+
-
+
-
-
-
+
- 张三
+ 请假
+ 5.21 9:00 - 5.21 18:00
+ 1
+ 待审批
+
-
-
-
-
-
-
+
- 
-
- 审核人
-
-
+
- 张三
+ 调休
+ 5.21 9:00 - 5.21 18:00
+ 1
+ 待审批
-
-
-
+
- 取消
- 选择审核人
- 确定
+
+
-
- 张三
+ 弹性
+ 5.21 9:00 - 5.21 18:00
+ 1
+ 待审批
-
@@ -144,23 +193,15 @@
roleId: '',
dom: '',
lists: [],
- recordList: [], // 打卡列表
- recordTime: '', // 打卡列表时间
- currentIndex: '',
- memberId: '', // 打卡人id
+ currentIndex: '', // 当前点击的审核人下标
checkerId: '', // 审核员id
- id: '', // 记录id
- today: '', // 今天日期
- clockType: -1, // 打卡类型 0 早打卡 1 晚打卡
+ currReviewer: 1, // 当前选择的审核人等级
init() {
this.dom = document.querySelector("div[data-root=p1473554031225085952]");
var domBox = this.dom.parentNode;
var title = this.dom.querySelector('.title');
- let currTime = new Date();
- this.today = currTime.getFullYear() + '-' + (currTime.getMonth() + 1) + '-' + currTime.getDate();
-
// 获取父元素携带的参数
var userId = domBox.getAttribute("data-uid");
this.projectId = domBox.getAttribute("data-pid");
@@ -189,75 +230,12 @@
},
/**
- * 批量查询打卡信息
+ * 批量查询请假信息
* @param {string} projectId 项目id
* @param {Array} codeList
*/
getClockQuery() {
- var that = this
- var timer = null;
- // let d = new Date()
- // let startTime = new Date(d).getTime()
- let startTime = new Date(new Date(new Date().toLocaleDateString()).getTime()).getTime();
- let endTime = new Date(new Date(new Date().toLocaleDateString()).getTime()+24*60*60*1000-1).getTime();
- const params = JSON.stringify({
- param: { projectId: that.projectId,roleId: that.roleId, memberIdList: [], startTime, endTime }
- });
- var url = 'https://test.tall.wiki/gateway/defaultwbs/clock/query';
- fetch(url, {
- method: 'POST',
- mode: 'cors',
- body: params,
- headers: new Headers({
- 'Authorization': 'Bearer ' + that.token ,'Content-Type': 'application/json;charset=utf-8'
- })
- }).then(function(response) {
- return response.json();
- }).catch(function(error){
- console.error('Error:', error)
- }).then(function(res){
- const { success, code, data, msg } = res;
- if (success && code === 200) {
- if(data && data.length && data[0].recordList && data[0].recordList.length){
- that.recordList = data[0].recordList;
- that.recordTime = data[0].dateTime;
-
- let html = '';
- for (let i = 0; i < that.recordList.length; i++) {
- html += ``;
- }
- that.dom.querySelector('.record-wrap').innerHTML = html;
-
- for (let i = 0; i < that.recordList.length; i++) {
- that.renderData(i);
- }
-
- that.memberId = data[0].recordList[0].memberId
- that.id = data[0].recordList[0].id
-
- // 审核人
- if (data[0].recordList[0].lastCheckerId) {
- that.checkerId = data[0].recordList[0].lastCheckerId
- } else if(data[0].recordList[0].checkerId) {
- that.checkerId = data[0].recordList[0].checkerId
- } else{
- that.checkerId = that.lists[0].memberId;
- }
-
- let checkerName = '';
- if (data[0].recordList[0].lastCheckerName) {
- checkerName = data[0].recordList[0].lastCheckerName;
- } else if (data[0].recordList[0].checkerName) {
- checkerName = data[0].recordList[0].checkerName;
- } else {
- checkerName = that.lists[0].name;
- }
- that.dom.querySelector('.checker').innerHTML = checkerName;
- }
- } else {
- console.log('msg: ', msg);
- }
- })
+
},
/**
@@ -291,48 +269,7 @@
data[i].choose = true
that.lists.push(data[i])
}
- // 查询考勤信息
- that.getClockQuery()
- } else {
- console.log('msg: ', msg);
- }
- })
- },
-
- /**
- * 打卡
- * @param {string} checkerId 审核员id
- * @param {string} clockType 打卡类型 0-早,1-晚
- * @param {string} dateTime 打卡日期
- * @param {string} id 记录id(没有则不传)
- * @param {string} memberId 成员id
- */
- punch(){
- var that = this
- let { checkerId, id, memberId, clockType } = that
- let d = new Date()
- let dateTime = new Date(d).getTime()
- let remark = that.dom.querySelector('.punch-reason').value;
- const params = JSON.stringify({
- param: { checkerId, id, memberId, dateTime, clockType, remark }
- });
- var url = 'https://test.tall.wiki/gateway/defaultwbs/clock/punch';
- fetch(url, {
- method: 'POST',
- mode: 'cors',
- body: params,
- headers: new Headers({
- 'Authorization': 'Bearer ' + that.token ,'Content-Type': 'application/json;charset=utf-8'
- })
- }).then(function(response) {
- return response.json();
- }).catch(function(error) {
- console.error('Error:', error)
- }).then(function(res){
- const { success, code, data, msg } = res;
- if (success && code === 200) {
- that.hidePopup();
- // 查询考勤信息
+ // 查询请假信息
that.getClockQuery()
} else {
console.log('msg: ', msg);
@@ -340,25 +277,31 @@
})
},
- // 显示打卡弹框
- showPopup(type){
+ // 显示申请弹框
+ showPopup(){
var clockInPopup = this.dom.querySelector('.clockInPopup');
clockInPopup.style.display = 'block';
- this.clockType = type;
- let time = this.format(new Date());
- let clockIn = this.dom.querySelector('.clockIn');
- clockIn.value = time;
+ let time = this.format(new Date()); // 当前时间
+ let arr = time.split(' ');
+ // 默认开始时间
+ let startTime = arr[0] + 'T' + '09:00';
+ this.dom.querySelector('.start-time').value = startTime;
+ // 默认结束时间
+ let endTime = arr[0] + 'T' + '18:00';
+ this.dom.querySelector('.end-time').value = endTime;
},
- // 隐藏打卡弹框
+ // 隐藏申请弹框
hidePopup() {
var clockInPopup = this.dom.querySelector('.clockInPopup');
clockInPopup.style.display = 'none';
},
// 显示选择框
- show(){
+ show(type){
+ this.currReviewer = type; // 当前选择的审核人等级
+
var statusChoose = this.dom.querySelector('.statusChoose');
statusChoose.style.display='block';
var list = ''
@@ -393,10 +336,7 @@
*/
choose(){
const that = this;
- const { dom } = that;
- var startBtn = dom.querySelector('.startBtn');
- startBtn.innerHTML = that.lists[that.currentIndex].name;
- that.dom.querySelector('.checker').innerHTML = that.lists[that.currentIndex].name;
+ that.dom.querySelector('.reviewer-' + that.currReviewer).value = that.lists[that.currentIndex].name;
that.checkerId = that.lists[that.currentIndex].memberId;
that.hide();
},
@@ -407,279 +347,17 @@
statusChoose.style.display='none';
},
- // 显示操作面板
- showAction(index, type) {
- for (let i = 0; i < this.recordList.length; i++) {
- this.renderData(i);
- }
-
- let action = '';
- if (type === 'morning') {
- action = this.dom.querySelector('.morning-action-' + index);
- } else {
- action = this.dom.querySelector('.night-action-' + index);
- }
- action.style.display = 'inline-block';
- },
-
- // 隐藏操作面板
- hideAction(index, type) {
- let action = '';
- if (type === 'morning') {
- action = this.dom.querySelector('.morning-action-' + index);
- } else {
- action = this.dom.querySelector('.night-action-' + index);
- }
-
- action.style.display = 'none';
- },
-
- // 确认、驳回
- rejectStatus(index, type, timeType) {
- let record = this.recordList[index];
- const param = { id: record.id, type: type, projectId: this.projectId };
- if (timeType === 'morning') {
- param.morning = record.morning;
- } else {
- param.night = record.night;
- }
- this.handleClockAudit(param, index);
- },
-
- // 修改时间
- changeTimeData(time, index, type) {
- let record = this.recordList[index];
- let date = new Date(this.recordTime + ' ' + time);
- let dateTime = date.getTime();
-
- const param = { id: record.id, type: 0, projectId: this.projectId };
- if (type === 'morning') {
- param.morning = dateTime;
- } else {
- param.night = dateTime;
- }
-
- this.handleClockAudit(param, index);
- },
-
- /**
- * 审核打卡
- * @param {string} id 打卡记录id
- * @param {string} morning 早打卡时间
- * @param {string} night 晚打卡时间
- * @param {string} projectId 项目id
- * @param {string} type 审批类型(0-修改,1-驳回,2-通过)
- */
- handleClockAudit(param, index) {
- var that = this
-
- const params = JSON.stringify({
- param: param
- });
- var url = 'https://test.tall.wiki/gateway/defaultwbs/clock/audit';
- fetch(url, {
- method: 'POST',
- mode: 'cors',
- body: params,
- headers: new Headers({
- 'Authorization': 'Bearer ' + that.token ,'Content-Type': 'application/json;charset=utf-8'
- })
- }).then(function(response) {
- return response.json();
- }).catch(function(error){
- console.error('Error:', error)
- }).then(function(res){
- const { success, code, data, msg } = res;
- if (success && code === 200) {
- // that.getClockQuery();
- if (param.morning) {
- if (param.type === 0) { // 修改
- that.recordList[index].morningStatus = 1;
- } else if (param.type === 1) { // 驳回
- that.recordList[index].morningStatus = 2;
- } else if (param.type === 2) { // 审核
- that.recordList[index].morningStatus = 3;
- }
-
- that.recordList[index].morning = param.morning;
- } else {
- if (param.type === 0) { // 修改
- that.recordList[index].nightStatus = 1;
- } else if (param.type === 1) { // 驳回
- that.recordList[index].nightStatus = 2;
- } else if (param.type === 2) { // 审核
- that.recordList[index].nightStatus = 3;
- }
-
- that.recordList[index].night = param.night;
- }
- } else {
- console.log('msg: ', msg);
- }
- that.renderData(index);
- })
- },
-
- // 修改时间
- changePunchTime(index, type) {
- if (type === 'morning') {
- this.dom.querySelector('.morning-input-' + index).style.display = 'block';
- this.dom.querySelector('.morning-time-' + index).style.display = 'none';
- } else {
- this.dom.querySelector('.night-input-' + index).style.display = 'block';
- this.dom.querySelector('.night-time-' + index).style.display = 'none';
- }
-
- this.hideAction(index, type);
- },
-
- // 数据渲染
- renderData(index) {
- let that = this;
- let html = '';
- let record = that.recordList[index];
- let morning = Number(record.morning) ? that.format(Number(record.morning)) : '';
- let night = Number(record.night) ? that.format(Number(record.night)) : '';
-
- html += `打卡
-
-
+
+
+ 打卡原因
-
+ 请假申请
+
+
+
- 时间：
+
-
+ 打卡时间
-
-
-
-
+
+
-
+
+
-
-
审核人
- 周勇
+
+
+
+
+ 类型：
+
+
+
+
+
+
+
+ 时长：
+
+ 天
+
+
+
+ 请假方式：
+
+
+
+
+
+
+ 审核人：
+
+
+
+
+
+
+
+
+
-
+ 取消
- 提交
+ 取消
+ 提交
+
+
+
+ 取消
+ 选择审核人
+ 确定
+
+ ${record.memberName}
`;
-
- html += ``;
- // 早打卡
- html += `
`;
-
- html += ``;
-
- if (!record.isMine && !record.isChecker) {
- if (record.morningStatus === 2) {
- html += `
`;
- html += `${morning}
`;
- } else {
- html += `${morning ? morning : '未打卡'}
`;
- }
- }
-
- if (record.isMine) {
- if (record.morningStatus === 1) {
- html += `${morning}
-
-
`;
- } else if (record.morningStatus === 2) {
- html += `${morning}
`;
- } else if (record.morningStatus === 3) {
- html += `${morning}
`;
- } else {
- html += ``;
- }
- }
-
- if (record.isChecker) {
- html += ``;
-
- if (record.morningStatus === 1) {
- html += `${morning}
-
-
`;
- } else if (record.morningStatus === 2) {
- html += `${morning}
`;
- } else if (record.morningStatus === 3) {
- html += `${morning}
`;
- } else {
- html += `未打卡
`;
- }
- }
-
- // 操作面板
- html += `
-
`;
-
- html += `
-
-
-
-
-
-
- `;
- // 晚打卡
- html += `
`;
-
- let checker = record.lastCheckerId ? record.lastCheckerName : record.checkerName ? record.checkerName : that.lists[0].name;
- html += ``;
-
- if (!record.isMine && !record.isChecker) {
- if (record.nightStatus === 2) {
- html += `
`;
- html += `${night}
`;
- } else {
- html += `${night ? night : '未打卡'}
`;
- }
- } else {
- if (record.isMine) {
- if (record.nightStatus === 1) {
- html += `${night}
-
-
`;
- } else if (record.nightStatus === 2) {
- html += `${night}
`;
- } else if (record.nightStatus === 3) {
- html += `${night}
`;
- } else {
- html += ``;
- }
- }
-
- if (record.isChecker) {
- html += ``;
-
- if (record.nightStatus === 1) {
- html += `${night}
-
-
`;
- } else if (record.nightStatus === 2) {
- html += `${night}
`;
- } else if (record.nightStatus === 3) {
- html += `${night}
`;
- } else {
- html += `未打卡
`;
- }
- }
- }
-
- html += `
-
`;
-
- html += `
-
-
-
-
-
-
- `;
- if (!record.isMine || record.isMine && record.morningStatus && record.nightStatus || that.today !== that.recordTime) {
- html += `
`;
-
- that.dom.querySelector('.record-item-' + index).innerHTML = html;
- },
-
// 时间戳转时间格式
format(shijianchuo){
//shijianchuo是整数，否则要parseInt转换
var time = new Date(shijianchuo);
- // var y = time.getFullYear();
- // var m = time.getMonth()+1;
- // var d = time.getDate();
+ var y = time.getFullYear();
+ var m = time.getMonth()+1;
+ var d = time.getDate();
var h = time.getHours();
var mm = time.getMinutes();
// var s = time.getSeconds();
- return this.add0(h)+':' + this.add0(mm);
+ return this.add0(y) + '-' + this.add0(m) + '-' + this.add0(d) + ' ' + this.add0(h) + ':' + this.add0(mm);
},
add0(m){return m<10?'0'+m:m },
${record.checkerName ? record.checkerName : that.lists[0].name}
`;
- } else {
- html += ``;
- html += ``;
- html += `
`;
- }
- html += `${checker}
`;
- html += ``;
- html += `