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

结业

tiaosheng-xy-graduation
xuesinan 4 years ago
parent
c7602189ba
commit
8c3096e767
1 changed files with 59 additions and 51 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. 110
      index.html

110
index.html
View File

@ -44,20 +44,17 @@
<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>
<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 class="mt-2.5 px-2 py-1.5 flex justify-between w-full border border-gray-200 rounded-sm text-sm">
<p class="w-20 flex-shrink-0 text-gray-400">申请状态</p>
<div class="apply-status">未申请</div>
</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" style="display: none;">
<div class="refuse-reason mt-2.5 px-2 py-1.5 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" style="display: none;">
<div class="certificate-box mt-2.5 px-2 py-1.5 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" />
@ -67,27 +64,22 @@
<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>
<div class="btn-group mt-4 flex justify-center items-center w-full text-sm">
<button class="border border-blue-500 bg-blue-500 text-white rounded-sm" style="width: 45%; height: 34px;" onclick="p1452841234849865728.applyGraduation()">申请结业</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){
document.querySelector('.img-preview').onclick = function(e){
e = window.event || e;
let parentApp = document.getElementById('img');
if(!parentApp.contains(e.target)){
preview.style.display = 'none';
document.querySelector('.img-preview').style.display = 'none';
}
}
@ -210,34 +202,47 @@
* type {int} 发证状态 0 未发证 1 已发证
*/
renderStatus(status, type) {
status1.style.display = 'none'; // 申请
status2.style.display = 'none'; // 待审核
status3.style.display = 'none'; // 已驳回
status4.style.display = 'none'; // 待发证
let certificate = this.dom.querySelector('.certificate-box'); // 证书
// let status1 = this.dom.querySelector('.status-1'); // 申请
// let status2 = this.dom.querySelector('.status-2'); // 待审核
// let status3 = this.dom.querySelector('.status-3'); // 已驳回
// let status4 = this.dom.querySelector('.status-4'); // 待发证
let refuseReason = this.dom.querySelector('.refuse-reason'); // 驳回原因
let applyStatus = this.dom.querySelector('.apply-status'); // 申请状态
// 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 = '申请结业';
// applyTitle.innerHTML = '申请结业';
} else {
applyTitle.innerHTML = '结业证书';
// applyTitle.innerHTML = '结业证书';
certificate.style.display = 'flex';
}
if (status === 0) {
// 未申请
status1.style.display = 'block';
// status1.style.display = 'block';
applyStatus.innerHTML = '未申请';
} else if (status === 1) {
// 已申请待审核
status2.style.display = 'block';
// status2.style.display = 'block';
applyStatus.innerHTML = '待审核';
} else if (status === 2) {
// 申请已通过
if (type === 0) {
status4.style.display = 'block';
// status4.style.display = 'block';
applyStatus.innerHTML = '待发证';
}
} else if (status === 3) {
// 申请已驳回
status3.style.display = 'block';
// status3.style.display = 'block';
applyStatus.innerHTML = '已驳回';
applyStatus.classList.add('border-yellow-500');
refuseReason.style.display = 'flex';
}
},
@ -246,32 +251,35 @@
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);
}
});
that.dom.querySelector('.btn-group').style.display = 'none';
that.renderStatus(1, 0);
// 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';
document.querySelector('.img-preview').style.display = 'flex';
}
}
p1452841234849865728.init()

Write Preview
Loading…
Cancel
Save