fix:创建实例的modal初始化问题解决

src/views/run/instant/CreateModal.vue

@@ -14,12 +14,12 @@ import {useMessage} from '@/hooks/web/useMessage'
 
 const emit = defineEmits(['success'])
 
-const props = defineProps({
+// const props = defineProps({
-  isDisabled: {
+//   isDisabled: {
-    type: Boolean,
+//     type: Boolean,
-    default: true,
+//     default: true,
-  }
+//   }
-})
+// })
 const current = ref<number>(0)
 const {createMessage} = useMessage()
 const {t} = useI18n()
@@ -31,15 +31,13 @@ const state = reactive<any>({
 })
 
 const [registerCreateModal, {setModalProps, closeModal}] = useModalInner(async (data) => {
-  resetFields()
+  await resetFields()
   current.value=0;
   state.selectedRowKeys=[];
   state.selectedData=[];
   setModalProps({destroyOnClose: true, showCancelBtn: false, showOkBtn: false})
 })
 
-
-
 function next() {
   current.value++
 }
@@ -70,7 +68,6 @@ const [registerForm, {validate, resetFields, setFieldsValue, updateSchema, setPr
   showSubmitButton: false,
   showResetButton: false,
   layout: 'horizontal',
-
   actionColOptions: {span: 2},
   disabled: true,
 })
@@ -86,15 +83,15 @@ const instantForm = reactive<instantForms>({
 
 })
 // 本地isDisabled变量
-const isDisabled = ref<boolean>(true)
+// const isDisabled = ref<boolean>(true)
 
 // 监听父组件传递的isDisabled属性变化
-watch(() => props.isDisabled, (newVal) => {
+// watch(() => props.isDisabled, (newVal) => {
-  if (newVal !== undefined) {
+//   if (newVal !== undefined) {
-    isDisabled.value = newVal
+//     isDisabled.value = newVal
-  }
+//   }
-}, {immediate: true}) // immediate设置为true，确保组件初始化时也会执行一次
+// }, {immediate: true}) // immediate设置为true，确保组件初始化时也会执行一次
-
+//
 
 async function updatempName(selectedRowKeys, selectedRows) {
   console.log(selectedRowKeys)
@@ -118,10 +115,10 @@ async function updatempName(selectedRowKeys, selectedRows) {
   // 下一步按钮的禁用与启用
   isDisabled.value = selectedRows.length === 0
   if (selectedRows.length === 0)
-    setProps({disabled: true})
+    await setProps({disabled: true})
 
   else
-    setProps({disabled: false})
+    await setProps({disabled: false})
 
   instantForm.modelId = selectedRows.length !== 0 ? `${selectedRows[0].modelId}` : ``
 

src/views/run/instant/index.vue

@@ -245,7 +245,7 @@ function handleWarnConfig(record: Recordable) {
       </template>
     </BasicTable>
     <HistoryModal :item-name="itemName" :legend-name="legendName" @register="registerHistoryModal" />
-    <CreateModal  :is-disabled="true" @register="registerCreateModal" @success="reload" />
+    <CreateModal  @register="registerCreateModal" @success="reload" />
     <UpdateModal @register="registerUpdateModal" @success="reload" />
   </div>
 </template>