eithan
98 lines
2.2 KiB
Vue
98 lines
2.2 KiB
Vue
<template>
|
|
<div class="progressBar my-6">
|
|
<b-steps
|
|
type="is-success"
|
|
size="is-large"
|
|
:has-navigation="false"
|
|
v-model="activeStep"
|
|
>
|
|
<b-step-item
|
|
:visible="activeStep < 6"
|
|
:clickable="false"
|
|
label="Pre Registro"
|
|
icon="account-plus"
|
|
></b-step-item>
|
|
<b-step-item
|
|
:visible="activeStep < 6"
|
|
:clickable="false"
|
|
label="Pre Registro Validado"
|
|
icon="account-clock"
|
|
></b-step-item>
|
|
<b-step-item
|
|
:visible="activeStep < 6"
|
|
:clickable="false"
|
|
label="Registro"
|
|
icon="account"
|
|
></b-step-item>
|
|
<b-step-item
|
|
:visible="activeStep < 6"
|
|
:clickable="false"
|
|
label="Pre Termino"
|
|
icon="account-details"
|
|
></b-step-item>
|
|
<b-step-item
|
|
:visible="activeStep < 6"
|
|
:clickable="false"
|
|
label="Termino"
|
|
icon="account-clock"
|
|
></b-step-item>
|
|
<b-step-item
|
|
:visible="activeStep < 6"
|
|
:clickable="false"
|
|
label="Liberacion"
|
|
icon="account-check"
|
|
></b-step-item>
|
|
|
|
<b-step-item
|
|
:clickable="false"
|
|
:visible="activeStep == 6"
|
|
label="Carta Aceptación Rechazada"
|
|
class="bad"
|
|
icon="file"
|
|
type="is-danger"
|
|
></b-step-item>
|
|
<b-step-item
|
|
:clickable="false"
|
|
:visible="activeStep == 7"
|
|
label="Carta Termino Rechazada"
|
|
icon="file"
|
|
class="bad"
|
|
type="is-danger "
|
|
></b-step-item>
|
|
<b-step-item
|
|
:clickable="false"
|
|
:visible="activeStep == 8"
|
|
label="Informe Global Rechazado"
|
|
icon="file"
|
|
class="bad"
|
|
type="is-danger"
|
|
></b-step-item>
|
|
<b-step-item
|
|
:clickable="false"
|
|
:visible="activeStep == 9"
|
|
label="Cancelado"
|
|
icon="account-cancel"
|
|
class="bad"
|
|
type="is-danger bad"
|
|
></b-step-item>
|
|
</b-steps>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {};
|
|
},
|
|
props: ["activeStep"],
|
|
|
|
};
|
|
</script>
|
|
<style >
|
|
.b-steps .steps .step-items .step-item.is-danger::before, .b-steps .steps .step-items .step-item.is-danger::after{
|
|
display: none !important;
|
|
content: none !important;
|
|
|
|
}
|
|
</style>
|