From 901b6d4ef93a95d163eca66bc78b5b1a63380725 Mon Sep 17 00:00:00 2001
From: xuesinan <1404152492@qq.com>
Date: Tue, 26 Oct 2021 14:17:26 +0800
Subject: [PATCH] =?UTF-8?q?=E7=94=B3=E8=AF=B7=E7=BB=93=E4=B8=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html | 280 ++++++++---------------------------------------------
 1 file changed, 43 insertions(+), 237 deletions(-)

diff --git a/index.html b/index.html
index 3926220..1357fb2 100644
--- a/index.html
+++ b/index.html
@@ -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="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-root="p1449944565271502848" style="height:100%;width:100%;">
-                <div class="teacher-box" style="display: none;">
-                  <div class="title"></div>
-                  <div class="flex justify-between">
-                    <div class="text-sm">培训委派</div>
-                    <div class="btn-group">
-                      <button class="nightClockBtn mr-2 px-2.5 h-6 text-sm text-gray-400 border border-gray-400 rounded" onclick="p1449944565271502848.refuse()">拒绝</button>
-                      <button class="nightClockBtn px-2.5 h-6 bg-blue-500 text-sm rounded text-white" onclick="p1449944565271502848.submit(1)">接受</button>
-                    </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 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="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>
 
-                  <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-text">时间原因已拒绝</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">
+                  <p class="w-20 flex-shrink-0 text-gray-400">驳回原因</p>
+                  <div class="reason">驳回原因</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="bg-white">
-                      <div style="height: 13rem;overflow-y: auto;">
-                        <p class="mt-8 checkReject text-center">拒绝原因</p>
-                        <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 class="certificate-box 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>
+                  <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" />
                   </div>
                 </div>
 
-                <div class="teacher-title">
-                  <div class="title"></div>
-                  <div class="flex justify-between">
-                    <div class="text-sm">培训委派</div>
-                  </div>
+                <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>
             </div>
 
             <script>
-              let btns = document.querySelector('.btn-group'); // 通过拒绝按钮
-              let refuse = document.querySelector('.refuse-status'); // 已拒绝
-              let refuseReason = document.querySelector('.refuse-reason'); // 拒绝原因
-              let checkBtnDisabled = document.querySelector('.check-btn-disabled'); // 查看 -- 不可点击
-              let checkBtn = document.querySelector('.check-btn'); // 查看
+              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){
+                e = window.event || e;
+                let parentApp = document.getElementById('img');
+                if(!parentApp.contains(e.target)){
+                  preview.style.display = 'none';
+                }
+              }
 
-              var p1449944565271502848 = {
+              var p1452841234849865728 = {
                 token: '',
                 projectId: '',
                 roleId: '',
                 dom: '',
-                planId: '',
-                planTeacherId: '',
-                remark: '',
                 status: 0,
-                isStu: 0, // 是否已有学员报名
-                isAccept: 0, // 是否接受委派
 
                 init() {
-                  this.dom = document.querySelector("div[data-root=p1449944565271502848]");
+                  this.dom = document.querySelector("div[data-root=p1452841234849865728]");
                   var domBox = this.dom.parentNode;
                   var title = this.dom.querySelector('.title');
 
@@ -143,8 +123,6 @@
                         that.token = data.token;
                         // 查询培训计划
                         that.getTrainPlan();
-                        // 查询委派信息
-                        that.getAppointStatus();
                       } else {
                         console.log('msg: ', msg);
                       }
@@ -171,191 +149,19 @@
                   .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;
-                  // 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 {
                       console.log('msg: ', msg);
                     }
                   });
                 },
 
-                // 查看红头文件
-                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}`
-                },
-
-                // 查看学员列表
-                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}`
+                // 预览证书
+                bigImg() {
+                  preview.style.display = 'flex';
                 }
               }
-              p1449944565271502848.init()
+              p1452841234849865728.init()
             </script>
           </div>
         </div>