|
|
@ -1,8 +1,8 @@
|
|
|
|
<template>
|
|
|
|
<template>
|
|
|
|
<div class="WM-Info-Block" :class='direction'>
|
|
|
|
<div class="WM-Info-Block" :class='direction'>
|
|
|
|
<div class="Label"><v-icon>WMi-{{icon}}</v-icon> {{label}} </div>
|
|
|
|
<div v-if="label" class="Label"><v-icon>WMi-{{icon}}</v-icon> {{label}} </div>
|
|
|
|
<div class="Values pt-1" >
|
|
|
|
<div class="Values pt-1" >
|
|
|
|
<v-chip v-if="values.length > 0" v-for="(value, index) in values" :key="index" color="grey lighten-3 ml-1"> {{ value }} </v-chip>
|
|
|
|
<v-chip v-if="values.length > 0" small label v-for="(value, index) in values" :key="index" color="grey lighten-3 ml-1"> {{ value }} </v-chip>
|
|
|
|
<v-chip outlined color="red" icon="WMi-cancel" v-if="values.length == 0">
|
|
|
|
<v-chip outlined color="red" icon="WMi-cancel" v-if="values.length == 0">
|
|
|
|
<v-icon> WMi-cancel </v-icon> آیتمی مشخص شده نشده است
|
|
|
|
<v-icon> WMi-cancel </v-icon> آیتمی مشخص شده نشده است
|
|
|
|
</v-chip>
|
|
|
|
</v-chip>
|
|
|
@ -17,7 +17,7 @@
|
|
|
|
export default {
|
|
|
|
export default {
|
|
|
|
props: {
|
|
|
|
props: {
|
|
|
|
icon: { default: 'check' },
|
|
|
|
icon: { default: 'check' },
|
|
|
|
label: { default: " عنوان " },
|
|
|
|
label: String,
|
|
|
|
values: { },
|
|
|
|
values: { },
|
|
|
|
direction: { default: '' },
|
|
|
|
direction: { default: '' },
|
|
|
|
},
|
|
|
|
},
|
|
|
@ -27,7 +27,6 @@ export default {
|
|
|
|
.WM-Info-Block {
|
|
|
|
.WM-Info-Block {
|
|
|
|
text-align: right;
|
|
|
|
text-align: right;
|
|
|
|
padding: 5px 10px 10px 10px;
|
|
|
|
padding: 5px 10px 10px 10px;
|
|
|
|
margin-bottom: 10px;
|
|
|
|
|
|
|
|
border-right: 1px solid #dcdcdc;
|
|
|
|
border-right: 1px solid #dcdcdc;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.WM-Info-Block.LTR {
|
|
|
|
.WM-Info-Block.LTR {
|
|
|
|