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/DryEquipmentModal.vue | 110 +++++++++++++++++++++++++++--------------------------- 1 files changed, 55 insertions(+), 55 deletions(-) diff --git a/src/views/dry/components/DryEquipmentModal.vue b/src/views/dry/components/DryEquipmentModal.vue index 96759bb..0994f0b 100644 --- a/src/views/dry/components/DryEquipmentModal.vue +++ b/src/views/dry/components/DryEquipmentModal.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 {ref, computed, unref} from 'vue'; - import {BasicModal, useModalInner} from '/@/components/Modal'; - import {BasicForm, useForm} from '/@/components/Form/index'; - import {formSchema} from '../dataDefine/DryEquipment.data'; - import {saveOrUpdate} from '../api/DryEquipment.api'; - // 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 { ref, computed, unref } from 'vue' + import { BasicModal, useModalInner } from '/@/components/Modal' + import { BasicForm, useForm } from '/@/components/Form/index' + import { formSchema } from '../dataDefine/DryEquipment.data' + import { saveOrUpdate } from '../api/DryEquipment.api' + // 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> \ No newline at end of file +</style> -- Gitblit v1.9.3