| | |
| | | <template> |
| | | ProdSceneInfo |
| | | <BaseProdProcess :active="active"> |
| | | <template #step1> |
| | | <ProdQueryOpt :loading="loading" @submit="onSearch"> </ProdQueryOpt> |
| | | </template> |
| | | <template #step2></template> |
| | | <template #step3></template> |
| | | </BaseProdProcess> |
| | | </template> |
| | | <script></script> |
| | | <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> |