培训委派拒绝弹框层

index.html

@@ -64,11 +64,50 @@
                   <p style="color: #999999;">报名人员</p>
                   <button id="checkBmqk" class="text-xs text-blue-400 border border-blue-400 rounded-full w-10 h-5">查看</button>
                 </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;">
+                  <div class=" bg-white">
+                    <!-- <div class="bg-gray-200" style="width:100%;height: 1px"></div> -->
+                    <!-- <ul class="flex text-center" style="height: 240px;overflow-y: auto;">
+                      11
+                    </ul> -->
+                    <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="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="choose()">取消</div>
+                        <div class="flex-1 text-center h-full" style="line-height: 3.375rem;" onclick="hide()">提交</div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
               </div>
             </div>
 
             <script>
-
+              // 培训委派拒绝按钮弹出框
+              function refuse(){
+                  var statusChoose = document.querySelector('.statusChoose');
+                  statusChoose.style.display='block';
+                }
+                function choose(){
+                  // const that = this;
+                  // const { dom } = that;
+                  // var startBtn = document.querySelector('.startBtn');
+                  // startBtn.innerHTML = that.lists[that.currentIndex].name;
+                  // that.checkerId = that.lists[that.currentIndex].memberId
+                  // that.hide()
+                  var statusChoose = document.querySelector('.statusChoose');
+                  statusChoose.style.display='none';
+                }
+              // 取消
+              function hide(){
+                  var statusChoose = document.querySelector('.statusChoose');
+                  statusChoose.style.display='none';
+                }
               // var p1432643387798069248 = {
               //   token: '',
               //   projectId: '',
@@ -456,5 +495,8 @@
 .content::-webkit-scrollbar, .task-bar::-webkit-scrollbar{
   display: none;
 }
+.pt{
+  padding-top: 50%;
+}
 </style>
 </html>