<script lang="ts" setup>
|
import { nextTick, ref } from 'vue';
|
|
import { BasicModal, useModalInner } from '@jnpf/ui/modal';
|
|
import ConditionMain from './ConditionMain.vue';
|
|
const emit = defineEmits(['register', 'confirm']);
|
const [registerModal, { closeModal, changeLoading }] = useModalInner(init);
|
const conditionMainRef = ref();
|
|
function init(data) {
|
changeLoading(true);
|
nextTick(() => {
|
conditionMainRef.value?.init(data);
|
changeLoading(false);
|
});
|
}
|
function handleSubmit() {
|
const values = conditionMainRef.value?.confirm();
|
if (!values) return;
|
emit('confirm', values);
|
closeModal();
|
}
|
</script>
|
<template>
|
<BasicModal v-bind="$attrs" @register="registerModal" title="过滤规则配置" :width="700" @ok="handleSubmit" destroy-on-close class="jnpf-condition-modal">
|
<ConditionMain ref="conditionMainRef" default-add-empty show-field-value-type is-custom-field-value-type />
|
</BasicModal>
|
</template>
|