<template>
|
<BaseProdProcess :active="active">
|
<template #step1>
|
<ProdQueryOpt :loading="loading" @submit="onSearch"> </ProdQueryOpt>
|
</template>
|
<template #step2></template>
|
<template #step3></template>
|
</BaseProdProcess>
|
</template>
|
<script setup>
|
import { ref } from 'vue';
|
import BaseProdProcess from '@/views/fysp/data-product/base-data-product/components/BaseProdProcess.vue';
|
import ProdQueryOpt from '@/views/fysp/data-product/base-data-product/components/ProdQueryOpt.vue';
|
|
const active = ref(1);
|
const loading = ref(false)
|
|
function changeActive() {
|
active.value++;
|
active.value = active.value > 3 ? 1 : active.value;
|
}
|
|
function onSearch(opt) {
|
console.log(opt);
|
loading.value = true;
|
setTimeout(() => {
|
changeActive()
|
loading.value = false;
|
}, 1000);
|
}
|
</script>
|
