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

申请结业

tiaosheng-xy-graduation
xuesinan 4 years ago
parent
2f265cccdb
commit
901b6d4ef9
1 changed files with 43 additions and 237 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 280
      index.html

280
index.html
View File

@ -42,83 +42,63 @@
<button class="bg-blue-500 py-2 px-5 rounded text-white" onclick="alert('hello')">测试组建1</button> <button class="bg-blue-500 py-2 px-5 rounded text-white" onclick="alert('hello')">测试组建1</button>
<button class="bg-blue-500 py-2 px-5 rounded text-white" onclick="p100.show()">测试组建2</button> <button class="bg-blue-500 py-2 px-5 rounded text-white" onclick="p100.show()">测试组建2</button>
<div data-tname="考勤" data-pid="1451447721818071040" data-uid="1217647686598135808" data-rid="rid333" data-tid="tid444" data-did="did555" style="height:50px;width:100%"> <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="p1449944565271502848" style="height:100%;width:100%;"> <div data-root="p1452841234849865728" style="height:100%;width:100%;">
<div class="teacher-box" style="display: none;"> <div class="flex justify-between items-center">
<div class="title"></div> <div class="text-sm">申请结业</div>
<div class="flex justify-between"> <button class="status-1 bg-blue-500 px-2.5 h-6 rounded text-white text-sm" onclick="p1452841234849865728.applyGraduation()">申请</button>
<div class="text-sm">培训委派</div> <span class="status-2 text-sm">待审核</span>
<div class="btn-group"> <span class="status-3 text-sm text-yellow-500">已驳回</span>
<button class="nightClockBtn mr-2 px-2.5 h-6 text-sm text-gray-400 border border-gray-400 rounded" onclick="p1449944565271502848.refuse()">拒绝</button> <span class="status-4 text-sm">待发证</span>
<button class="nightClockBtn px-2.5 h-6 bg-blue-500 text-sm rounded text-white" onclick="p1449944565271502848.submit(1)">接受</button> </div>
</div>
<div class="refuse-status text-yellow-500" style="display: none;">已拒绝</div>
</div>
<div class="mt-2.5 px-2 flex justify-between items-center w-full h-8 border border-gray-200 rounded-sm text-sm">
<p class="file-name 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="p1449944565271502848.lookFile()">查看</button>
</div>
<div class="mt-2.5 px-2 flex justify-between items-center w-full h-8 border border-gray-200 rounded-sm text-sm">
<p class="text-gray-400">报名人员</p>
<button class="check-btn-disabled text-xs text-gray-400 border border-gray-400 rounded-full w-10 h-5" disabled>查看</button>
<button class="check-btn text-xs text-blue-400 border border-blue-400 rounded-full w-10 h-5" style="display: none;" onclick="p1449944565271502848.peopleList()">查看</button>
</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 flex justify-between w-full border border-gray-200 rounded-sm text-sm">
<p class="w-20 flex-shrink-0 text-gray-400">拒绝原因</p> <p class="w-20 flex-shrink-0 text-gray-400">驳回原因</p>
<div class="reason-text">时间原因已拒绝</div> <div class="reason">驳回原因</div>
</div> </div>
<div class="pl-7 pr-7 pt fixed z-10 statusChoose bg-black bg-opacity-50" style="display:none;top: 0;bottom: 0;left: 0;right: 0; padding-top: calc((100vh - 250px) / 2);"> <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="bg-white"> <p class="w-20 flex-shrink-0 text-gray-400">证书</p>
<div style="height: 13rem;overflow-y: auto;"> <div class="certificate py-1 flex justify-end" style="max-width: 100px; max-height: 100px;">
<p class="mt-8 checkReject text-center">拒绝原因</p> <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 class="pl-6 pr-6">
<div class="mt-8 border-b pt-2 pb-2">
<input type="text" class="reason border-none outline-none" style="width: 100%;" placeholder="请输入拒绝原因">
</div>
</div>
<div class="border-t btn mt-6 flex justify-between">
<div class="flex-1 text-center border-r h-full" style="line-height: 3.375rem;" onclick="p1449944565271502848.hide()">取消</div>
<div class="flex-1 text-center h-full" style="line-height: 3.375rem;" onclick="p1449944565271502848.submit(2)">提交</div>
</div>
</div>
</div>
</div> </div>
</div> </div>
<div class="teacher-title"> <div class="img-preview fixed inset-0 bg-black bg-opacity-60 p-4 flex justify-center items-center" style="display: none;">
<div class="title"></div> <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 class="flex justify-between">
<div class="text-sm">培训委派</div>
</div>
</div> </div>
</div> </div>
</div> </div>
<script> <script>
let btns = document.querySelector('.btn-group'); // 通过拒绝按钮 let status1 = document.querySelector('.status-1'); // 申请
let refuse = document.querySelector('.refuse-status'); // 已拒绝 let status2 = document.querySelector('.status-2'); // 待审核
let refuseReason = document.querySelector('.refuse-reason'); // 拒绝原因 let status3 = document.querySelector('.status-3'); // 已驳回
let checkBtnDisabled = document.querySelector('.check-btn-disabled'); // 查看 -- 不可点击 let status4 = document.querySelector('.status-4'); // 待发证
let checkBtn = document.querySelector('.check-btn'); // 查看 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 p1449944565271502848 = { var p1452841234849865728 = {
token: '', token: '',
projectId: '', projectId: '',
roleId: '', roleId: '',
dom: '', dom: '',
planId: '',
planTeacherId: '',
remark: '',
status: 0, status: 0,
isStu: 0, // 是否已有学员报名
isAccept: 0, // 是否接受委派
init() { init() {
this.dom = document.querySelector("div[data-root=p1449944565271502848]"); this.dom = document.querySelector("div[data-root=p1452841234849865728]");
var domBox = this.dom.parentNode; var domBox = this.dom.parentNode;
var title = this.dom.querySelector('.title'); var title = this.dom.querySelector('.title');
@ -143,8 +123,6 @@
that.token = data.token; that.token = data.token;
// 查询培训计划 // 查询培训计划
that.getTrainPlan(); that.getTrainPlan();
// 查询委派信息
that.getAppointStatus();
} else { } else {
console.log('msg: ', msg); console.log('msg: ', msg);
} }
@ -171,191 +149,19 @@
.then(function(res) { .then(function(res) {
const { success, code, data, msg } = res; const { success, code, data, msg } = res;
if (success && code === 200) { if (success && code === 200) {
that.planId = data.id;
that.dom.querySelector('.file-name').innerHTML = data.name;
} else {
console.log('msg: ', msg);
}
});
},
// 查询委派信息
getAppointStatus() {
var that = this;
// var teacherTitle = that.dom.querySelector('.teacher-title');
// var teacherBox = that.dom.querySelector('.teacher-box');
// teacherTitle.style.display = 'none';
// teacherBox.style.display = 'block';
fetch(`https://test.tall.wiki/gateway/sports/teacher/getAppoint`, {
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) {
for (var i = 0; i < data.length; i++) {
if (data[i].mine == 1) {
that.planTeacherId = data.planTeacherId;
that.remark = data.remark;
that.status = data.status;
if (that.status == 0) {
// 未接受
isAccept = 0;
btns.style.display = 'block';
refuse.style.display = 'none';
refuseReason.style.display = 'none';
} else if (that.status === 1) {
// 已接受
isAccept = 1;
btns.style.display = 'none';
refuse.style.display = 'block';
refuseReason.style.display = 'none';
this.getStrudentList();
} else {
// 已拒绝
isAccept = 0;
btns.style.display = 'none';
refuse.style.display = 'none';
refuseReason.style.display = 'block';
refuseReason.innerHTML = data.remark;
}
var teacherTitle = that.dom.querySelector('.teacher-title');
var teacherBox = that.dom.querySelector('.teacher-box');
teacherTitle.style.display = 'none';
teacherBox.style.display = 'block';
}
}
}
} else {
console.log('msg: ', msg);
}
});
},
// 培训委派拒绝按钮弹出框
refuse(){
var statusChoose = this.dom.querySelector('.statusChoose');
statusChoose.style.display='block';
},
// 提交拒绝原因
submit(type) {
var that = this;
that.hide();
let reason = that.dom.querySelector(".reason").value;
if (type === 2 && !reason) {
window.alert("请填写驳回原因");
return false;
}
fetch(`https://test.tall.wiki/gateway/sports/teacher/accept`, {
headers: new Headers({
'Authorization': 'Bearer ' + that.token,
'Content-Type': 'application/json; charset=utf-8'
}),
method: 'POST',
body: JSON.stringify({
param: {
planTeacherId: that.planTeacherId,
status: type,
remark: reason
}
})
})
.then(function(response) {
return response.json();
})
.then(function(res) {
const { success, code, data, msg } = res;
if (success && code === 200) {
btns.style.display = 'none';
if (type === 1) {
refuseReason.style.display = 'none';
refuse.style.display = 'none';
} else {
refuseReason.style.display = 'flex';
refuse.style.display = 'block';
}
} else {
console.log('msg: ', msg);
}
});
},
// 取消
hide(){
var statusChoose = this.dom.querySelector('.statusChoose');
statusChoose.style.display='none';
},
// 报名学员
getStrudentList() {
fetch(`https://test.tall.wiki/gateway/sports/player/query`, {
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) {
isStu = 1;
}
if (isStu === 1 && isAccept === 1) {
checkBtnDisabled.style.display = 'none';
checkBtn.style.display = 'block';
} else {
checkBtnDisabled.style.display = 'block';
checkBtn.style.display = 'none';
}
} else { } else {
console.log('msg: ', msg); console.log('msg: ', msg);
} }
}); });
}, },
// 查看红头文件 // 预览证书
lookFile() { bigImg() {
const pId = this.dom.parentNode.getAttribute('data-pid'); preview.style.display = 'flex';
const uId = this.dom.parentNode.getAttribute('data-uid');
const rId = this.dom.parentNode.getAttribute('data-rid');
location.href=`https://test.tall.wiki/ts/file?pid=${pId}&uid=${uId}&rid=${rId}`
},
// 查看学员列表
peopleList(){
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/peopleList?pid=${pId}&uid=${uId}&rid=${rId}`
} }
} }
p1449944565271502848.init() p1452841234849865728.init()
</script> </script>
</div> </div>
</div> </div>

Write Preview
Loading…
Cancel
Save