废钢异常

新增界面后的取消按钮未生效

xjrsoft-vue3/src/views/zlgl/fgysycqkfk/components/FgysycqkfkModal.vue

-
 <template>
-
-
-    <BasicModal 
-    :height="1080"   
-     v-bind="$attrs" @register="registerModal" :title="getTitle"
-      @ok="handleSubmit" @cancel="handleClose"  >
-      <ModalForm ref="formRef" v-model:value="state.formModel" :fromPage="FromPageType.MENU" />
-      <template #footer v-if=" !state.isView">
+  <BasicModal
+    :height="1080"
+    v-bind="$attrs"
+    @register="registerModal"
+    :title="getTitle"
+    @ok="handleSubmit"
+    @cancel="handleClose"
+  >
+    <ModalForm ref="formRef" v-model:value="state.formModel" :fromPage="FromPageType.MENU" />
+    <template #footer v-if="!state.isView">
       <template v-for="(item, index) in sortBy(formButtons, 'index')" :key="item.key">
-      <template v-if="item.isShow">
+        <template v-if="item.isShow">
           <CustomButtonModal v-if="item.type == CustomButtonModalType.Modal" :info="item" />
           <a-button
             :type="item.style"
@@ -22,29 +23,28 @@
         </template>
       </template>
     </template>
-    </BasicModal>
-  
+  </BasicModal>
 </template>
 <script lang="ts" setup>
-  import { ref, computed, reactive, provide, Ref  } from 'vue';
+  import { ref, computed, reactive, provide, Ref } from 'vue';
   import { BasicModal, useModalInner } from '/@/components/Modal';
-    
-      import { CustomButtonModalType } from '/@/enums/userEnum';
-      import CustomButtonModal from '/@/components/Form/src/components/CustomButtonModal.vue';
+
+  import { CustomButtonModalType } from '/@/enums/userEnum';
+  import CustomButtonModal from '/@/components/Form/src/components/CustomButtonModal.vue';
   import { useMessage } from '/@/hooks/web/useMessage';
   import { useI18n } from '/@/hooks/web/useI18n';
-  import { formProps ,formButtons } from './config';
+  import { formProps, formButtons } from './config';
   import ModalForm from './Form.vue';
   import { FromPageType } from '/@/enums/workflowEnum';
-  
-   import { sortBy } from 'lodash-es';  
-       import { executeCurFormEvent } from '/@/utils/event/data'; 
+
+  import { sortBy } from 'lodash-es';
+  import { executeCurFormEvent } from '/@/utils/event/data';
 
   const emit = defineEmits(['success', 'register']);
 
   const { notification } = useMessage();
   const formRef = ref();
-  const isCopy = ref<boolean>(false)
+  const isCopy = ref<boolean>(false);
   const state = reactive({
     formModel: {},
     isUpdate: true,
@@ -55,40 +55,41 @@
 
   const { t } = useI18n();
   const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
-      await handleInner(data); 
+    await handleInner(data);
   });
 
-  const getTitle = computed(() => (state.isView ? '查看' : state.isUpdate ? '编辑' : isCopy.value ? '复制数据' : '新增'));
+  const getTitle = computed(() =>
+    state.isView ? '查看' : state.isUpdate ? '编辑' : isCopy.value ? '复制数据' : '新增',
+  );
 
-  
-  async function handleInner(data){
+  async function handleInner(data) {
     state.isUpdate = !!data?.isUpdate;
     state.isView = !!data?.isView;
     isCopy.value = !!data?.isCopy;
-    
+
     setModalProps({
       destroyOnClose: true,
       maskClosable: false,
       showCancelBtn: false,
       showOkBtn: false,
       canFullscreen: true,
-      width: 1960, 
-      footer: state.isView ? null : undefined,defaultFullscreen:true,
+      width: 1960,
+      footer: state.isView ? null : undefined,
+      defaultFullscreen: true,
     });
-    
+
     if (state.isUpdate || state.isView || isCopy.value) {
       state.rowId = data.id;
       if (state.isView) {
         await formRef.value.setDisabledForm();
       }
-      
+
       await formRef.value.setFormDataFromId(state.rowId);
     } else {
       formRef.value.resetFields();
-     
     }
-    
   }
+
   async function saveModal() {
     let saveSuccess = false;
     try {
@@ -117,9 +118,9 @@
   async function handleSubmit() {
     try {
       const saveSuccess = await saveModal();
-      
+
       setModalProps({ confirmLoading: true });
-      
+
       if (saveSuccess) {
         if (!state.isUpdate || isCopy.value) {
           //false 新增
@@ -133,34 +134,31 @@
             description: t('修改成功！'),
           }); //提示消息
         }
-        
+
         closeModal();
-        
+
         formRef.value.resetFields();
         emit('success');
       }
     } finally {
-      
       setModalProps({ confirmLoading: false });
-      
     }
   }
+
   function customClick(item) {
     if (item.key == 'confirm') {
       handleSubmit();
-    } else if (item.key == 'cancel' && props.formType !== 'normal') {
+    } else if (item.key == 'cancel') {
       handleClose();
-      closeModal(); 
+      closeModal();
     } else if (item.key == 'reset') {
       formRef.value.resetFields();
     } else {
       executeCurFormEvent(item.event, state.formModel, true);
     }
-  }  
+  }
+
   function handleClose() {
     formRef.value.resetFields();
   }
-  
 </script>
-
-  
\ No newline at end of file