From 3ebc965aac6cf2900cc6f605355b5ec13a05f186 Mon Sep 17 00:00:00 2001
From: xuesinan <1404152492@qq.com>
Date: Thu, 28 Oct 2021 15:55:20 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AF=BC=E5=B8=88=E5=A7=94=E6=B4=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index 43d4de6..7dd1d8c 100644
--- a/index.html
+++ b/index.html
@@ -47,7 +47,7 @@
                 <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="p1449944565028233216.bigImg()" src="http://test.tall.wiki/staticrec/plan.png" />
+                    <img style="max-width: 100%; max-height: 100%;" onclick="p1449944565271502848.bigImg()" src="http://test.tall.wiki/staticrec/plan.png" />
                   </div>
                 </div>
 
@@ -92,9 +92,15 @@
             <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'); // 查看
+              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 p1449944565271502848 = {
                 token: '',
@@ -107,12 +113,15 @@
                 status: 0,
                 isStu: 0, // 是否已有学员报名
                 isAccept: 0, // 是否接受委派
+                refuseReason: '',
 
                 init() {
                   this.dom = document.querySelector("div[data-root=p1449944565271502848]");
                   var domBox = this.dom.parentNode;
                   var title = this.dom.querySelector('.title');
 
+                  refuseReason = this.dom.querySelector('.refuse-reason'); // 拒绝原因
+
                   // 获取父元素携带的参数
                   var userId = domBox.getAttribute("data-uid");
                   this.projectId = domBox.getAttribute("data-pid");
@@ -336,6 +345,11 @@
                   });
                 },
 
+                // 预览
+                bigImg() {
+                  document.querySelector('.img-preview').style.display = 'flex';
+                },
+
                 // 查看红头文件
                 // lookFile() {
                 //   const pId = this.dom.parentNode.getAttribute('data-pid');