danielGe/CensoFront
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

cambio de boton prueba 1

Browse Source
This commit is contained in:
eithan
2021-01-27 18:44:13 -06:00
parent 81a0b42901
commit 11db26ba35
1 changed files with 12 additions and 90 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/modalActualizar.vue
+12 -90
View File
@@ -19,57 +19,19 @@
<label style=" padding-top:1rem;">Actualizar: </label>
</b-col>
<b-col sm="9">
<div v-if="opciones.length!=0" class=" rescont dropdowm">
<!-- <b-dropdown
split
block
split-variant="outline-primary"
variant="primary"
v-bind:text="opcionSeleted != '' ? opcionSeleted.nombre : campo"
class="m-2"
style="margin: 0"
@click="showSelect"
>
<div class="dd">
<b-dropdown-item class="text-wrap text-break item" v-for="(opcion,index) in opciones" v-bind:key="index" @click="opcionSeleted=opcion">{{opcion.nombre}}</b-dropdown-item>
</div>
</b-dropdown> -->
<button class="btn btn-outline-primary dropdown-toggle btn btn-outline-primary btn-block short" @click="show()" >
<div class="dropdown-container" v-if="opciones.length!=0">
<div class="dropdown">
<button class="btn dropdown-toggle btn btn-outline-primary dropdown-toggle btn-block short" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
{{opcionSeleted != '' ? opcionSeleted.nombre : campo}}
</button>
<div class="dropdown" v-if="showSelect">
<div class="dropdown-menu list-group-item " aria-labelledby="dropdownMenuButton" id="drop">
<a class="dropdown-item " v-for="(opcion,index) in opciones" v-bind:key="index" @click="opcionSeleted=opcion"><p> {{opcion.nombre}}</p></a>
<div class="dropdown-menu " aria-labelledby="dropdownMenuButton">
<div class="containerDrop" v-for="(opcion,index) in opciones" v-bind:key="index" @click="opcionSeleted=opcion">
<a class="dropdown-item " ><p> {{opcion.nombre}}</p></a>
</div>
</div>
</div>
<!-- <div v-if="opciones.length!=0" class=" rescont dropdowm">
<button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Dropdown button
</button>
<ul class=" dropdown-menu d-block dropdown " >
<li
class=" dropdown-item stext-wrap "
v-for="(opcion,index) in opciones" v-bind:key="index" @click="opcionSeleted=opcion"
>
{{opcion.nombre}}
</li>
</ul>
</div> -->
</div>
<b-form-input v-else v-model="campoValue" class="m-2" placeholder="Actualizar campo" style="margin: 0"></b-form-input>
</b-col>
@@ -104,39 +66,12 @@
height: auto;
width: 100% !important;
}
.dropdown-menu{
width: 100%;
}
.rescont {
z-index: 2;
}
.list-group-item {
padding: 12px 16px;
}
.dropdown-menu .show{
height: 800px;
}
.dd{
position: a ;
height: 20rem;
width: 100%;
overflow-y: scroll;
height:200px !important;
overflow: hidden;
white-space: pre;
text-overflow: ellipsis;
-webkit-appearance: none;
word-wrap: break-word;
text-overflow: inherit;
white-space: normal;
}
.item{
word-wrap: break-word;
}
</style>
@@ -156,16 +91,11 @@ export default {
return {
opcionSeleted: '',
campoValue:'',
pc: this.campo,
showSelect: false
pc: this.campo
}
},
methods:{
show(){
this.showSelect = !this.showSelect
},
cambiar(){
this.opcionSeleted = '';
@@ -238,14 +168,6 @@ export default {
}
},
watch:{
opcionSeleted () {
this.showSelect = false
}
}
}
</script>