更新

src/plugin/loadingBar/loadingBar.vue

@@ -70,7 +70,7 @@ body.h-loadingBarBody {
    position: fixed;
    top: 0;
    left: 0;
-   z-index: 1239527;
+   z-index: 12345678;
    cursor: wait;
    width: 100%;
    height: 100%;

src/plugin/modalFrame/modalFrame.scss

@@ -53,7 +53,7 @@
    left: 0;
    width: 100%;
    height: 100%;
-   z-index: 2000;
+   z-index: 1234567;
    background-color: $overlay-color-lighter;
    .animationBox {
       width: 100%;

src/views/coursewarePlay/components/pen/pen.vue

@@ -6,7 +6,7 @@
 <template>
    <el-dialog modal-class="penModalClass" class="penElDialog" :class="{ isWhite: isWhite }" v-bind="$attrs" :fullscreen="true" :show-close="false">
       <iframe class="penIframe" frameborder="0" :src="URL_WHITEBOARD"></iframe>
-      <div class="closeSvg" @click="close">
+      <div class="closeSvg" @click="handleClose">
          <svg width="22px" height="20px" viewBox="0 0 22 20">
             <path
                transform="translate(-1.000000, -2.000000)"
@@ -20,10 +20,24 @@
 
 <script setup lang="ts">
 import { URL_WHITEBOARD } from "@/config/index"
-defineProps<{
+import useDialogConfirm from "@/hooks/useDialogConfirm"
+
+const props = defineProps<{
    isWhite?: boolean
    close: () => void
 }>()
+
+function handleClose() {
+   useDialogConfirm({
+      headImg: require(`@/img/coursewarePlay/${props.isWhite ? "ts2" : "ts1"}.png`),
+      text: `请确认是否退出${props.isWhite ? "白板" : "批注"}？`,
+      btnShow: [true, true],
+      onOk(vm: any) {
+         props.close()
+         vm.remove()
+      }
+   })
+}
 </script>
 <style lang="scss">
 .penElDialog.el-dialog {