parent
5144d1aff8
commit
b2ddcec1b6
@ -1,7 +1,7 @@
|
|||||||
{
|
{
|
||||||
"/js/vue/Authentication/app.js": "/js/vue/Authentication/app.js",
|
"/js/vue/Authentication/app.js": "/js/vue/Authentication/app.js?id=1e82449eeed5825a8ba1",
|
||||||
"/js/vue/Home/app.js": "/js/vue/Home/app.js",
|
"/js/vue/Home/app.js": "/js/vue/Home/app.js?id=8eaf21984d417aafd698",
|
||||||
"/js/vue/Modules/CRM/app.js": "/js/vue/Modules/CRM/app.js",
|
"/js/vue/Modules/CRM/app.js": "/js/vue/Modules/CRM/app.js?id=f30c2bd0c5cc464db69b",
|
||||||
"/js/vue/Modules/Reservation/app.js": "/js/vue/Modules/Reservation/app.js",
|
"/js/vue/Modules/Reservation/app.js": "/js/vue/Modules/Reservation/app.js?id=b993b2ea20cfffd23264",
|
||||||
"/js/vue/User/app.js": "/js/vue/User/app.js"
|
"/js/vue/User/app.js": "/js/vue/User/app.js?id=ed8c59c266ebb9751214"
|
||||||
}
|
}
|
||||||
|
@ -1,9 +1,24 @@
|
|||||||
<template>
|
<template>
|
||||||
<div>
|
<div :class="element.width" style="position:relative">
|
||||||
|
<div style="padding:150px;">
|
||||||
|
<h3>{{element.label}}</h3>
|
||||||
|
<template v-if="element.children">
|
||||||
|
<element-factory v-for="(elm, key) in element.children" :element="elm" :key="key"></element-factory>
|
||||||
|
</template>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
import Factory from '../FactoryPattern'
|
import Factory from '../FactoryPattern'
|
||||||
export default {};
|
export default {
|
||||||
|
components:{
|
||||||
|
'element-factory' : Factory
|
||||||
|
},
|
||||||
|
props:{
|
||||||
|
element: {
|
||||||
|
type: Object,
|
||||||
|
required: true
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
</script>
|
</script>
|
@ -0,0 +1,30 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<v-text-field
|
||||||
|
type="number"
|
||||||
|
:label="element.label"
|
||||||
|
:placeholder="element.placeholder"
|
||||||
|
:hint="element.hint"
|
||||||
|
:color="element.color"
|
||||||
|
:append-icon="element.append_icon"
|
||||||
|
:prepend-icon="element.prepend_icon"
|
||||||
|
:class="element.width"
|
||||||
|
></v-text-field>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
props:{
|
||||||
|
element:{
|
||||||
|
type: Object
|
||||||
|
}
|
||||||
|
},
|
||||||
|
watch:{
|
||||||
|
element(){
|
||||||
|
console.log(this.element);
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
</script>
|
@ -0,0 +1,30 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<v-slider
|
||||||
|
:label="element.label"
|
||||||
|
:hint="element.hint"
|
||||||
|
:color="element.color"
|
||||||
|
:append-icon="element.append_icon"
|
||||||
|
:prepend-icon="element.prepend_icon"
|
||||||
|
:class="element.width"
|
||||||
|
:min="element.min"
|
||||||
|
:max="element.max"
|
||||||
|
></v-slider>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
props:{
|
||||||
|
element:{
|
||||||
|
type: Object
|
||||||
|
}
|
||||||
|
},
|
||||||
|
watch:{
|
||||||
|
element(){
|
||||||
|
console.log(this.element);
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
</script>
|
Loading…
Reference in new issue