fwk-q-flowable (Tbx Quasar Component)
La libreria fwk-q-flowable consta de un componente .Vue (en el que se mostrara un ejemplo a contiuacion) y constara de un hook.
Installation
Instalar fwk-q-flowable con npm
npm install fwk-q-flowableUsage/Example
Se podra acceder al hook llamado "autoNextProcess", el cual, ejecuta todos los pasos del proceso de manera automatica. Este hook es efectivo en caso de que no se desee incorporar el componente .Vue .
import { useFlowable } from 'fwk-q-flowable'
const flowable = useFlowable()
// Para su uso, ejecutar dentro de un evento
flowable.autoNextProcess({
wf_name: 'Nombre flujo',
parameters: [
{ key: 'X', value: 'Z' }
// n cantidad de parameters
],
diagnostic_id: '',
product_id: '',
component_id: '',
step_id_current: ''
})<template>
<Flowable ref="refFlowable" @finish="finish" />
</template>
<script setup>
import { onMounted, ref } from 'vue'
import store from './store'
import { main } from 'fwk-quasar'
import { Flowable } from 'src/components/prueba-refactor-flowable'
import { ui } from 'fwk-q-ui'
import { useRouter } from 'vue-router'
const router = useRouter()
const refFlowable = ref(null)
onMounted(async () => {
ui.actions.setTitle('Nombre pagina')
refFlowable.value.set({
fnCallBackMetrics: store.actions.metricSaveListadoIps,
plNextProcessInitial: {
wf_name: 'Nombre flujo',
parameters: [
{ key: 'X', value: 'Z' }
// n cantidad de parameters
],
diagnostic_id: '',
product_id: '',
component_id: '',
step_id_current: ''
}
})
})
const finish = () => (router.go(-1))
</script>
<style scoped></style>