70 lines
1.5 KiB
Vue
70 lines
1.5 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>
|
|
<template slot="header">
|
|
|
|
<img src="img//card-info.png" alt="" />
|
|
</template>
|
|
<base-input
|
|
label="Fecha"
|
|
v-model="newPresupuesto.fecha"
|
|
type="Date"
|
|
required
|
|
></base-input>
|
|
<base-input
|
|
label="Descripcion"
|
|
v-model="newPresupuesto.detalle"
|
|
></base-input>
|
|
<base-button
|
|
|
|
type="info"
|
|
class="mb-3 col-12"
|
|
size="lg"
|
|
@click="savePresupuesto()"
|
|
>Guardar</base-button
|
|
>
|
|
|
|
</card>
|
|
</span>
|
|
</div>
|
|
<!-- </div> -->
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: "Fpresupuesto",
|
|
props: ["newPresupuesto", "savePresupuesto"],
|
|
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> |