80 lines
1.7 KiB
Vue
80 lines
1.7 KiB
Vue
<template>
|
|
<!-- <div class="fixed-plugin" v-click-outside="closeDropDown"> -->
|
|
<div class="dropdown show-dropdown" :class="{ show: isOpen }">
|
|
<a data-toggle="dropdown" class="settings-icon">
|
|
<i class="btn btn-info" @click="toggleDropDown">Nuevo </i>
|
|
</a>
|
|
<span class="dropdown-menu" :class="{ show: isOpen }">
|
|
<card class="col-12">
|
|
<template slot="header">
|
|
|
|
<img src="img//card-info.png" alt="" />
|
|
</template>
|
|
|
|
<base-input
|
|
label="Descripcion"
|
|
v-model="newCredito.nombreCredito"
|
|
></base-input>
|
|
|
|
|
|
<base-input
|
|
label="valor"
|
|
type="number"
|
|
v-model="newCredito.valor"
|
|
></base-input>
|
|
|
|
<base-input
|
|
label="Tasa Interés"
|
|
type="number"
|
|
v-model="newCredito.tasa_interes"
|
|
></base-input>
|
|
|
|
<base-button
|
|
|
|
type="info"
|
|
class="mb-3 col-12"
|
|
size="lg"
|
|
@click="saveCredito()"
|
|
>Guardar</base-button
|
|
>
|
|
|
|
</card>
|
|
</span>
|
|
</div>
|
|
<!-- </div> -->
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: "Fcredito",
|
|
props: ["newCredito", "saveCredito","isOpen"],
|
|
// data() {
|
|
|
|
// return {
|
|
// isOpen: false,
|
|
// };
|
|
// },
|
|
methods: {
|
|
toggleDropDown() {
|
|
this.isOpen = !this.isOpen;
|
|
},
|
|
closeDropDown() {
|
|
this.isOpen = false;
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
.settings-icon {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.badge-vue {
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
.color_fondo {
|
|
background-color: #ffffff;
|
|
}
|
|
</style> |