From d2838ebb129f111d11a2c02d2cb38f689b56f4c7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BB=BB=E7=8F=AE=E5=AE=87?= <peiyu_ren@163.com>
Date: Wed, 1 Nov 2023 10:47:49 +0800
Subject: [PATCH] =?UTF-8?q?=E5=BC=B9=E7=AA=97=E6=89=93=E5=BC=80=E6=97=B6?=
 =?UTF-8?q?=E7=82=B9=E5=87=BB=E5=85=B6=E4=BB=96=E7=9A=84=E5=9C=B0=E6=96=B9?=
 =?UTF-8?q?=E4=B8=8D=E5=85=81=E8=AE=B8=E5=85=B3=E9=97=AD=E5=BC=B9=E7=AA=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/CustomModal/index.vue | 40 +++++++++++++++++-----------
 1 file changed, 25 insertions(+), 15 deletions(-)

diff --git a/src/components/CustomModal/index.vue b/src/components/CustomModal/index.vue
index a463199..7ec8c42 100644
--- a/src/components/CustomModal/index.vue
+++ b/src/components/CustomModal/index.vue
@@ -1,12 +1,22 @@
 <template>
-  <a-modal :class="'custom-modal' + (innerFullscreen ? ' fullscreen' : '')" v-bind="_attrs" v-model="visible" @cancel="handleCancel">
+  <a-modal
+    :class="'custom-modal' + (innerFullscreen ? ' fullscreen' : '')"
+    v-bind="_attrs"
+    v-model="visible"
+    :maskClosable="false"
+    @cancel="handleCancel"
+  >
     <img slot="closeIcon" src="@/assets/images/global/close.png" />
     <div slot="title">
       <div class="custom-modal-title">
         <span>{{ title }}</span>
         <template v-if="enableFullScreen">
-          <img  v-if="innerFullscreen" src="@/assets/images/global/quit-fullscreen.png" @click="innerFullscreen = false" />
-          <img  v-else src="@/assets/images/global/fullscreen.png" @click="innerFullscreen = true" />
+          <img
+            v-if="innerFullscreen"
+            src="@/assets/images/global/quit-fullscreen.png"
+            @click="innerFullscreen = false"
+          />
+          <img v-else src="@/assets/images/global/fullscreen.png" @click="innerFullscreen = true" />
         </template>
       </div>
     </div>
@@ -24,24 +34,24 @@
 export default {
   props: {
     value: {
-      type: Boolean
+      type: Boolean,
     },
     okHandler: {
-      type: Function
+      type: Function,
     },
     title: {
-      type: String
+      type: String,
     },
     enableFullScreen: {
       type: Boolean,
-      default: false
-    }
+      default: false,
+    },
   },
   data() {
     return {
       visible: this.value,
       confirmLoading: false,
-      innerFullscreen: false
+      innerFullscreen: false,
     }
   },
   watch: {
@@ -56,7 +66,7 @@ export default {
     },
     innerFullscreen(val) {
       this.$emit('fullscreen', val)
-    }
+    },
   },
   methods: {
     async onSave() {
@@ -64,7 +74,7 @@ export default {
         try {
           this.confirmLoading = true
           const success = await this.okHandler()
-          if(success !== false) {
+          if (success !== false) {
             this.visible = false
           }
         } catch (error) {
@@ -80,8 +90,8 @@ export default {
       this.visible = false
     },
     handleCancel() {
-      this.$emit("cancel")
-    }
+      this.$emit('cancel')
+    },
   },
   computed: {
     _attrs() {
@@ -96,8 +106,8 @@ export default {
     // 是否有自定义的footer
     hasCustomFooter() {
       return !!this.$slots['custom-footer']
-    }
-  }
+    },
+  },
 }
 </script>
 <style lang="less" scoped>