导师委派

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');