wally
/
plugin-templete
1
0
Fork 1
Code Issues Releases Wiki Activity
Browse Source

考勤插件

tall-check-work
xuesinan 3 years ago
parent
e549f65eff
commit
7b34d714b9
1 changed files with 338 additions and 337 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 675
      index.html

675
index.html
View File

@ -73,7 +73,7 @@
<span class="nightClockAgree" style="color: #13acc4;font-weight: 700;display: none;"></span>
</div>
</div>
<div class="flex flex-nowrap border py-1 px-3 rounded-md startBtnBox" onclick="p1485171846022434817.show()">
<div class="flex flex-nowrap border border-solid border-gray-200 py-1 px-3 rounded-md startBtnBox" onclick="p1485171846022434817.show()">
<div class="startBtn mr-1">审核人</div>
<img style="width:15px" src="https://www.tall.wiki/staticrec/icon/down.svg" />
</div>
@ -82,7 +82,7 @@
<div class="flex flex-nowrap ml-4" onclick="p1485171846022434817.jumpDetails(this)">
<img style="width:15px" src="https://www.tall.wiki/staticrec/icon/right.svg" />
</div>
<div class="w-screen h-screen fixed z-10 statusChoose bg-black bg-opacity-50" style="display:none;top: 0;left: 0;">
<div class="w-screen h-screen fixed z-10 statusChoose bg-black bg-opacity-50" style="display:none;bottom: 0;left: 0;">
<div class="flex flex-col absolute w-full bg-white" style="bottom: 0;">
<div class="flex flex-row justify-between px-5 py-4">
<span class="text-gray-400" onclick="p1485171846022434817.hide()">取消</span>
@ -90,7 +90,7 @@
<span class="text-blue-500" onclick="p1485171846022434817.choose()">确定</span>
</div>
<div class="bg-gray-200" style="width:100%;height: 1px"></div>
<ul class="flex flex-col text-center" style="height: 240px;overflow-y: auto;"></ul>
<ul class="flex flex-col text-center list-none" style="padding-left: 0; height: 240px; overflow-y: auto;"></ul>
</div>
</div>
</div>
@ -98,359 +98,360 @@
</div>
<script>
var p1485171846022434817 = {
token: '',
projectId: '',
roleId: '',
dom: '',
lists: [],
currentIndex: '',
memberId: '', // 打卡人id
checkerId: '', // 审核员id
checkerName: '', // 审核员
id: '', // 记录id
var p1485171846022434817 = {
token: '',
projectId: '',
roleId: '',
dom: '',
lists: [],
currentIndex: '',
memberId: '', // 打卡人id
checkerId: '', // 审核员id
checkerName: '', // 审核员
id: '', // 记录id
init() {
this.dom = document.querySelector("div[data-root=p1485171846022434817]");
var domBox = this.dom.parentNode;
var title = this.dom.querySelector('.title');
init() {
this.dom = document.querySelector("div[data-root=p1485171846022434817]");
var domBox = this.dom.parentNode;
var title = this.dom.querySelector('.title');
// 获取父元素携带的参数
var userId = domBox.getAttribute("data-uid");
this.projectId = domBox.getAttribute("data-pid");
this.roleId = domBox.getAttribute("data-rid");
this.token = domBox.getAttribute("data-token");
this.getClockQuery();
// 初始化的时候 获取token
// this.getTokenByUserId(userId);
},
// 获取父元素携带的参数
var userId = domBox.getAttribute("data-uid");
this.projectId = domBox.getAttribute("data-pid");
this.roleId = domBox.getAttribute("data-rid");
this.token = domBox.getAttribute("data-token");
this.getClockQuery();
// 初始化的时候 获取token
// this.getTokenByUserId(userId);
},
// 获取token
// getTokenByUserId(userId){
// var that = this
// fetch(`https://www.tall.wiki/gateway/tall3/v3.0/users/userId?userId=${userId}`)
// .then(function(response) {
// return response.json();
// })
// .then(function(res) {
// const { success, code, data, msg } = res;
// if (success && code === 200) {
// that.token = data.token;
// // 查询考勤信息
// 获取token
// getTokenByUserId(userId){
// var that = this
// fetch(`https://www.tall.wiki/gateway/tall3/v3.0/users/userId?userId=${userId}`)
// .then(function(response) {
// return response.json();
// })
// .then(function(res) {
// const { success, code, data, msg } = res;
// if (success && code === 200) {
// that.token = data.token;
// // 查询考勤信息
// } else {
// console.log('msg: ', msg);
// }
// });
// },
// } else {
// console.log('msg: ', msg);
// }
// });
// },
/**
* 批量查询打卡信息
* @param {string} projectId 项目id
* @param {Array} codeList
*/
getClockQuery() {
var that = this
var timer = null;
// let d = new Date()
// let startTime = new Date(d).getTime()
// const params = JSON.stringify({
// param: { projectId: that.projectId,roleId: that.roleId, memberIdList: [], startTime, endTime: startTime }
// });
let startTime = new Date(new Date().toLocaleDateString()).getTime();
let endTime = new Date(new Date().toLocaleDateString()).getTime() + 24 * 60 * 60 * 1000;
const params = JSON.stringify({
param: { projectId: that.projectId,roleId: that.roleId, memberIdList: [], startTime, endTime }
});
var url = 'http://101.201.226.163:7320/v1.0/clock/query';
fetch(url, {
method: 'POST',
/**
* 批量查询打卡信息
* @param {string} projectId 项目id
* @param {Array} codeList
*/
getClockQuery() {
var that = this
var timer = null;
// let d = new Date()
// let startTime = new Date(d).getTime()
// const params = JSON.stringify({
// param: { projectId: that.projectId,roleId: that.roleId, memberIdList: [], startTime, endTime: startTime }
// });
let startTime = new Date(new Date().toLocaleDateString()).getTime();
let endTime = new Date(new Date().toLocaleDateString()).getTime() + 24 * 60 * 60 * 1000;
const params = JSON.stringify({
param: { projectId: that.projectId,roleId: that.roleId, memberIdList: [], startTime, endTime }
});
var url = 'http://101.201.226.163:7320/v1.0/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.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 = ''
}
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.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 = ''
}
if (data[0].recordList[0].lastCheckerName) {
that.checkerName = data[0].recordList[0].lastCheckerName
} else if (data[0].recordList[0].checkerName) {
that.checkerName = data[0].recordList[0].checkerName
} else {
that.checkerName = ''
}
if(data[0].recordList[0].lastCheckerName){
that.checkerName = data[0].recordList[0].lastCheckerName
}else if(data[0].recordList[0].checkerName){
that.checkerName = data[0].recordList[0].checkerName
}else{
that.checkerName = ''
}
let morning = that.format(data[0].recordList[0].morning -0)
let night = that.format(data[0].recordList[0].night -0)
let morningStatus = data[0].recordList[0].morningStatus
let nightStatus = data[0].recordList[0].nightStatus
that.setDate(morning,morningStatus,night,nightStatus)
}
that.getQueryChecker()
} else {
console.log('msg: ', msg);
}
})
},
let morning = that.format(data[0].recordList[0].morning -0)
let night = that.format(data[0].recordList[0].night -0)
let morningStatus = data[0].recordList[0].morningStatus
let nightStatus = data[0].recordList[0].nightStatus
that.setDate(morning,morningStatus,night,nightStatus)
}
that.getQueryChecker()
} else {
console.log('msg: ', msg);
}
})
},
/**
* 查询项目成员列表
* @param {string} projectId 项目id
* @param {Array} codeList
*/
getQueryChecker() {
var that = this
var timer = null;
let d = new Date()
const params = JSON.stringify({
param: { projectId: that.projectId }
});
var url = 'http://101.201.226.163:7320/v1.0/deliver/queryChecker';
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) {
for(var i = 0; i < data.length; i++){
data[i].choose = true
that.lists.push(data[i])
}
// 设置默认检查人
that.checkerName = that.checkerName ? that.checkerName : data[0].name
that.checkerId = that.checkerId ? that.checkerId : data[0].memberId
var startBtn = that.dom.querySelector('.startBtn');
startBtn.innerHTML = that.checkerName;
} else {
console.log('msg: ', msg);
}
})
},
/**
* 查询项目成员列表
* @param {string} projectId 项目id
* @param {Array} codeList
*/
getQueryChecker() {
var that = this
var timer = null;
let d = new Date()
const params = JSON.stringify({
param: { projectId: that.projectId }
});
var url = 'http://101.201.226.163:7320/v1.0/deliver/queryChecker';
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) {
for(var i = 0; i < data.length; i++){
data[i].choose = true
that.lists.push(data[i])
}
// 设置默认检查人
that.checkerName = that.checkerName ? that.checkerName : data[0].name
that.checkerId = that.checkerId ? that.checkerId : data[0].memberId
var startBtn = that.dom.querySelector('.startBtn');
startBtn.innerHTML = that.checkerName;
} 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(clockType){
var that = this
let { checkerId, id, memberId } = that
let d = new Date()
let dateTime = new Date(d).getTime()
const params = JSON.stringify({
param: { checkerId, id, memberId, dateTime, clockType }
});
var url = 'http://101.201.226.163:7320/v1.0/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.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(clockType){
var that = this
let { checkerId, id, memberId } = that
let d = new Date()
let dateTime = new Date(d).getTime()
const params = JSON.stringify({
param: { checkerId, id, memberId, dateTime, clockType }
});
var url = 'http://101.201.226.163:7320/v1.0/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.getClockQuery()
} else {
console.log('msg: ', msg);
}
})
},
// 显示选择框
show(){
console.log('11111111');
var statusChoose = this.dom.querySelector('.statusChoose');
statusChoose.style.display='block';
var list = ''
for (let i=0;i < this.lists.length; i++) {
list += `<li class="py-3" onclick="p1485171846022434817.chooseItem(${i})">` + this.lists[i].name + '</li>';
}
console.log('22222222222', list);
var ul = this.dom.querySelector('ul');
ul.innerHTML = list
},
// 显示选择框
show(){
var statusChoose = this.dom.querySelector('.statusChoose');
statusChoose.style.display='block';
var list = ''
for (let i=0;i < this.lists.length; i++) {
list += `<li class="py-3" onclick="p1485171846022434817.chooseItem(${i})">` + this.lists[i].name + '</li>';
}
var ul = this.dom.querySelector('ul');
ul.innerHTML = list
},
// 选择
chooseItem(index){
this.currentIndex = index;
var lis = this.dom.querySelectorAll('li');
for (var i = 0; i < lis.length; i++){
var item = lis[i];
if (i === index) {
item.classList.add('text-white');
item.style.backgroundColor = '#3b82f6';
} else {
item.classList.remove('text-white');
item.style.backgroundColor = '#fff';
}
}
},
// 选择
chooseItem(index){
this.currentIndex = index;
var lis = this.dom.querySelectorAll('li');
for (var i = 0; i < lis.length; i++){
var item = lis[i];
if(i === index){
item.classList.add('text-white');
item.style.backgroundColor = '#3b82f6';
}else{
item.classList.remove('text-white');
item.style.backgroundColor = '#fff';
}
}
},
/**
* 确定 选择审核人
* @param { Array } codeAndAnswerList code和答案
* @param { String } projectId 项目ID
* @param { Number } codeAndAnswerList 提交人类型（0平车 1人）
*/
choose(){
const that = this;
const { dom } = that;
var startBtn = dom.querySelector('.startBtn');
startBtn.innerHTML = that.lists[that.currentIndex].name;
that.checkerId = that.lists[that.currentIndex].memberId
that.hide()
},
/**
* 确定 选择审核人
* @param { Array } codeAndAnswerList code和答案
* @param { String } projectId 项目ID
* @param { Number } codeAndAnswerList 提交人类型（0平车 1人）
*/
choose(){
const that = this;
const { dom } = that;
var startBtn = dom.querySelector('.startBtn');
startBtn.innerHTML = that.lists[that.currentIndex].name;
that.checkerId = that.lists[that.currentIndex].memberId
that.hide()
},
// 界面渲染 0未打卡,1已打卡,2驳回,3审核通过
setDate(morning,morningStatus,night,nightStatus) {
const { dom } = this;
var morningClockBtn = dom.querySelector('.morningClockBtn');
var morningClockText = dom.querySelector('.morningClockText');
var morningDot = dom.querySelector('.morningDot');
var morningClockAgree = dom.querySelector('.morningClockAgree');
var morningClockReject = dom.querySelector('.morningClockReject');
if(morningStatus === 0){
morningClockBtn.style.display='block';
morningClockText.style.display='none';
morningDot.style.display='none';
morningClockAgree.style.display='none';
morningClockReject.style.display='none';
}
if(morningStatus === 1){
morningClockBtn.style.display='none';
morningClockText.style.display='block';
morningDot.style.display='block';
morningClockAgree.style.display='none';
morningClockReject.style.display='none';
morningClockText.innerHTML = morning;
}
if(morningStatus === 2){
morningClockBtn.style.display='none';
morningClockText.style.display='none';
morningDot.style.display='none';
morningClockAgree.style.display='none';
morningClockReject.style.display='block';
morningClockReject.innerHTML = morning;
}
if(morningStatus === 3){
morningClockBtn.style.display='none';
morningClockText.style.display='none';
morningDot.style.display='none';
morningClockAgree.style.display='block';
morningClockReject.style.display='none';
morningClockAgree.innerHTML = morning;
}
var nightClockBtn = dom.querySelector('.nightClockBtn');
var nightClockText = dom.querySelector('.nightClockText');
var nightDot = dom.querySelector('.nightDot');
var nightClockAgree = dom.querySelector('.nightClockAgree');
var nightClockReject = dom.querySelector('.nightClockReject');
if(nightStatus === 0){
nightClockBtn.style.display='block';
nightClockText.style.display='none';
nightDot.style.display='none';
nightClockAgree.style.display='none';
nightClockReject.style.display='none';
}
if(nightStatus === 1){
nightClockBtn.style.display='none';
nightClockText.style.display='block';
nightDot.style.display='block';
nightClockAgree.style.display='none';
nightClockReject.style.display='none';
nightClockText.innerHTML = night;
}
if(nightStatus === 2){
nightClockBtn.style.display='none';
nightClockText.style.display='none';
nightDot.style.display='none';
nightClockAgree.style.display='none';
nightClockReject.style.display='block';
nightClockReject.innerHTML = night;
}
if(nightStatus === 3){
nightClockBtn.style.display='none';
nightClockText.style.display='none';
nightDot.style.display='none';
nightClockAgree.style.display='block';
nightClockReject.style.display='none';
nightClockAgree.innerHTML = night;
}
// 界面渲染 0未打卡,1已打卡,2驳回,3审核通过
setDate(morning,morningStatus,night,nightStatus) {
const { dom } = this;
var morningClockBtn = dom.querySelector('.morningClockBtn');
var morningClockText = dom.querySelector('.morningClockText');
var morningDot = dom.querySelector('.morningDot');
var morningClockAgree = dom.querySelector('.morningClockAgree');
var morningClockReject = dom.querySelector('.morningClockReject');
if(morningStatus === 0){
morningClockBtn.style.display='block';
morningClockText.style.display='none';
morningDot.style.display='none';
morningClockAgree.style.display='none';
morningClockReject.style.display='none';
}
if(morningStatus === 1){
morningClockBtn.style.display='none';
morningClockText.style.display='block';
morningDot.style.display='block';
morningClockAgree.style.display='none';
morningClockReject.style.display='none';
morningClockText.innerHTML = morning;
}
if(morningStatus === 2){
morningClockBtn.style.display='none';
morningClockText.style.display='none';
morningDot.style.display='none';
morningClockAgree.style.display='none';
morningClockReject.style.display='block';
morningClockReject.innerHTML = morning;
}
if(morningStatus === 3){
morningClockBtn.style.display='none';
morningClockText.style.display='none';
morningDot.style.display='none';
morningClockAgree.style.display='block';
morningClockReject.style.display='none';
morningClockAgree.innerHTML = morning;
}
var nightClockBtn = dom.querySelector('.nightClockBtn');
var nightClockText = dom.querySelector('.nightClockText');
var nightDot = dom.querySelector('.nightDot');
var nightClockAgree = dom.querySelector('.nightClockAgree');
var nightClockReject = dom.querySelector('.nightClockReject');
if(nightStatus === 0){
nightClockBtn.style.display='block';
nightClockText.style.display='none';
nightDot.style.display='none';
nightClockAgree.style.display='none';
nightClockReject.style.display='none';
}
if(nightStatus === 1){
nightClockBtn.style.display='none';
nightClockText.style.display='block';
nightDot.style.display='block';
nightClockAgree.style.display='none';
nightClockReject.style.display='none';
nightClockText.innerHTML = night;
}
if(nightStatus === 2){
nightClockBtn.style.display='none';
nightClockText.style.display='none';
nightDot.style.display='none';
nightClockAgree.style.display='none';
nightClockReject.style.display='block';
nightClockReject.innerHTML = night;
}
if(nightStatus === 3){
nightClockBtn.style.display='none';
nightClockText.style.display='none';
nightDot.style.display='none';
nightClockAgree.style.display='block';
nightClockReject.style.display='none';
nightClockAgree.innerHTML = night;
}
var startBtnBox = dom.querySelector('.startBtnBox');
var startText = dom.querySelector('.startText');
if(morningStatus && morningStatus !== 0 && nightStatus && nightStatus!== 0){
startBtnBox.style.display='none';
startText.style.display='block';
startText.innerHTML = this.checkerName;
}
},
var startBtnBox = dom.querySelector('.startBtnBox');
var startText = dom.querySelector('.startText');
if(morningStatus && morningStatus !== 0 && nightStatus && nightStatus!== 0){
startBtnBox.style.display='none';
startText.style.display='block';
startText.innerHTML = this.checkerName;
}
},
// 取消
hide(){
var statusChoose = this.dom.querySelector('.statusChoose');
statusChoose.style.display='none';
},
// 取消
hide(){
var statusChoose = this.dom.querySelector('.statusChoose');
statusChoose.style.display='none';
},
// 时间戳转时间格式
format(shijianchuo){
//shijianchuo是整数，否则要parseInt转换
var time = new Date(shijianchuo);
// 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);
},
// 时间戳转时间格式
format(shijianchuo){
//shijianchuo是整数，否则要parseInt转换
var time = new Date(shijianchuo);
// 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);
},
add0(m){return m<10?'0'+m:m },
add0(m){return m<10?'0'+m:m },
// // 跳转详情
// jumpDetails(that) {
// const pId = this.dom.parentNode.getAttribute('data-pid');
// const uId = this.dom.parentNode.getAttribute('data-uid');
// const rId = this.dom.parentNode.getAttribute('data-rid');
// location.href = `https://www.tall.wiki/checkwork/?pid=${pId}&uid=${uId}&rid=${rId}`;
// }
}
p1485171846022434817.init()
// // 跳转详情
// jumpDetails(that) {
// const pId = this.dom.parentNode.getAttribute('data-pid');
// const uId = this.dom.parentNode.getAttribute('data-uid');
// const rId = this.dom.parentNode.getAttribute('data-rid');
// location.href = `https://www.tall.wiki/checkwork/?pid=${pId}&uid=${uId}&rid=${rId}`;
// }
}
p1485171846022434817.init()
</script>
</div>
</div>

Write Preview
Loading…
Cancel
Save