You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
|
|
<template>
|
|
|
|
|
|
<v-dialog v-model="$store.state.ClientDetails" width="60%" transition="slide-x-transition">
|
|
|
|
|
|
<v-card class="RTL">
|
|
|
|
|
|
<v-card-title class=" grey lighten-3" primary-title>
|
|
|
|
|
|
<WM-PartTitle class="WM-Margin-T-20" TitleFa=" جزئیات مشتری " TitleEn=" Client's Details " Color="cyan"></WM-PartTitle>
|
|
|
|
|
|
</v-card-title>
|
|
|
|
|
|
|
|
|
|
|
|
<v-card-text>
|
|
|
|
|
|
<div class="row">
|
|
|
|
|
|
<div class="col-md-3 WM-Align-R">
|
|
|
|
|
|
<div class="WM-Font-14 WM-Color-Gray"><i class="WMi-user"></i> نام و نام خانوادگی </div>
|
|
|
|
|
|
<div class="WM-Font-20"> علیرضا حسنی </div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-md-6 WM-Align-R">
|
|
|
|
|
|
<div class="WM-Font-14 WM-Color-Gray"><i class="WMi-mail-alt"></i> آدرس آیمیل </div>
|
|
|
|
|
|
<div class="WM-Font-20"> Alireza-Hassani@outlook.com </div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-md-3 WM-Align-R">
|
|
|
|
|
|
<div class="WM-Font-14 WM-Color-Gray"><i class="WMi-phone"></i> شماره ی همراه </div>
|
|
|
|
|
|
<div class="WM-Font-20"> 09127004945 </div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</v-card-text>
|
|
|
|
|
|
<v-divider></v-divider>
|
|
|
|
|
|
|
|
|
|
|
|
<v-card-actions>
|
|
|
|
|
|
<v-spacer></v-spacer>
|
|
|
|
|
|
<v-btn color="cyan" depressed dark @click="$store.state.ClientDetails = false">
|
|
|
|
|
|
<v-icon dark right>fas fa-check</v-icon> بسیار خب
|
|
|
|
|
|
</v-btn>
|
|
|
|
|
|
</v-card-actions>
|
|
|
|
|
|
</v-card>
|
|
|
|
|
|
</v-dialog>
|
|
|
|
|
|
|
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
|
|
|
|
|
|
|
export default {
|
|
|
|
|
|
props: {
|
|
|
|
|
|
Color: { default: 'grey darken-4' },
|
|
|
|
|
|
},
|
|
|
|
|
|
};
|
|
|
|
|
|
</script>
|
