Add discount per item feature to the bills
This commit is contained in:
@@ -51,6 +51,10 @@
|
||||
<th class="text-right border-right-0 border-bottom-0">{{ trans('bills.price') }}</th>
|
||||
@stack('price_th_end')
|
||||
|
||||
@stack('discount_th_start')
|
||||
<th class="text-right border-right-0 border-bottom-0">{{ trans('bills.discount') }}</th>
|
||||
@stack('discount_th_end')
|
||||
|
||||
@stack('taxes_th_start')
|
||||
<th class="text-right border-right-0 border-bottom-0">{{ trans_choice('general.taxes', 1) }}</th>
|
||||
@stack('taxes_th_end')
|
||||
@@ -69,13 +73,13 @@
|
||||
<button type="button" @click="onAddItem" id="button-add-item" data-toggle="tooltip" title="{{ trans('general.add') }}" class="btn btn-icon btn-outline-success btn-lg" data-original-title="{{ trans('general.add') }}"><i class="fa fa-plus"></i>
|
||||
</button>
|
||||
</td>
|
||||
<td class="text-right border-bottom-0" colspan="5" :colspan="colspan"></td>
|
||||
<td class="text-right border-bottom-0" colspan="6" :colspan="colspan"></td>
|
||||
</tr>
|
||||
@stack('add_item_td_end')
|
||||
|
||||
@stack('sub_total_td_start')
|
||||
<tr id="tr-subtotal">
|
||||
<td class="text-right border-right-0 border-bottom-0" colspan="5" :colspan="colspan">
|
||||
<td class="text-right border-right-0 border-bottom-0" colspan="6" :colspan="colspan">
|
||||
<strong>{{ trans('bills.sub_total') }}</strong>
|
||||
</td>
|
||||
<td class="text-right border-bottom-0 long-texts">
|
||||
@@ -88,7 +92,7 @@
|
||||
|
||||
@stack('add_discount_td_start')
|
||||
<tr id="tr-discount">
|
||||
<td class="text-right border-right-0 border-bottom-0" colspan="5" :colspan="colspan">
|
||||
<td class="text-right border-right-0 border-bottom-0" colspan="6" :colspan="colspan">
|
||||
<el-popover
|
||||
popper-class="p-0 h-0"
|
||||
placement="bottom"
|
||||
@@ -140,7 +144,7 @@
|
||||
|
||||
@stack('tax_total_td_start')
|
||||
<tr id="tr-tax">
|
||||
<td class="text-right border-right-0 border-bottom-0" colspan="5" :colspan="colspan">
|
||||
<td class="text-right border-right-0 border-bottom-0" colspan="6" :colspan="colspan">
|
||||
<strong>{{ trans_choice('general.taxes', 1) }}</strong>
|
||||
</td>
|
||||
<td class="text-right border-bottom-0 long-texts">
|
||||
@@ -153,7 +157,7 @@
|
||||
|
||||
@stack('grand_total_td_start')
|
||||
<tr id="tr-total">
|
||||
<td class="text-right border-right-0" colspan="5" :colspan="colspan">
|
||||
<td class="text-right border-right-0" colspan="6" :colspan="colspan">
|
||||
<strong>{{ trans('bills.total') }}</strong>
|
||||
</td>
|
||||
<td class="text-right long-texts">
|
||||
|
||||
@@ -52,6 +52,10 @@
|
||||
<th class="text-right border-right-0 border-bottom-0">{{ trans('bills.price') }}</th>
|
||||
@stack('price_th_end')
|
||||
|
||||
@stack('discount_th_start')
|
||||
<th class="text-right border-right-0 border-bottom-0">{{ trans('bills.discount') }}</th>
|
||||
@stack('discount_th_end')
|
||||
|
||||
@stack('taxes_th_start')
|
||||
<th class="text-right border-right-0 border-bottom-0">{{ trans_choice('general.taxes', 1) }}</th>
|
||||
@stack('taxes_th_end')
|
||||
@@ -70,13 +74,13 @@
|
||||
<button type="button" @click="onAddItem" id="button-add-item" data-toggle="tooltip" title="{{ trans('general.add') }}" class="btn btn-icon btn-outline-success btn-lg" data-original-title="{{ trans('general.add') }}"><i class="fa fa-plus"></i>
|
||||
</button>
|
||||
</td>
|
||||
<td class="text-right border-bottom-0" colspan="5" :colspan="colspan"></td>
|
||||
<td class="text-right border-bottom-0" colspan="6" :colspan="colspan"></td>
|
||||
</tr>
|
||||
@stack('add_item_td_end')
|
||||
|
||||
@stack('sub_total_td_start')
|
||||
<tr id="tr-subtotal">
|
||||
<td class="text-right border-right-0 border-bottom-0" colspan="5" :colspan="colspan">
|
||||
<td class="text-right border-right-0 border-bottom-0" colspan="6" :colspan="colspan">
|
||||
<strong>{{ trans('bills.sub_total') }}</strong>
|
||||
</td>
|
||||
<td class="text-right border-bottom-0 long-texts">
|
||||
@@ -89,7 +93,7 @@
|
||||
|
||||
@stack('add_discount_td_start')
|
||||
<tr id="tr-discount">
|
||||
<td class="text-right border-right-0 border-bottom-0" colspan="5" :colspan="colspan">
|
||||
<td class="text-right border-right-0 border-bottom-0" colspan="6" :colspan="colspan">
|
||||
<el-popover
|
||||
popper-class="p-0 h-0"
|
||||
placement="bottom"
|
||||
@@ -141,7 +145,7 @@
|
||||
|
||||
@stack('tax_total_td_start')
|
||||
<tr id="tr-tax">
|
||||
<td class="text-right border-right-0 border-bottom-0" colspan="5" :colspan="colspan">
|
||||
<td class="text-right border-right-0 border-bottom-0" colspan="6" :colspan="colspan">
|
||||
<strong>{{ trans_choice('general.taxes', 1) }}</strong>
|
||||
</td>
|
||||
<td class="text-right border-bottom-0 long-texts">
|
||||
@@ -154,7 +158,7 @@
|
||||
|
||||
@stack('grand_total_td_start')
|
||||
<tr id="tr-total">
|
||||
<td class="text-right border-right-0" colspan="5" :colspan="colspan">
|
||||
<td class="text-right border-right-0" colspan="6" :colspan="colspan">
|
||||
<strong>{{ trans('bills.total') }}</strong>
|
||||
</td>
|
||||
<td class="text-right long-texts">
|
||||
|
||||
@@ -98,6 +98,37 @@
|
||||
</td>
|
||||
@stack('price_td_end')
|
||||
|
||||
@stack('discount_td_start')
|
||||
<td class="border-right-0 border-bottom-0 w-12"
|
||||
:class="[{'has-error': form.errors.has('items.' + index + '.discount') }]">
|
||||
@stack('discount_input_start')
|
||||
<div class="input-group input-group-merge">
|
||||
<div class="input-group-prepend">
|
||||
<span class="input-group-text" id="input-discount">
|
||||
<i class="fa fa-percent"></i>
|
||||
</span>
|
||||
</div>
|
||||
<input type="number"
|
||||
max="100"
|
||||
min="0"
|
||||
class="form-control text-center"
|
||||
:name="'items.' + index + '.discount'"
|
||||
autocomplete="off"
|
||||
required="required"
|
||||
data-item="quantity"
|
||||
v-model="row.discount"
|
||||
@input="onCalculateTotal"
|
||||
@change="form.errors.clear('items.' + index + '.discount')">
|
||||
|
||||
<div class="invalid-feedback d-block"
|
||||
v-if="form.errors.has('items.' + index + '.discount')"
|
||||
v-html="form.errors.get('items.' + index + '.discount')">
|
||||
</div>
|
||||
</div>
|
||||
@stack('discount_input_end')
|
||||
</td>
|
||||
@stack('discount_td_end')
|
||||
|
||||
@stack('taxes_td_start')
|
||||
<td class="border-right-0 border-bottom-0"
|
||||
:class="[{'has-error': form.errors.has('items.' + index + '.tax_id') }]">
|
||||
|
||||
@@ -339,6 +339,10 @@
|
||||
<th class="col-sm-3 text-right d-none d-sm-block">{{ trans('bills.price') }}</th>
|
||||
@stack('price_th_end')
|
||||
|
||||
@stack('discount_th_start')
|
||||
<th class="col-sm-1 text-center d-none d-sm-block">{{ trans('bills.discount') }}</th>
|
||||
@stack('discount_th_end')
|
||||
|
||||
@stack('total_th_start')
|
||||
<th class="col-xs-4 col-sm-3 text-right pr-5">{{ trans('bills.total') }}</th>
|
||||
@stack('total_th_end')
|
||||
@@ -362,6 +366,10 @@
|
||||
<td class="col-sm-3 text-right d-none d-sm-block">@money($bill_item->price, $bill->currency_code, true)</td>
|
||||
@stack('price_td_end')
|
||||
|
||||
@stack('discount_td_start')
|
||||
<td class="col-sm-1 text-center d-none d-sm-block">{{ $bill_item->discount_rate }}</td>
|
||||
@stack('discount_td_end')
|
||||
|
||||
@stack('total_td_start')
|
||||
<td class="col-xs-4 col-sm-3 text-right pr-5">@money($bill_item->total, $bill->currency_code, true)</td>
|
||||
@stack('total_td_end')
|
||||
|
||||
Reference in New Issue
Block a user