From fa3ac93010bea3805438ee3ab0a182bfbf7423da Mon Sep 17 00:00:00 2001 From: baoshiwei <baoshiwei@shlanbao.cn> Date: 星期一, 27 五月 2024 16:19:31 +0800 Subject: [PATCH] Merge remote-tracking branch 'origin/master' --- src/views/dry/components/DryOrderModal.vue | 66 +++++++++++++++++++++++++++++++++ 1 files changed, 66 insertions(+), 0 deletions(-) diff --git a/src/views/dry/components/DryOrderModal.vue b/src/views/dry/components/DryOrderModal.vue new file mode 100644 index 0000000..3fd7795 --- /dev/null +++ b/src/views/dry/components/DryOrderModal.vue @@ -0,0 +1,66 @@ +<template> + <BasicModal v-bind="$attrs" @register="registerModal" destroyOnClose :title="title" :width="800" @ok="handleSubmit"> + <BasicForm @register="registerForm" /> + </BasicModal> +</template> + +<script lang="ts" setup> + import { computed, ref, unref } from 'vue' + import { saveOrUpdate } from '../api/DryOrder.api' + import { formSchema } from '../dataDefine/DryOrder.data' + import { BasicForm, useForm } from '/@/components/Form/index' + import { BasicModal, useModalInner } from '/@/components/Modal' + // Emits澹版槑 + const emit = defineEmits(['register', 'success']) + const isUpdate = ref(true) + //searchFormSchema + const [registerForm, { setProps, resetFields, setFieldsValue, validate }] = useForm({ + //labelWidth: 150, + schemas: formSchema, + showActionButtonGroup: false, + baseColProps: { span: 24 }, + }) + //琛ㄥ崟璧嬪�� + const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => { + //閲嶇疆琛ㄥ崟 + await resetFields() + setModalProps({ confirmLoading: false, showCancelBtn: !!data?.showFooter, showOkBtn: !!data?.showFooter }) + isUpdate.value = !!data?.isUpdate + if (unref(isUpdate)) { + //琛ㄥ崟璧嬪�� + await setFieldsValue({ + ...data.record, + }) + } + // 闅愯棌搴曢儴鏃剁鐢ㄦ暣涓〃鍗� + setProps({ disabled: !data?.showFooter }) + }) + //璁剧疆鏍囬 + const title = computed(() => (!unref(isUpdate) ? '鏂板' : '缂栬緫')) + //琛ㄥ崟鎻愪氦浜嬩欢 + async function handleSubmit(v) { + try { + let values = await validate() + setModalProps({ confirmLoading: true }) + //鎻愪氦琛ㄥ崟 + await saveOrUpdate(values, isUpdate.value) + //鍏抽棴寮圭獥 + closeModal() + //鍒锋柊鍒楄〃 + emit('success') + } finally { + setModalProps({ confirmLoading: false }) + } + } +</script> + +<style lang="less" scoped> + /** 鏃堕棿鍜屾暟瀛楄緭鍏ユ鏍峰紡 */ + :deep(.ant-input-number) { + width: 100%; + } + + :deep(.ant-calendar-picker) { + width: 100%; + } +</style> -- Gitblit v1.9.3