From 96ea176feafa1b8a63c78961fd50baecd56617c4 Mon Sep 17 00:00:00 2001
From: xuesinan <1404152492@qq.com>
Date: Thu, 28 Oct 2021 15:53:02 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8A=A5=E5=90=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html | 69 +++++++++++++++++++++++++++++-------------------------
 1 file changed, 37 insertions(+), 32 deletions(-)

diff --git a/index.html b/index.html
index 7d6a25b..d8185c4 100644
--- a/index.html
+++ b/index.html
@@ -20,13 +20,13 @@
 
     <div class="w-full p-4 bg-gray-100">
 <!--      日常任务面板-->
-      <div class="content p-3 h-46 bg-white rounded-lg">
+      <!-- <div class="content p-3 h-46 bg-white rounded-lg">
         <div class="h-6 mb-2 bg-gray-100"></div>
         <div class="h-6 mb-2 bg-gray-100"></div>
         <div class="h-6 mb-2 bg-gray-100"></div>
         <div class="h-6 mb-2 bg-gray-100"></div>
         <div class="h-6 bg-gray-100"></div>
-      </div>
+      </div> -->
     </div>
     <div class="task-bar h-96 w-full bg-gray-100 p-4">
       <div class="flex mb-3">
@@ -37,45 +37,45 @@
           </div>
         </div> -->
 
-        <div class="flex-1 bigBox" style="height: 10rem;">
+        <div class="flex-1 bigBox" style="height: 30rem;">
           <div class="rounded-lg bg-white p-3" style="height: 100%;">
             <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="p1449996929974149120" style="height:100%;width:100%;">
-                <div class="student-box">
-                  <div class="title"></div>
-                  <div class="flex justify-between">
-                    <div class="text-sm">培训报名</div>
-                    <div class="flex items-center">
-                      <button id="registrationSuccess" class="nightClockBtn text-xs rounded-md py-1 px-3" style="display: none;">报名成功</button>
-                      <button id="applyBtn" class="nightClockBtn px-2.5 h-6 bg-blue-500 text-sm rounded text-white" onclick="p1449996929974149120.apply()">报名</button>
-                      <button class="not-pay px-2.5 h-6 bg-blue-500 text-sm rounded text-white" style="display: none;" onclick="p1449996929974149120.toPay()">去缴费</button>
-                    </div>
+                <div class="certificate-box 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="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="p1449996929974149120.lookFile()">查看</button>
-                  </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 flex justify-between items-center w-full h-8 border border-gray-200 rounded-sm text-sm" id="pxxz" style="display: none;">
-                    <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="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="student-load">
-                  <div class="title"></div>
-                  <div class="flex justify-between">
-                    <div class="text-sm">培训报名</div>
-                  </div>
-                </div> -->
+                <div class="mt-4 flex justify-center items-center w-full text-sm">
+                  <button class="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 text-white" style="width: 45%; height: 34px; display: none;" onclick="p1449996929974149120.toPay()">去缴费</button>
+                </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: '',
@@ -232,14 +232,19 @@
                   location.href=`https://test.tall.wiki/ts/apply?pid=${pId}&uid=${uId}&rid=${rId}`
                 },
 
-                // 学员查看红头文件
-                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}`
+                // 预览
+                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');