update

init
2025-06-27 17:42:38 +08:00
commit bd6402478b
5317 changed files with 785994 additions and 0 deletions
@@ -0,0 +1,100 @@
+<template>
+    <BasicModal
+        style="z-index: 999"
+        v-bind="$attrs"
+        @register="registerModal"
+        destroyOnClose
+        :title="title"
+        :width="700"
+        @ok="handleSubmit"
+        :maskClosable="false"
+    >
+        <replace-other title="选择用户" ref="replaceOtherRef" @choose-employ="onSelectUserOk" />
+        <BasicForm @register="registerForm" />
+    </BasicModal>
+    <!--    <UserSelectModal style="z-index: 1001" rowKey="id" @register="registerSelUserModal" @get-select-result="onSelectUserOk" />-->
+    <!--    <replace-other ref="replaceOtherRef" @choose-employ="onSelectUserOk" />-->
+</template>
+
+<script lang="ts" setup>
+    import { ref, unref } from 'vue';
+    import { BasicModal, useModalInner } from '/@/components/Modal';
+    import { BasicForm, useForm } from '/@/components/Form/index';
+    import { formSchema } from '../SysMessageRemind.data';
+    import { saveOrUpdate } from '../SysMessageRemind.api';
+    import UserSelectModal from '/@/components/Form/src/jeecg/components/modal/UserSelectModalIllness.vue';
+    import { useDrawer } from '/@/components/Drawer';
+    import ReplaceOther from '/@/views/emergency/communication/components/replaceOther.vue';
+    const [registerSelUserModal, { openDrawer }] = useDrawer();
+
+    // Emits声明
+    const emit = defineEmits(['register', 'success']);
+    const isUpdate = ref(true);
+    const replaceOtherRef = ref();
+    // 设置标题
+    let title = ref('');
+    //表单配置
+    const [registerForm, { setProps, resetFields, setFieldsValue, validate, clearValidate }] = useForm({
+        //labelWidth: 150,
+        schemas: formSchema,
+        showActionButtonGroup: false,
+        baseColProps: { span: 24 },
+    });
+    // let findIndex: number = formSchema.findIndex((item) => item.field === 'userName');
+    // if (formSchema[findIndex].componentProps) {
+    formSchema[1]!.componentProps.onClick = () => {
+        replaceOtherRef.value.showModal();
+    };
+    // }
+    //表单赋值
+    const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+        title.value = data.title;
+        //重置表单
+        await resetFields();
+        setModalProps({ confirmLoading: false, showCancelBtn: !!data?.showFooter, showOkBtn: !!data?.showFooter });
+        isUpdate.value = !!data?.isUpdate;
+        if (unref(isUpdate)) {
+            //表单赋值
+            await setFieldsValue({
+                ...data.record,
+            });
+        }
+        await clearValidate();
+        // 隐藏底部时禁用整个表单
+        setProps({ disabled: !data?.showFooter });
+    });
+    // 选择用户成功
+    async function onSelectUserOk(d) {
+        const json: object = JSON.parse(d);
+        await setFieldsValue({
+            userName: json.realname,
+            userId: json.id,
+        });
+    }
+    //表单提交事件
+    async function handleSubmit() {
+        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>