From b708b294fa9f7209be27d9b7f1e6c2e070b76381 Mon Sep 17 00:00:00 2001
From: xuesinan <1404152492@qq.com>
Date: Tue, 26 Oct 2021 16:35:00 +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 | 95 ++++++++++++++++++++++++++++++++++++++++++++++++------
 1 file changed, 85 insertions(+), 10 deletions(-)

diff --git a/index.html b/index.html
index c07ede9..907b10b 100644
--- a/index.html
+++ b/index.html
@@ -45,19 +45,19 @@
             <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="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 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>
 
-                <div class="refuse-reason mt-2.5 px-2 py-1 flex justify-between w-full border border-gray-200 rounded-sm text-sm">
+                <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">驳回原因</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">
+                <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;">
                   <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" />
@@ -71,7 +71,7 @@
             </div>
 
             <script>
-              let applyBox = document.querySelector('.apply-box'); // 申请结业
+              let applyTitle = document.querySelector('.apply-title'); // 申请结业标题
               let status1 = document.querySelector('.status-1'); // 申请
               let status2 = document.querySelector('.status-2'); // 待审核
               let status3 = document.querySelector('.status-3'); // 已驳回
@@ -150,8 +150,18 @@
                   .then(function(res) {
                     const { success, code, data, msg } = res;
                     if (success && code === 200) {
-                      if (!data) {
-                        // 尚未提交结业申请
+                      if (!data) { // 尚未提交结业申请
+                        that.renderStatus(0, 0);
+                      } else if (data.completeStatus === 1) { // 已申请结业、待审核
+                        that.renderStatus(1, 0);
+                      } else if (data.completeStatus === 2) { // 结业申请通过
+                        if(data.type === 0) { // 未发证
+                          that.renderStatus(2, 0);
+                        } else { // 已发证
+                          that.renderStatus(2, 1);
+                        }
+                      } else if (data.completeStatus === 3) { // 结业申请驳回
+                        that.renderStatus(3, 0);
                       }
                     } else {
                       console.log('msg: ', msg);
@@ -159,6 +169,71 @@
                   });
                 },
 
+                /**
+                 * 数据渲染
+                 * status {int} 申请结业状态 0 待申请 1 已申请待审核 2 已通过 3 已驳回
+                 * type {int} 发证状态 0 未发证 1 已发证
+                 */
+                renderStatus(status, type) {
+                  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 = '申请结业';
+                  } else {
+                    applyTitle.innerHTML = '结业证书';
+                    certificate.style.display = 'flex';
+                  }
+
+                  if (status === 0) {
+                    // 未申请
+                    status1.style.display = 'block';
+                  } else if (status === 1) {
+                    // 已申请待审核
+                    status2.style.display = 'block';
+                  } else if (status === 2) {
+                    // 申请已通过
+                    if (type === 0) {
+                      status4.style.display = 'block';
+                    }
+                  } else if (status === 3) {
+                    // 申请已驳回
+                    status3.style.display = 'block';
+                    refuseReason.style.display = 'flex';
+                  }
+                },
+
+                // 申请结业
+                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);
+                    }
+                  });
+                },
+
                 // 预览证书
                 bigImg() {
                   preview.style.display = 'flex';