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

发证

tiaosheng-ms-certificate
xuesinan 4 years ago
parent
4bb8a2d5c8
commit
c60f5b16a5
1 changed files with 12 additions and 209 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. 221
      index.html

221
index.html
View File

@ -43,75 +43,16 @@
<button class="bg-blue-500 py-2 px-5 rounded text-white" onclick="p100.show()">测试组建2</button>
<div data-tname="考勤" data-pid="1452228106302791680" data-uid="1217647686598135808" data-rid="rid333" data-tid="tid444" data-did="did555" style="height:50px;width:100%">
<div data-root="p1452841234849865728" style="height:100%;width:100%;">
<div class="apply-box flex justify-between items-center">
<div class="apply-title text-sm">待审核结业申请</div>
<div onclick="p1432643387798069248.getList()">
<img style="width: 15px;" src="https://www.tall.wiki/staticrec/icon/right.svg" />
</div>
</div>
<div class="mt-2.5 border-t border-gray-200">
<div class="p-2 flex justify-between items-center w-full border-b border-gray-200 text-sm">
<p class="text-gray-400">姓名</p>
<div class="action flex items-center">
<button class="mr-2.5 px-2.5 h-6 border border-gray-300 rounded text-gray-500 text-sm" onclick="">驳回</button>
<button class="bg-blue-500 px-2.5 h-6 rounded text-white text-sm" onclick="">通过</button>
</div>
</div>
<div class="p-2 flex justify-between items-center w-full border-b border-gray-200 text-sm">
<p class="text-gray-400">姓名</p>
<div class="action flex items-center">
<button class="mr-2.5 px-2.5 h-6 border border-gray-300 rounded text-gray-500 text-sm" onclick="">驳回</button>
<button class="bg-blue-500 px-2.5 h-6 rounded text-white text-sm" onclick="">通过</button>
</div>
</div>
<div class="p-2 flex justify-between items-center w-full border-b border-gray-200 text-sm">
<p class="text-gray-400">姓名</p>
<div class="action flex items-center">
<button class="mr-2.5 px-2.5 h-6 border border-gray-300 rounded text-gray-500 text-sm" onclick="">驳回</button>
<button class="bg-blue-500 px-2.5 h-6 rounded text-white text-sm" onclick="">通过</button>
</div>
</div>
</div>
<div class="certificate-box mt-2.5 px-2 py-1 flex justify-between w-full border border-gray-200 rounded-sm text-sm" style="display: none;">
<p class="w-20 flex-shrink-0 text-gray-400">证书</p>
<div class="certificate py-1 flex justify-end" style="max-width: 100px; max-height: 100px;">
<img class="w-full h-full" onclick="p1452841234849865728.bigImg()" src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Ftupian.qqjay.com%2Fu%2F2018%2F0125%2F1_135434_3.jpg&refer=http%3A%2F%2Ftupian.qqjay.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1637807594&t=b94f71aa1714081ca1e48a1da3b9ca1d" />
</div>
</div>
<div class="img-preview fixed inset-0 bg-black bg-opacity-60 p-4 flex justify-center items-center" style="display: none;">
<img id="img" src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Ftupian.qqjay.com%2Fu%2F2018%2F0125%2F1_135434_3.jpg&refer=http%3A%2F%2Ftupian.qqjay.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1637807594&t=b94f71aa1714081ca1e48a1da3b9ca1d" />
<div data-root="p1453640585348128768" style="height:100%;width:100%;">
<div class="px-2 py-1.5 flex justify-between items-center w-full border border-gray-200 rounded-sm text-sm">
<p class="text-gray-400 truncate" style="width: calc(100vw - 9rem)">已结业学员</p>
<button class="text-xs text-blue-400 border border-blue-400 rounded-full w-10 h-5" onclick="p1453640585348128768.getList()">查看</button>
</div>
</div>
</div>
<script>
let applyTitle = document.querySelector('.apply-title'); // 申请结业标题
let status1 = document.querySelector('.status-1'); // 申请
let status2 = document.querySelector('.status-2'); // 待审核
let status3 = document.querySelector('.status-3'); // 已驳回
let status4 = document.querySelector('.status-4'); // 待发证
let refuseReason = document.querySelector('.refuse-reason'); // 驳回原因
let certificate = document.querySelector('.certificate-box'); // 证书
let preview = document.querySelector('.img-preview'); // 预览
//事件委托就是利用事件冒泡特性，给父元素绑定事件
//parent.contains(child) 判断是否是某个节点的子节点
//e.target 触发事件的源节点
preview.onclick = function(e){
e = window.event || e;
let parentApp = document.getElementById('img');
if(!parentApp.contains(e.target)){
preview.style.display = 'none';
}
}
var p1452841234849865728 = {
var p1453640585348128768 = {
token: '',
projectId: '',
roleId: '',
@ -120,7 +61,7 @@
isShowCertificate: 0,
init() {
this.dom = document.querySelector("div[data-root=p1452841234849865728]");
this.dom = document.querySelector("div[data-root=p1453640585348128768]");
var domBox = this.dom.parentNode;
var title = this.dom.querySelector('.title');
@ -143,158 +84,20 @@
const { success, code, data, msg } = res;
if (success && code === 200) {
that.token = data.token;
// 查询当前培训计划
that.getTrainPlan();
// 查询证书颁发状况（是否审核、是否发证）
that.getCertificateStatus();
} else {
console.log('msg: ', msg);
}
});
},
/**
* 查询当前培训计划
*/
getTrainPlan(){
var that = this;
fetch(`https://test.tall.wiki/gateway/sports/training/get`, {
headers: new Headers({
'Authorization': 'Bearer ' + that.token,
'Content-Type': 'application/json; charset=utf-8'
}),
method: 'POST',
body: JSON.stringify({
param: {projectId: that.projectId}
})
})
.then(function(response) {
return response.json();
})
.then(function(res) {
const { success, code, data, msg } = res;
if (success && code === 200) {
let date = new Date();
let time = date.getTime();
if (data && time > data.startTime) {
isShowCertificate = 1;
}
} else {
console.log('msg: ', msg);
}
});
},
// 查询证书颁发状况（是否审核、是否发证）
getCertificateStatus(){
var that = this;
fetch(`https://test.tall.wiki/gateway/sports/player/certificateStatus`, {
headers: new Headers({
'Authorization': 'Bearer ' + that.token,
'Content-Type': 'application/json; charset=utf-8'
}),
method: 'POST',
body: JSON.stringify({
param: {projectId: that.projectId}
})
})
.then(function(response) {
return response.json();
})
.then(function(res) {
const { success, code, data, msg } = res;
if (success && code === 200) {
if (!data && that.isShowCertificate === 1) { // 尚未提交结业申请
that.renderStatus(0, 0);
} else if (data.completeStatus === 1) { // 已申请结业、待审核
that.renderStatus(1, 0);
} else if (data.completeStatus === 2) { // 结业申请通过
if(data.type === 0) { // 未发证
that.renderStatus(2, 0);
} else { // 已发证
that.renderStatus(2, 1);
}
} else if (data.completeStatus === 3) { // 结业申请驳回
that.renderStatus(3, 0);
}
} else {
console.log('msg: ', msg);
}
});
},
/**
* 数据渲染
* status {int} 申请结业状态 0 待申请 1 已申请待审核 2 已通过 3 已驳回
* type {int} 发证状态 0 未发证 1 已发证
*/
renderStatus(status, type) {
status1.style.display = 'none'; // 申请
status2.style.display = 'none'; // 待审核
status3.style.display = 'none'; // 已驳回
status4.style.display = 'none'; // 待发证
refuseReason.style.display = 'none'; // 驳回原因
certificate.style.display = 'none'; // 证书
if (type === 0) {
applyTitle.innerHTML = '申请结业';
} else {
applyTitle.innerHTML = '结业证书';
certificate.style.display = 'flex';
}
if (status === 0) {
// 未申请
status1.style.display = 'block';
} else if (status === 1) {
// 已申请待审核
status2.style.display = 'block';
} else if (status === 2) {
// 申请已通过
if (type === 0) {
status4.style.display = 'block';
}
} else if (status === 3) {
// 申请已驳回
status3.style.display = 'block';
refuseReason.style.display = 'flex';
}
getList() {
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://test.tall.wiki/ts/checked?pid=${pId}&uid=${uId}&rid=${rId}`
},
// 申请结业
applyGraduation() {
var that = this;
fetch(`https://test.tall.wiki/gateway/sports/player/complete`, {
headers: new Headers({
'Authorization': 'Bearer ' + that.token,
'Content-Type': 'application/json; charset=utf-8'
}),
method: 'POST',
body: JSON.stringify({
param: {projectId: that.projectId}
})
})
.then(function(response) {
return response.json();
})
.then(function(res) {
const { success, code, data, msg } = res;
if (success && code === 200) {
that.renderStatus(1, 0);
} else {
console.log('msg: ', msg);
}
});
},
// 预览证书
bigImg() {
preview.style.display = 'flex';
}
}
p1452841234849865728.init()
p1453640585348128768.init()
</script>
</div>
</div>

Write Preview
Loading…
Cancel
Save