feat: 【任务审批】打开自定义任务包字段弹窗后，鼠标点击空白处不应该关闭弹窗，点击确定或取消按钮才能关闭弹窗

src/views/task/modal/CustomFieldModal.vue

@@ -135,7 +135,7 @@ function onCheckAllChange(value) {
     }
   }
   selectIds.value = value ? ids : [];
-  console.log(offList.value,'offList')
+  console.log(offList.value, "offList");
   if (value) {
     offList.value.map((v) => {
       if (!v.checked) {
@@ -298,7 +298,7 @@ const indeterminate = computed(() => {
 </script>
 
 <template>
-  <n-modal v-model:show="show" transform-origin="center">
+  <n-modal v-model:show="show" transform-origin="center" :mask-closable="false">
     <n-card
       class="cardstyle"
       :bordered="false"
@@ -415,7 +415,7 @@ const indeterminate = computed(() => {
       <template #footer>
         <div class="wrapper-footer">
           <n-button type="info" @click="handleSumbit"> 确认 </n-button>
-          <n-button secondary style="margin-left: 15px;" @click="closeModal">
+          <n-button secondary style="margin-left: 15px" @click="closeModal">
             取消
           </n-button>
         </div>
@@ -452,7 +452,7 @@ const indeterminate = computed(() => {
     color: #333333;
     font-size: 14px;
     background: #f8f8f8;
-    
+
     &:before {
       background-color: #1980ff;
       content: "";
@@ -548,8 +548,7 @@ const indeterminate = computed(() => {
 ::v-deep(.n-button--info-type) {
   background: #507afd !important;
 }
-::v-deep(.n-button--default-type){
+::v-deep(.n-button--default-type) {
   border: 1px solid #cad2dd !important;
 }
-
 </style>