Browse Source

秘书长培训发布

tiaosheng-msz
jarvis 4 years ago
parent
commit
0151044dc9
  1. 87
      index.html

87
index.html

@ -55,11 +55,22 @@
</div>
<div class="border-2 w-full mt-2.5 flex justify-between p-2 text-sm">
<p style="color: #999999;">导师委派</p>
<div class="flex justify-between rounded-md startBtnBox">
<div class="flex justify-between rounded-md startBtnBox" onclick="show()">
<div class="startBtn mr-1">请选择委派导师</div>
<img style="width:15px" src="https://www.tall.wiki/staticrec/icon/down.svg" />
</div>
</div>
<div class="w-screen h-screen fixed z-10 statusChoose bg-black bg-opacity-50" style="display:none;top: 0;left: 0;">
<div class="flex flex-col absolute w-full bg-white" style="bottom: 0;">
<div class="flex flex-row justify-between px-5 py-4">
<span class="text-gray-400" onclick="hide()">取消</span>
<span class="font-bold">请选择委派导师</span>
<span class="text-blue-500" onclick="choose()">确定</span>
</div>
<div class="bg-gray-200" style="width:100%;height: 1px"></div>
<ul class="flex flex-col text-center" style="height: 240px;overflow-y: auto;"></ul>
</div>
</div>
</div>
</div>
@ -252,32 +263,32 @@
// // 显示选择框
// show(){
// var statusChoose = this.dom.querySelector('.statusChoose');
// statusChoose.style.display='block';
// var list = ''
// for (let i=0;i < this.lists.length; i++) {
// list += `<li class="py-3" onclick="p1432643387798069248.chooseItem(${i})">` + this.lists[i].name + '</li>';
// }
// var ul = this.dom.querySelector('ul');
// ul.innerHTML = list
// },
function show(){
var statusChoose = document.querySelector('.statusChoose');
statusChoose.style.display='block';
var list = ''
for (let i=0;i < this.lists.length; i++) {
list += `<li class="py-3" onclick="p1432643387798069248.chooseItem(${i})">` + this.lists[i].name + '</li>';
}
var ul = this.dom.querySelector('ul');
ul.innerHTML = list
}
// // 选择
// chooseItem(index){
// this.currentIndex = index;
// var lis = this.dom.querySelectorAll('li');
// for (var i = 0; i < lis.length; i++){
// var item = lis[i];
// if(i === index){
// item.classList.add('text-white');
// item.style.backgroundColor = '#3b82f6';
// }else{
// item.classList.remove('text-white');
// item.style.backgroundColor = '#fff';
// }
// }
// },
function chooseItem(index){
this.currentIndex = index;
var lis = this.dom.querySelectorAll('li');
for (var i = 0; i < lis.length; i++){
var item = lis[i];
if(i === index){
item.classList.add('text-white');
item.style.backgroundColor = '#3b82f6';
}else{
item.classList.remove('text-white');
item.style.backgroundColor = '#fff';
}
}
}
// /**
// * 确定 选择审核人
@ -285,14 +296,16 @@
// * @param { String } projectId 项目ID
// * @param { Number } codeAndAnswerList 提交人类型(0平车 1人)
// */
// choose(){
// const that = this;
// const { dom } = that;
// var startBtn = dom.querySelector('.startBtn');
// startBtn.innerHTML = that.lists[that.currentIndex].name;
// that.checkerId = that.lists[that.currentIndex].memberId
// that.hide()
// },
function choose(){
// const that = this;
// const { dom } = that;
// var startBtn = document.querySelector('.startBtn');
// startBtn.innerHTML = that.lists[that.currentIndex].name;
// that.checkerId = that.lists[that.currentIndex].memberId
// that.hide()
var statusChoose = document.querySelector('.statusChoose');
statusChoose.style.display='none';
}
// // 界面渲染 0未打卡,1已打卡,2驳回,3审核通过
// setDate(morning,morningStatus,night,nightStatus) {
@ -380,10 +393,10 @@
// },
// // 取消
// hide(){
// var statusChoose = this.dom.querySelector('.statusChoose');
// statusChoose.style.display='none';
// },
function hide(){
var statusChoose = document.querySelector('.statusChoose');
statusChoose.style.display='none';
}
// // 时间戳转时间格式
// format(shijianchuo){

Loading…
Cancel
Save