parent
ef9a084fdf
commit
86f1b962a8
@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"/js/vue/Authentication/app.js": "/js/vue/Authentication/app.js?id=ae0020c3ea87585d11e2",
|
"/js/vue/Authentication/app.js": "/js/vue/Authentication/app.js?id=586f299c24bf749d2f3c",
|
||||||
"/js/vue/Home/app.js": "/js/vue/Home/app.js?id=a60eee632dda35e62e92",
|
"/js/vue/Home/app.js": "/js/vue/Home/app.js?id=f4ad28357a5e94487801",
|
||||||
"/js/vue/Modules/CRM/app.js": "/js/vue/Modules/CRM/app.js?id=7701333a8c35f7da26ba",
|
"/js/vue/Modules/CRM/app.js": "/js/vue/Modules/CRM/app.js?id=c4391f11fc4c91ba84a6",
|
||||||
"/js/vue/User/app.js": "/js/vue/User/app.js?id=620f4775165bb2cb796d"
|
"/js/vue/User/app.js": "/js/vue/User/app.js?id=9169814f6c1ee0c82078"
|
||||||
}
|
}
|
||||||
|
@ -1,70 +1,88 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="WM-Checkbox c-toggle-hide RTL WM-Align-R">
|
<div class="WM-Checkbox c-toggle-hide RTL WM-Align-R">
|
||||||
<input
|
<input
|
||||||
type="checkbox"
|
type="checkbox"
|
||||||
:id="rand"
|
:id="rand"
|
||||||
class="c-check"
|
class="c-check"
|
||||||
:value="valueSelected"
|
:value="valueSelected"
|
||||||
v-model="values"
|
v-model="values"
|
||||||
@change="changeValue"
|
@change="changeValue"
|
||||||
/>
|
/>
|
||||||
<label :for="rand">
|
<label :for="rand">
|
||||||
<span class="inc"></span>
|
<span class="inc"></span>
|
||||||
<span class="check"></span>
|
<span class="check"></span>
|
||||||
<span class="box"></span>
|
<span class="box"></span>
|
||||||
{{ showText }}
|
{{ showText }}
|
||||||
</label>
|
</label>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
export default {
|
export default {
|
||||||
props: {
|
props: {
|
||||||
itemValue: { default: null },
|
itemValue: { default: null },
|
||||||
itemText: { default: null },
|
itemText: { default: null },
|
||||||
text: { default: " " },
|
text: { default: " " },
|
||||||
item: { default: {} },
|
item: { default: {} },
|
||||||
color: { default: "Red" },
|
color: { default: "Red" },
|
||||||
value: {type: Array},
|
value: { type: Array }
|
||||||
},
|
},
|
||||||
data: function() {
|
data: function() {
|
||||||
return {
|
return {
|
||||||
IconClass: "WMi-" + this.Icon,
|
IconClass: "WMi-" + this.Icon,
|
||||||
values: this.value,
|
rand: Math.random()
|
||||||
rand : Math.random()
|
};
|
||||||
};
|
},
|
||||||
},
|
computed: {
|
||||||
computed: {
|
valueSelected() {
|
||||||
valueSelected() {
|
if (this.itemValue) {
|
||||||
if (this.itemValue) {
|
return this.item[this.itemValue];
|
||||||
return this.item[this.itemValue];
|
}
|
||||||
}
|
return this.item;
|
||||||
return this.item;
|
},
|
||||||
},
|
showText() {
|
||||||
showText() {
|
if (this.itemText) {
|
||||||
if (this.itemText) {
|
return this.item[this.itemText];
|
||||||
return this.item[this.itemText];
|
}
|
||||||
}
|
return this.text;
|
||||||
return this.text;
|
},
|
||||||
},
|
values: {
|
||||||
},
|
get() {
|
||||||
methods:{
|
if (this.itemValue) {
|
||||||
changeValue($event) {
|
let newval = [];
|
||||||
if (this.value) {
|
for (const val of this.value) {
|
||||||
if ($event.target.checked) {
|
newval.push(val[this.itemValue]);
|
||||||
this.value.push(this.valueSelected);
|
}
|
||||||
} else {
|
return newval;
|
||||||
let index = this.value.findIndex(x => x == this.valueSelected);
|
}
|
||||||
this.value.splice(index, 1);
|
return this.value;
|
||||||
}
|
},
|
||||||
}
|
set() {}
|
||||||
this.$emit('change', this.ItemID, $event.target.checked);
|
}
|
||||||
}
|
},
|
||||||
},
|
methods: {
|
||||||
watch:{
|
changeValue($event) {
|
||||||
value(value) {
|
if (this.value) {
|
||||||
this.values = value;
|
if ($event.target.checked) {
|
||||||
}
|
this.value.push(this.valueSelected);
|
||||||
}
|
} else {
|
||||||
|
let index = this.value.findIndex(
|
||||||
|
x => x == this.valueSelected
|
||||||
|
);
|
||||||
|
this.value.splice(index, 1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
this.$emit("change", this.item, $event.target.checked);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
value(value) {
|
||||||
|
if (this.itemValue) {
|
||||||
|
this.values = value[this.itemValue];
|
||||||
|
} else {
|
||||||
|
this.values = value;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
Loading…
Reference in new issue