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

添加考勤插件

21-tall-login
song 4 years ago
parent
345c123396
commit
33577e299e
1 changed files with 266 additions and 86 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. 352
      index.html

352
index.html
View File

@ -47,52 +47,70 @@
<!-- 示例插件2 id=100-->
<button class="bg-blue-500 py-2 px-5 rounded text-white" onclick="p100.show()">测试组建2</button>
<div data-tname="患者转归" data-pid="1420652719055839232" data-uid="1217647686598135808" data-rid="rid333" data-tid="tid444" data-did="did555" style="height:50px;width:100%">
<!-- 患者转归插件 -->
<div data-root="p1419896010171490304" class="flex flex-row items-center" style="height:100%;width:100%;">
<div class="flex-1 title"></div>
<div class="flex flex-nowrap startBtn mr-2">
<button class="bg-blue-500 text-xs rounded-full py-1 px-5 text-white" onclick="p1419896010171490304.show()">选择</button>
<div data-tname="考勤" data-pid="1432907706779574272" data-uid="1218763410024566784" data-rid="rid333" data-tid="tid444" data-did="did555" style="height:50px;width:100%">
<!-- 考勤插件 -->
<div data-root="p1432643387798069248" class="flex flex-row justify-space items-center" style="height:100%;width:100%;">
<div class="title"></div>
<div class="flex flex-1 flex-row">
<!-- 早打卡 -->
<div class="flex-1">
<button class="morningClockBtn bg-blue-500 text-xs rounded-md py-1 px-3 text-white" onclick="p1432643387798069248.punch(0)">早打卡</button>
<div style="position: relative;float: left;">
<div class="morningClockText" style="display: none;font-weight: 700;"></div>
<span class="morningDot rounded-full bg-red-500" style="position: absolute;top: 0;right: -10px;width: 8px;height: 8px;display: none;"></span>
</div>
<div class="morningClockReject" style="text-decoration:line-through;color: #f00;font-weight: 700;display: none;"></div>
<div class="morningClockAgree" style="color: #13acc4;font-weight: 700;display: none;"></div>
</div>
<!-- 晚打卡 -->
<div class="flex-1">
<button class="nightClockBtn bg-blue-500 text-xs rounded-md py-1 px-3 text-white" onclick="p1432643387798069248.punch(1)">晚打卡</button>
<div style="position: relative;float: left;">
<span class="nightClockText" style="display: none;font-weight: 700;"></span>
<span class="nightDot rounded-full bg-red-500" style="position: absolute;top: 0;right: -10px;width: 8px;height: 8px;display: none;"></span>
</div>
<span class="nightClockReject" style="text-decoration:line-through;color: #f00;font-weight: 700;display: none;"></span>
<span class="nightClockAgree" style="color: #13acc4;font-weight: 700;display: none;"></span>
</div>
</div>
<div class="flex flex-nowrap statusBtn mr-2" style="display: none">
<button class="text-xs rounded-full py-1 px-5 text-white" style="background: #17C432" onclick="p1419896010171490304.show()"></button>
<div class="flex flex-nowrap border py-1 px-3 rounded-md" onclick="p1432643387798069248.show()">
<div class="startBtn mr-1">审核人</div>
<img style="width:15px" src="https://www.tall.wiki/staticrec/icon/down.svg" />
</div>
<div class="flex flex-nowrap ml-4" onclick="p1432643387798069248.jumpDetails(this)">
<img style="width:15px" src="https://www.tall.wiki/staticrec/icon/right.svg" />
</div>
<div style="width: 16px;height:16px"></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="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="p1419896010171490304.hide()">取消</span>
<span class="font-bold">患者转归</span>
<span class="text-blue-500" onclick="p1419896010171490304.choose()">确定</span>
<span class="text-gray-400" onclick="p1432643387798069248.hide()">取消</span>
<span class="font-bold">选择审核人</span>
<span class="text-blue-500" onclick="p1432643387798069248.choose()">确定</span>
</div>
<div class="bg-gray-200" style="width:100%;height: 1px"></div>
<ul class="flex flex-col text-center"></ul>
<ul class="flex flex-col text-center" style="height: 240px;overflow-y: auto;"></ul>
</div>
</div>
</div>
</div>
<script>
var p1419896010171490304 = {
var p1432643387798069248 = {
token: '',
projectId: '',
dom: '',
lists: [
{value: '住院',choose:true},
{value: '留院观察',choose:true},
{value: '院间转诊',choose:true},
{value: '回家',choose:true},
{value: '其他',choose:true}
],
lists: [],
currentIndex: '',
memberId: '', // 打卡人id
checkerId: '', // 审核员id
checkerName: '', // 审核员
id: '', // 记录id
init() {
this.dom = document.querySelector("div[data-root=p1419896010171490304]");
this.dom = document.querySelector("div[data-root=p1432643387798069248]");
var domBox = this.dom.parentNode;
var title = this.dom.querySelector('.title');
title.innerHTML = domBox.getAttribute('data-tname')
console.log('初始化');
// 获取父元素携带的参数
var userId = domBox.getAttribute("data-uid");
this.projectId = domBox.getAttribute("data-pid");
@ -103,7 +121,7 @@
// 获取token
getTokenByUserId(userId){
var that = this
fetch(`https://www.tall.wiki/gateway/tall/v1.0/users/userId?userId=${userId}`)
fetch(`https://test.tall.wiki/gateway/tall/v1.0/users/userId?userId=${userId}`)
.then(function(response) {
return response.json();
})
@ -111,8 +129,8 @@
const { success, code, data, msg } = res;
if (success && code === 200) {
that.token = data.token;
// 批量查询患者急救记录
that.getFirstAidRecord()
// 查询考勤信息
that.getClockQuery()
} else {
console.log('msg: ', msg);
}
@ -120,17 +138,125 @@
},
/**
* 批量查询患者急救记录
* 批量查询打卡信息
* @param {string} projectId 项目id
* @param {Array} codeList
*/
getClockQuery() {
var that = this
var timer = null;
let d = new Date()
let startTime = new Date(d.toISOString().slice(0, 10)).getTime()
const params = JSON.stringify({
param: { projectId: that.projectId, memberIdList: [], startTime, endTime: startTime }
});
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.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 = ''
}
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
*/
getFirstAidRecord() {
getQueryChecker() {
var that = this
var timer = null;
let d = new Date()
const params = JSON.stringify({
param: { projectId: that.projectId }
});
var url = 'https://test.tall.wiki/gateway/defaultwbs/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: { projectId: that.projectId, codeList: ['HZZG'] }
param: { checkerId, id, memberId, dateTime, clockType }
});
var url = 'https://www.tall.wiki/gateway/qcp/v3.0/patient/queryAidRecord';
var url = 'https://test.tall.wiki/gateway/defaultwbs/clock/punch';
fetch(url, {
method: 'POST',
mode: 'cors',
@ -145,20 +271,22 @@
}).then(function(res){
const { success, code, data, msg } = res;
if (success && code === 200) {
that.setDate(data.record.HZZG)
// 查询考勤信息
that.getClockQuery()
} else {
console.log('msg: ', msg);
}
})
},
// 显示选择框
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="p1419896010171490304.chooseItem(${i})">` + this.lists[i].value + '</li>';
list += `<li class="py-3" onclick="p1432643387798069248.chooseItem(${i})">` + this.lists[i].name + '</li>';
}
var ul = this.dom.querySelector('ul');
ul.innerHTML = list
@ -166,14 +294,13 @@
// 选择
chooseItem(index){
this.answer = this.lists[index].value;
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 = '#17C432';
item.style.backgroundColor = '#3b82f6';
}else{
item.classList.remove('text-white');
item.style.backgroundColor = '#fff';
@ -182,66 +309,97 @@
},
/**
* 确定 批量提交急救信息
* 确定 选择审核人
* @param { Array } codeAndAnswerList code和答案
* @param { String } projectId 项目ID
* @param { Number } codeAndAnswerList 提交人类型（0平车 1人）
*/
choose(){
const that = this;
const params = JSON.stringify({
param: {
codeAndAnswerList: [
{
answer: [that.answer],
questionCode: 'HZZG'
}
],
projectId: that.projectId,
userType: 0
}
});
fetch('https://www.tall.wiki/gateway/qcp/v3.0/patient/aidRecord', {
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.setDate()
} else {
console.log('msg: ', msg);
// var lis = that.dom.querySelectorAll('li');
// for (var i = 0; i < lis.length; i++){
// var item = lis[i];
// item.classList.remove('text-white');
// item.style.backgroundColor = '#fff';
// }
}
that.hide()
})
const { dom } = that;
var startBtn = dom.querySelector('.startBtn');
startBtn.innerHTML = that.lists[that.currentIndex].name;
that.checkerId = that.lists[that.currentIndex].memberId
that.hide()
},
// 界面渲染
setDate(res) {
// 界面渲染 0未打卡,1已打卡,2驳回,3审核通过
setDate(morning,morningStatus,night,nightStatus) {
const { dom } = this;
var startBtn = dom.querySelector('.startBtn');
var statusBtn = dom.querySelector('.statusBtn');
startBtn.style.display='none';
statusBtn.style.display='block';
var btn = statusBtn.querySelector('button');
if(!res){
btn.innerHTML = this.lists[this.currentIndex].value;
}else{
btn.innerHTML = res;
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;
}
},
// 取消
@ -249,8 +407,30 @@
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);
},
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');
location.href = `https://test.tall.wiki/checkwork/?pid=${pId}&uid=${uId}`;
}
}
p1419896010171490304.init()
p1432643387798069248.init()
</script>
</div>
</div>

Write Preview
Loading…
Cancel
Save