diff --git a/src/views/run/instant/CreateModal.vue b/src/views/run/instant/CreateModal.vue index a3650d4..e739cf9 100644 --- a/src/views/run/instant/CreateModal.vue +++ b/src/views/run/instant/CreateModal.vue @@ -14,62 +14,48 @@ import {useMessage} from '@/hooks/web/useMessage' const emit = defineEmits(['success']) -// const props = defineProps({ -// isDisabled: { -// type: Boolean, -// default: true, -// } -// }) -const current = ref(0) const {createMessage} = useMessage() const {t} = useI18n() +const current = ref(0) const state = reactive({ selectedRowKeys: [], selectedData: [], pointInfo: [], type: false, }) +// 本地isDisabled变量-表征下一步按钮的启用与禁用 +const isDisabled = ref(true) const [registerCreateModal, {setModalProps, closeModal}] = useModalInner(async (data) => { + alert(444) await resetFields() - current.value=0; - state.selectedRowKeys=[]; - state.selectedData=[]; - setModalProps({destroyOnClose: true, showCancelBtn: false, showOkBtn: false}) +current.value=0; +state.selectedData=[]; +state.selectedRowKeys=[]; }) + function next() { current.value++ } function prev() { current.value-- - if (current.value == 0) { - console.log(state.selectedRowKeys) - console.log(state.selectedData) - } } - const steps = [ - { - title: '壹', - content: 'First-content', - }, - { - title: '贰', - content: 'Second-content', - }, + { key: '壹', title: '壹' }, + { key: '贰', title: '贰' }, ] -const items = steps.map(item => ({key: item.title, title: item.title})) - -const [registerForm, {validate, resetFields, setFieldsValue, updateSchema, setProps}] = useForm({ +const [registerForm, {validate, resetFields,getFieldsValue, setFieldsValue, updateSchema, setProps}] = useForm({ labelWidth: 100, schemas: createInstantForm, showSubmitButton: false, showResetButton: false, layout: 'horizontal', - actionColOptions: {span: 2}, - disabled: true, + actionColOptions: { + span: 0, // 不占任何列 + style: { display: 'none' }, + }, }) interface instantForms { @@ -82,28 +68,13 @@ const instantForm = reactive({ mpName: '', }) -// 本地isDisabled变量 -// const isDisabled = ref(true) - -// 监听父组件传递的isDisabled属性变化 -// watch(() => props.isDisabled, (newVal) => { -// if (newVal !== undefined) { -// isDisabled.value = newVal -// } -// }, {immediate: true}) // immediate设置为true,确保组件初始化时也会执行一次 -// - async function updatempName(selectedRowKeys, selectedRows) { - console.log(selectedRowKeys) - console.log(selectedRows) - console.log(instantForm) resetFields() state.selectedRowKeys = selectedRowKeys; state.selectedData = selectedRows; //读出模型中的点号信息 if (selectedRows.length !== 0) { state.type = selectedRows[0].algorithm === 'ANN' - console.log(state.type) state.pointInfo = JSON.parse(selectedRows[0].modelInfo).pointInfo for (const p of state.pointInfo) { p.modelName = selectedRows[0].modelName @@ -115,15 +86,12 @@ async function updatempName(selectedRowKeys, selectedRows) { // 下一步按钮的禁用与启用 isDisabled.value = selectedRows.length === 0 if (selectedRows.length === 0) - await setProps({disabled: true}) + setProps({disabled: true}) else - await setProps({disabled: false}) + setProps({disabled: false}) - instantForm.modelId = selectedRows.length !== 0 ? `${selectedRows[0].modelId}` : `` - instantForm.mpName = selectedRows.length !== 0 ? `${selectedRows[0].modelName}-实例` : `` - setFieldsValue(instantForm) const versionData = selectedRows.length !== 0 ? await getModelVersionList({modelId: selectedRows[0].modelId}) : [] const versionList = [] as any @@ -145,65 +113,62 @@ async function updatempName(selectedRowKeys, selectedRows) { componentProps: { options: versionList, }, + defaultValue: versionList[0]?.value }) updateSchema({ field: 'calcGroup', componentProps: { options: calcGroupList, }, + defaultValue: calcGroupList[0]?.value }) + instantForm.modelId = selectedRows.length !== 0 ? `${selectedRows[0].modelId}` : `` + instantForm.mpName = selectedRows.length !== 0 ? `${selectedRows[0].modelName}-实例` : `` + + setFieldsValue(instantForm) } function onCanel() { - current.value = 0 + state.selectedData=[]; + state.selectedRowKeys=[]; closeModal() } const loading = ref(false) const pointRef = ref() -async function CompleteCreate() { +async function handleSubmit() { try { loading.value = true - - // 由于自定义按钮的,所以confirmLoading失效 - setModalProps({confirmLoading: true, loading: true}) - + console.log(getFieldsValue()) const values = await validate() console.log(values) - // if (unref(isUpdate)) { - // await updateDemo02Category(values) - // } else { - // await createDemo02Category(values) - // } - // 插入数据库 // 获取子组件的测点列表数据 const pointInfoNew = pointRef.value.getPointTableData() values.pointInfo = pointInfoNew - console.log(values) await createInstant(values) - emit('success') createMessage.success(t('common.saveSuccessText')) - } finally { closeModal() + } + catch (e) { + }finally { loading.value = false - - // 由于自定义按钮的,所以confirmLoading失效 - setModalProps({confirmLoading: false, loading: false}) } } -