From beca65f4d01ca07c358102a35b949c2a4f277afe Mon Sep 17 00:00:00 2001 From: baoshiwei <baoshiwei@shlanbao.cn> Date: 星期三, 24 五月 2023 10:36:27 +0800 Subject: [PATCH] 增加车间监控界面 --- src/views/dry/components/DryHerbModal.vue | 114 ++++++++++++++++++++++++++++---------------------------- 1 files changed, 57 insertions(+), 57 deletions(-) diff --git a/src/views/dry/components/DryHerbModal.vue b/src/views/dry/components/DryHerbModal.vue index c90cac3..c08b364 100644 --- a/src/views/dry/components/DryHerbModal.vue +++ b/src/views/dry/components/DryHerbModal.vue @@ -1,66 +1,66 @@ <template> - <BasicModal v-bind="$attrs" @register="registerModal" destroyOnClose :title="title" :width="800" @ok="handleSubmit"> - <BasicForm @register="registerForm" /> - </BasicModal> + <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/DryHerb.api'; -import { formSchema } from '../dataDefine/DryHerb.data'; -import { BasicForm, useForm } from '/@/components/Form/index'; -import { BasicModal, useModalInner } from '/@/components/Modal'; - // Emits澹版槑 - const emit = defineEmits(['register', 'success']); - const isUpdate = ref(true); - //琛ㄥ崟閰嶇疆 - 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 }); - } - } + import { computed, ref, unref } from 'vue' + import { saveOrUpdate } from '../api/DryHerb.api' + import { formSchema } from '../dataDefine/DryHerb.data' + import { BasicForm, useForm } from '/@/components/Form/index' + import { BasicModal, useModalInner } from '/@/components/Modal' + // Emits澹版槑 + const emit = defineEmits(['register', 'success']) + const isUpdate = ref(true) + //琛ㄥ崟閰嶇疆 + 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-input-number) { + width: 100%; + } - :deep(.ant-calendar-picker) { - width: 100%; - } + :deep(.ant-calendar-picker) { + width: 100%; + } </style> -- Gitblit v1.9.3