|
|
<!-- --------------------------------------------------------------------
|
|
|
Add Event Modal
|
|
|
-------------------------------------------------------------------- -->
|
|
|
<template>
|
|
|
<v-dialog v-model="$store.state.TransactionAdd" 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=" Add a Transaction " Color="black"></WM-PartTitle>
|
|
|
</v-card-title>
|
|
|
|
|
|
<v-card-text>
|
|
|
<v-layout row wrap class="WM-Section" style="border-right-color: #000;">
|
|
|
<v-flex lg3>
|
|
|
<v-card-text>
|
|
|
<v-autocomplete prepend-icon="fas fa-align-right" :items="transactionTypes" color="black" item-text="name" label=" عنوان تراکنش "></v-autocomplete>
|
|
|
</v-card-text>
|
|
|
</v-flex>
|
|
|
<v-flex lg3>
|
|
|
<v-card-text>
|
|
|
<v-text-field class="LTR" :mask="mask" label=" مبلغ پرداختی - تومان" color="cyan" prepend-icon="fas fa-credit-card" ></v-text-field>
|
|
|
</v-card-text>
|
|
|
</v-flex>
|
|
|
<v-flex lg3>
|
|
|
<v-card-text>
|
|
|
<v-text-field class="LTR" :mask="mask" label=" مبلغ بدهی - تومان " color="red" prepend-icon="fas fa-credit-card" ></v-text-field>
|
|
|
</v-card-text>
|
|
|
</v-flex>
|
|
|
<v-flex lg3>
|
|
|
<v-radio-group row>
|
|
|
<v-radio class="Fa" color="red" label=" نقدی " value="cash"></v-radio>
|
|
|
<v-radio class="Fa" color="red" label=" کارت خوان " value="pos"></v-radio>
|
|
|
<v-radio class="Fa" color="red" label=" کارت به کارت " value="transfer"></v-radio>
|
|
|
<v-radio class="Fa" color="red" label=" چک " value="check"></v-radio>
|
|
|
</v-radio-group>
|
|
|
</v-flex>
|
|
|
</v-layout>
|
|
|
<v-layout row wrap class="WM-Section" style="border-right-color: #BDBDBD;">
|
|
|
<v-flex xs12 sm4 md2>
|
|
|
<v-card-text>
|
|
|
<v-menu :close-on-content-click="false" v-model="transactionDate" :nudge-right="40" lazy transition="slide-y-transition" offset-y full-width min-width="290px">
|
|
|
<v-text-field slot="activator" v-model="date" label=" تاریخ انجام تراکنش " prepend-icon="fas fa-calendar-alt" color="black" readonly></v-text-field>
|
|
|
<v-date-picker v-model="date" @input="transactionDate = false" color="black" locale="fa-ir"></v-date-picker>
|
|
|
</v-menu>
|
|
|
</v-card-text>
|
|
|
</v-flex>
|
|
|
<v-flex xs12 sm4 md2>
|
|
|
<v-card-text>
|
|
|
<v-menu ref="clientTimeMenu" v-model="transactionTimeMenu" :close-on-content-click="false" :nudge-right="40" :return-value.sync="transactionTime" lazy transition="slide-y-transition" offset-y full-width max-width="290px" min-width="290px">
|
|
|
<template v-slot:activator="{ on }">
|
|
|
<v-text-field v-model="transactionTime" label=" ساعت انجام تراکنش " prepend-icon="fas fa-clock" class="text-lg-center" readonly color="black" v-on="on"></v-text-field>
|
|
|
</template>
|
|
|
<v-time-picker class="LTR" v-if="transactionTimeMenu" v-model="transactionTime" color="black" full-width @click:minute="$refs.transactionTimeMenu.save(transactionTime)" locale="fa-ir"></v-time-picker>
|
|
|
</v-menu>
|
|
|
</v-card-text>
|
|
|
</v-flex>
|
|
|
<v-flex md12>
|
|
|
<v-textarea name="input-7-1" label=" توضیحات تراکنش " value="" hint="حداکثر 2500 کاراکتر " color="black" prepend-icon="fas fa-quote-right"></v-textarea>
|
|
|
</v-flex>
|
|
|
</v-layout>
|
|
|
<v-layout row wrap class="WM-Section" style="border-right-color: #E0E0E0; position:relative; padding: 0px 15px;">
|
|
|
<v-flex md12 class="text-lg-right" mt-2> اگر مایل هستید، آیتم های دریافت شده توسط مشتری به ازای مبلغ پرداخت شده را، لیست کنید </v-flex>
|
|
|
<v-card-text class="Duplicate">
|
|
|
<v-layout row wrap pl-2>
|
|
|
<v-flex lg3>
|
|
|
<v-text-field label=" نام آیتم " color="cyan" prepend-icon="fas fa-info"></v-text-field>
|
|
|
</v-flex>
|
|
|
<v-flex lg2>
|
|
|
<v-text-field label=" تعداد " color="cyan" prepend-icon="fas fa-sort-numeric-up"></v-text-field>
|
|
|
</v-flex>
|
|
|
<v-flex lg2>
|
|
|
<v-text-field label=" قیمت " color="cyan" prepend-icon="fas fa-credit-card"></v-text-field>
|
|
|
</v-flex>
|
|
|
<v-flex lg5>
|
|
|
<v-text-field label=" توضیحات " color="cyan" prepend-icon="fas fa-quote-right"></v-text-field>
|
|
|
</v-flex>
|
|
|
<v-btn fab color="cyan" fixed bottom left dark style="left:15px; bottom:-25px; position:absolute"><v-icon dark>fas fa-plus</v-icon></v-btn>
|
|
|
<v-btn fab small color="red" fixed bottom left dark style="left:-5px; top:-20px; position:absolute"><v-icon dark>fas fa-times</v-icon></v-btn>
|
|
|
</v-layout>
|
|
|
</v-card-text>
|
|
|
|
|
|
</v-layout>
|
|
|
|
|
|
|
|
|
</v-card-text>
|
|
|
|
|
|
<v-divider></v-divider>
|
|
|
|
|
|
<v-card-actions>
|
|
|
<v-spacer></v-spacer>
|
|
|
<v-btn color="black" depressed dark @click="$store.state.TransactionAdd = false">
|
|
|
<v-icon dark right>fas fa-plus</v-icon> ثبت تراکنش
|
|
|
</v-btn>
|
|
|
</v-card-actions>
|
|
|
</v-card>
|
|
|
</v-dialog>
|
|
|
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
|
|
|
export default {
|
|
|
props: {
|
|
|
Color: { default: 'grey darken-4' },
|
|
|
},
|
|
|
data () {
|
|
|
return {
|
|
|
mask: '###,###,###,###',
|
|
|
transactionTypes: [
|
|
|
{ name: ' حق ویزیت ', id: 1 },
|
|
|
{ name: ' بوتاکس ', id: 2 },
|
|
|
{ name: ' لایه برداری ', id: 3 },
|
|
|
],
|
|
|
date: new Date().toISOString().substr(0, 10),
|
|
|
transactionDate: false,
|
|
|
transactionTime: '12:00',
|
|
|
transactionTimeMenu: false,
|
|
|
}
|
|
|
}
|
|
|
|
|
|
};
|
|
|
</script>
|
