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

缴费

ts-pay
xuesinan 4 years ago
parent
ca804a111d
commit
8a01da1bf5
1 changed files with 3 additions and 162 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. 165
      index.html

165
index.html
View File

@ -44,38 +44,14 @@
<div data-tname="考勤" data-pid="1453661473401479168" data-uid="1217647686598135808" data-rid="rid333" data-tid="tid444" data-did="did555" style="height:50px;width:100%">
<div data-root="p1449996929974149120" style="height: 100%; width: 100%;">
<div class="certificate-box mt-3 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="certificate py-1 flex justify-end" style="max-width: 100px; max-height: 100px;">
<img style="max-width: 100%; max-height: 100%;" onclick="p1449996929974149120.bigImg()" src="http://test.tall.wiki/staticrec/plan.png" />
</div>
</div>
<div class="img-preview fixed z-10 inset-0 bg-black bg-opacity-60 p-4 flex justify-center items-center" style="display: none;">
<img id="img" src="http://test.tall.wiki/staticrec/plan.png" />
</div>
<div class="person-info mt-2.5 px-2 py-1.5 flex justify-between items-center w-full border border-gray-200 rounded-sm text-sm">
<span class="text-gray-400">报名信息</span>
<button class="text-xs text-blue-500 border border-blue-500 rounded-full w-10 h-5" onclick="p1449996929974149120.apply()">查看</button>
</div>
<div class="mt-4 flex justify-center items-center w-full text-sm">
<button class="apply-btn border border-blue-500 bg-blue-500 text-white rounded-sm" style="width: 45%; height: 34px;" onclick="p1449996929974149120.apply()">报名</button>
<button class="not-pay px-2.5 h-6 bg-blue-500 text-sm rounded-sm text-white" style="width: 45%; height: 34px; display: none;" onclick="p1449996929974149120.toPay()">去缴费</button>
<div class="flex justify-between w-full text-sm">
<p class="w-20 flex-shrink-0">缴费</p>
<img style="width: 15px;" onclick="p1449996929974149120.toPay()" src="https://www.tall.wiki/staticrec/icon/right.svg" />
</div>
</div>
</div>
<script>
document.querySelector('.img-preview').onclick = function(e){
e = window.event || e;
let parentApp = document.getElementById('img');
if(!parentApp.contains(e.target)){
document.querySelector('.img-preview').style.display = 'none';
}
}
var p1449996929974149120 = {
token: '',
projectId: '',
@ -93,143 +69,8 @@
var userId = domBox.getAttribute("data-uid");
this.projectId = domBox.getAttribute("data-pid");
this.roleId = domBox.getAttribute("data-rid");
// 初始化的时候 获取token
this.getTokenByUserId(userId);
},
// 获取token
getTokenByUserId(userId){
var that = this
fetch(`https://www.tall.wiki/gateway/tall/v1.0/users/userId?userId=${userId}`)
.then(function(response) {
return response.json();
})
.then(function(res) {
const { success, code, data, msg } = res;
if (success && code === 200) {
that.token = data.token;
// 查看培训计划
that.getTrainPlan();
// 查询委派导师
that.getAppointStatus();
// 获取报名信息
that.getPersonInfo();
} 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) {
that.planId = data.id;
that.dom.querySelector('.file-name').innerHTML = data.name;
} else {
console.log('msg: ', msg);
}
});
},
// 查询委派信息
getAppointStatus() {
var that = this;
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) {
} else {
console.log('msg: ', msg);
}
});
},
// 获取报名信息
getPersonInfo() {
var that = this;
fetch(`https://test.tall.wiki/gateway/sports/player/info`, {
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.dom.querySelector('.person-info').style.display = 'flex';
that.dom.querySelector('.apply-btn').style.display = 'none';
that.dom.querySelector('.not-pay').style.display = 'block';
}
} else {
console.log('msg: ', msg);
}
});
},
// 报名按钮
apply(){
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/apply?pid=${pId}&uid=${uId}&rid=${rId}`
},
// 预览
bigImg() {
document.querySelector('.img-preview').style.display = 'flex';
},
// 学员查看红头文件
// lookFile(){
// 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/file?pid=${pId}&uid=${uId}&rid=${rId}`
// },
// 去支付
toPay() {
const pId = this.dom.parentNode.getAttribute('data-pid');

Write Preview
Loading…
Cancel
Save