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

申请结业

tiaosheng-xy-graduation
xuesinan 4 years ago
parent
3679745a66
commit
b708b294fa
1 changed files with 85 additions and 10 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. 95
      index.html

95
index.html
View File

@ -45,19 +45,19 @@
<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="text-sm">申请结业</div>
<button class="status-1 bg-blue-500 px-2.5 h-6 rounded text-white text-sm" onclick="p1452841234849865728.applyGraduation()">申请</button>
<span class="status-2 text-sm">待审核</span>
<span class="status-3 text-sm text-yellow-500">已驳回</span>
<span class="status-4 text-sm">待发证</span>
<div class="apply-title text-sm">申请结业</div>
<button class="status-1 bg-blue-500 px-2.5 h-6 rounded text-white text-sm" style="display: none;" onclick="p1452841234849865728.applyGraduation()">申请</button>
<span class="status-2 text-sm" style="display: none;">待审核</span>
<span class="status-3 text-sm text-yellow-500" style="display: none;">已驳回</span>
<span class="status-4 text-sm" style="display: none;">待发证</span>
</div>
<div class="refuse-reason mt-2.5 px-2 py-1 flex justify-between w-full border border-gray-200 rounded-sm text-sm">
<div class="refuse-reason 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="reason">驳回原因</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">
<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" />
@ -71,7 +71,7 @@
</div>
<script>
let applyBox = document.querySelector('.apply-box'); // 申请结业
let applyTitle = document.querySelector('.apply-title'); // 申请结业标题
let status1 = document.querySelector('.status-1'); // 申请
let status2 = document.querySelector('.status-2'); // 待审核
let status3 = document.querySelector('.status-3'); // 已驳回
@ -150,9 +150,84 @@
.then(function(res) {
const { success, code, data, msg } = res;
if (success && code === 200) {
if (!data) {
// 尚未提交结业申请
if (!data) { // 尚未提交结业申请
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';
}
},
// 申请结业
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);
}

Write Preview
Loading…
Cancel
Save