2018-11-27 14:02:54 +00:00
|
|
|
<vn-crud-model auto-load="false"
|
2018-07-17 06:44:31 +00:00
|
|
|
vn-id="model"
|
|
|
|
url="/api/Tickets/{{$ctrl.$stateParams.id}}/getSales"
|
2018-10-22 06:23:10 +00:00
|
|
|
data="$ctrl.sales">
|
2018-07-17 06:44:31 +00:00
|
|
|
</vn-crud-model>
|
2019-09-05 07:00:55 +00:00
|
|
|
<vn-watcher
|
|
|
|
vn-id="watcher"
|
|
|
|
data="$ctrl.sales">
|
|
|
|
</vn-watcher>
|
2018-03-22 17:02:48 +00:00
|
|
|
<vn-vertical>
|
|
|
|
<vn-card pad-large>
|
2018-03-23 15:50:11 +00:00
|
|
|
<vn-vertical>
|
2019-02-06 10:42:22 +00:00
|
|
|
<vn-horizontal class="header">
|
|
|
|
<vn-tool-bar margin-medium-bottom>
|
2019-06-05 11:39:15 +00:00
|
|
|
<vn-button
|
|
|
|
disabled="!$ctrl.isEditable"
|
|
|
|
label="Ok"
|
2019-06-20 11:50:58 +00:00
|
|
|
vn-http-click="$ctrl.onStateOkClick()"
|
2019-02-06 10:42:22 +00:00
|
|
|
vn-tooltip="Change ticket state to 'Ok'">
|
|
|
|
</vn-button>
|
2019-06-05 11:39:15 +00:00
|
|
|
<vn-button-menu
|
2019-02-06 10:42:22 +00:00
|
|
|
disabled="!$ctrl.isEditable"
|
|
|
|
label="State"
|
2019-06-27 07:44:19 +00:00
|
|
|
value-field="id"
|
2019-08-08 06:33:27 +00:00
|
|
|
url="/api/States/editableStates"
|
2019-02-06 10:42:22 +00:00
|
|
|
on-change="$ctrl.onStateChange(value)">
|
|
|
|
</vn-button-menu>
|
|
|
|
<vn-button-menu
|
|
|
|
ng-show="$ctrl.isChecked"
|
|
|
|
vn-id="more-button"
|
|
|
|
label="More"
|
|
|
|
show-filter="false"
|
|
|
|
value-field="callback"
|
|
|
|
translate-fields="['name']"
|
|
|
|
on-change="$ctrl.onMoreChange(value)"
|
|
|
|
on-open="$ctrl.onMoreOpen()">
|
|
|
|
</vn-button-menu>
|
|
|
|
<vn-button
|
|
|
|
disabled="!$ctrl.isChecked || !$ctrl.isEditable"
|
2019-06-05 11:39:15 +00:00
|
|
|
ng-click="$ctrl.showRemoveLinesDialog()"
|
|
|
|
vn-tooltip="Remove lines"
|
2019-02-06 10:42:22 +00:00
|
|
|
tooltip-position="up"
|
|
|
|
icon="delete">
|
|
|
|
</vn-button>
|
2019-06-05 11:39:15 +00:00
|
|
|
<vn-button
|
2019-02-06 10:42:22 +00:00
|
|
|
disabled="!$ctrl.isChecked || !$ctrl.isEditable"
|
2019-06-05 11:39:15 +00:00
|
|
|
ng-click="$ctrl.showTransferPopover($event);"
|
|
|
|
vn-tooltip="Transfer lines"
|
2019-02-06 10:42:22 +00:00
|
|
|
tooltip-position="right"
|
|
|
|
icon="call_split">
|
|
|
|
</vn-button>
|
|
|
|
</vn-tool-bar>
|
|
|
|
<vn-one class="taxes" ng-if="$ctrl.sales.length > 0">
|
2019-02-21 07:43:04 +00:00
|
|
|
<p><vn-label translate>Subtotal</vn-label> {{$ctrl.subtotal | currency: 'EUR':2}}</p>
|
2019-02-06 10:42:22 +00:00
|
|
|
<p><vn-label translate>VAT</vn-label> {{$ctrl.VAT | currency: 'EUR':2}}</p>
|
|
|
|
<p><vn-label><strong>Total</strong></vn-label> <strong>{{$ctrl.total | currency: 'EUR':2}}</strong></p>
|
|
|
|
</vn-one>
|
|
|
|
</vn-horizontal>
|
2018-07-17 06:44:31 +00:00
|
|
|
<vn-table model="model">
|
|
|
|
<vn-thead>
|
|
|
|
<vn-tr>
|
2019-02-20 13:34:16 +00:00
|
|
|
<vn-th shrink>
|
2019-06-05 11:39:15 +00:00
|
|
|
<vn-multi-check
|
2019-04-30 06:00:27 +00:00
|
|
|
model="model">
|
2018-06-06 14:54:40 +00:00
|
|
|
</vn-multi-check>
|
2018-07-17 06:44:31 +00:00
|
|
|
</vn-th>
|
2019-02-20 13:34:16 +00:00
|
|
|
<vn-th shrink></vn-th>
|
|
|
|
<vn-th shrink></vn-th>
|
2018-07-17 06:44:31 +00:00
|
|
|
<vn-th number>Id</vn-th>
|
2019-02-20 16:52:36 +00:00
|
|
|
<vn-th>Quantity</vn-th>
|
2019-02-20 13:34:16 +00:00
|
|
|
<vn-th>Item</vn-th>
|
2018-07-17 06:44:31 +00:00
|
|
|
<vn-th number>Price</vn-th>
|
|
|
|
<vn-th number>Disc</vn-th>
|
|
|
|
<vn-th number>Amount</vn-th>
|
|
|
|
</vn-tr>
|
|
|
|
</vn-thead>
|
|
|
|
<vn-tbody>
|
2018-10-22 06:23:10 +00:00
|
|
|
<vn-tr ng-repeat="sale in $ctrl.sales">
|
2019-02-20 13:34:16 +00:00
|
|
|
<vn-td shrink>
|
2018-06-06 14:54:40 +00:00
|
|
|
<vn-check
|
2018-08-23 06:58:28 +00:00
|
|
|
field="sale.checked">
|
2018-06-06 14:54:40 +00:00
|
|
|
</vn-check>
|
2018-07-17 06:44:31 +00:00
|
|
|
</vn-td>
|
2019-02-20 13:34:16 +00:00
|
|
|
<vn-td shrink>
|
2018-11-06 12:58:13 +00:00
|
|
|
<a ui-sref="claim.card.basicData({id: sale.claim.claimFk})">
|
|
|
|
<vn-icon
|
|
|
|
ng-show="sale.claim.claimFk"
|
|
|
|
icon="icon-claims"
|
|
|
|
vn-tooltip="{{::$ctrl.$translate.instant('Claim')}}: {{::sale.claim.claimFk}}">
|
|
|
|
</vn-icon>
|
|
|
|
</a>
|
2018-07-17 06:44:31 +00:00
|
|
|
<vn-icon
|
2019-09-06 09:43:15 +00:00
|
|
|
ng-show="sale.visible < 0 || sale.available < 0"
|
2019-02-08 16:49:51 +00:00
|
|
|
color-main
|
2018-07-17 11:04:47 +00:00
|
|
|
icon="warning"
|
2018-09-06 10:33:37 +00:00
|
|
|
vn-tooltip="Visible: {{::sale.visible || 0}} <br> {{::$ctrl.$translate.instant('Available')}}: {{::sale.available || 0}}">
|
2018-07-17 06:44:31 +00:00
|
|
|
</vn-icon>
|
2019-01-15 12:22:31 +00:00
|
|
|
<vn-icon ng-show="sale.reserved"
|
|
|
|
icon="icon-reserve"
|
2019-07-02 10:12:15 +00:00
|
|
|
vn-tooltip="{{::$ctrl.$translate.instant('Reserved')}}">
|
|
|
|
</vn-icon>
|
2018-07-17 06:44:31 +00:00
|
|
|
</vn-td>
|
2019-07-02 10:12:15 +00:00
|
|
|
<vn-td shrink>
|
|
|
|
<img
|
|
|
|
ng-src="{{::$ctrl.imagesPath}}/50x50/{{sale.image}}"
|
|
|
|
zoom-image="{{::$ctrl.imagesPath}}/1600x900/{{sale.image}}"
|
|
|
|
on-error-src/>
|
|
|
|
</vn-td>
|
2019-09-06 09:43:15 +00:00
|
|
|
<vn-td vn-focus number>
|
|
|
|
<span class="link" ng-if="sale.itemFk"
|
|
|
|
ng-click="$ctrl.showDescriptor($event, sale.itemFk)">
|
|
|
|
{{sale.itemFk | zeroFill:6}}
|
|
|
|
</span>
|
|
|
|
|
|
|
|
<vn-autocomplete ng-if="!sale.itemFk" vn-focus vn-one
|
|
|
|
url="/api/Items"
|
|
|
|
field="sale.itemFk"
|
|
|
|
show-field="name"
|
|
|
|
value-field="id"
|
|
|
|
search-function="{or: [{id: $search}, {name: {like: '%' + $search + '%'}}]}"
|
|
|
|
order="id DESC">
|
|
|
|
<tpl-item>
|
|
|
|
{{id}} - {{name}}
|
|
|
|
</tpl-item>
|
|
|
|
</vn-autocomplete>
|
|
|
|
</vn-td>
|
|
|
|
<vn-td-editable ng-if="sale.id" disabled="!$ctrl.isEditable" number>
|
2019-07-02 10:12:15 +00:00
|
|
|
<text>{{sale.quantity}}</text>
|
|
|
|
<field>
|
|
|
|
<vn-input-number vn-focus
|
|
|
|
model="sale.quantity"
|
|
|
|
on-change="$ctrl.onChangeQuantity(sale)">
|
|
|
|
</vn-input-number>
|
|
|
|
</field>
|
|
|
|
</vn-td-editable>
|
2019-09-06 09:43:15 +00:00
|
|
|
<vn-td ng-if="!sale.id" number>
|
|
|
|
<vn-input-number
|
|
|
|
model="sale.quantity"
|
|
|
|
on-change="$ctrl.onChangeQuantity(sale)">
|
|
|
|
</vn-input-number>
|
|
|
|
</vn-td>
|
2019-07-02 10:12:15 +00:00
|
|
|
<vn-td-editable disabled="!sale.id || !$ctrl.isEditable" expand>
|
|
|
|
<text>
|
2019-02-20 16:52:36 +00:00
|
|
|
<vn-fetched-tags
|
|
|
|
max-length="6"
|
2019-07-02 10:12:15 +00:00
|
|
|
item="sale.item"
|
|
|
|
name="sale.concept"
|
|
|
|
sub-name="sale.subName">
|
2019-02-20 16:52:36 +00:00
|
|
|
</vn-fetched-tags>
|
2019-07-02 10:12:15 +00:00
|
|
|
</text>
|
|
|
|
<field>
|
|
|
|
<vn-textfield vn-id="concept" vn-focus
|
|
|
|
model="sale.concept"
|
|
|
|
on-change="$ctrl.updateConcept(sale)">
|
|
|
|
</vn-textfield>
|
|
|
|
</field>
|
|
|
|
</vn-td-editable>
|
|
|
|
<vn-td number>
|
|
|
|
<span ng-class="{'link': $ctrl.isEditable}"
|
|
|
|
title="{{$ctrl.isEditable ? 'Edit price' : ''}}"
|
|
|
|
ng-click="$ctrl.showEditPricePopover($event, sale)">
|
2019-01-31 10:44:03 +00:00
|
|
|
{{sale.price | currency: 'EUR':2}}
|
2019-07-02 10:12:15 +00:00
|
|
|
</span>
|
|
|
|
</vn-td>
|
|
|
|
<vn-td number>
|
|
|
|
<span ng-class="{'link': $ctrl.isEditable}"
|
|
|
|
title="{{$ctrl.isEditable ? 'Edit discount' : ''}}"
|
|
|
|
ng-click="$ctrl.showEditDiscountPopover($event, sale)">
|
|
|
|
{{sale.discount | percentage}}
|
|
|
|
</span>
|
|
|
|
</vn-td>
|
|
|
|
<vn-td number>
|
|
|
|
{{$ctrl.getSaleTotal(sale) | currency: 'EUR':2}}
|
|
|
|
</vn-td>
|
|
|
|
</vn-tr>
|
|
|
|
</vn-tbody>
|
|
|
|
</vn-table>
|
|
|
|
<vn-one>
|
|
|
|
<vn-icon-button vn-none
|
|
|
|
vn-tooltip="Add item"
|
|
|
|
vn-bind="+"
|
|
|
|
icon="add_circle"
|
|
|
|
ng-click="$ctrl.add()"
|
|
|
|
disabled="!$ctrl.isEditable">
|
|
|
|
</vn-icon-button>
|
|
|
|
</vn-one>
|
2018-03-22 17:02:48 +00:00
|
|
|
</vn-card>
|
2018-08-01 10:15:09 +00:00
|
|
|
<vn-item-descriptor-popover vn-id="descriptor"
|
|
|
|
quicklinks="$ctrl.quicklinks">
|
2018-06-06 14:54:40 +00:00
|
|
|
</vn-item-descriptor-popover>
|
|
|
|
|
2018-06-28 13:17:50 +00:00
|
|
|
<!-- Edit Price Popover -->
|
|
|
|
<vn-popover
|
|
|
|
class="edit dialog-summary"
|
2019-02-20 16:52:36 +00:00
|
|
|
vn-id="edit-price-popover"
|
2019-02-26 16:32:32 +00:00
|
|
|
on-open="$ctrl.getManaSalespersonMana()"
|
|
|
|
on-close="$ctrl.mana = null">
|
|
|
|
<vn-spinner
|
|
|
|
ng-if="$ctrl.mana == null"
|
|
|
|
style="padding: 1em;"
|
|
|
|
enable="true">
|
|
|
|
</vn-spinner>
|
|
|
|
<div ng-if="$ctrl.mana != null">
|
|
|
|
<vn-horizontal pad-medium class="header">
|
|
|
|
<h5>MANÁ: {{$ctrl.mana | currency: 'EUR':0}}</h5>
|
|
|
|
</vn-horizontal>
|
|
|
|
<div pad-medium>
|
2019-05-29 10:41:26 +00:00
|
|
|
<vn-input-number
|
2019-02-26 16:32:32 +00:00
|
|
|
vn-focus
|
|
|
|
label="Price"
|
|
|
|
model="$ctrl.editedPrice"
|
|
|
|
type="text"
|
2019-05-29 10:41:26 +00:00
|
|
|
step="0.01"
|
2019-02-26 16:32:32 +00:00
|
|
|
on-change="$ctrl.updatePrice()">
|
|
|
|
<t-right-icons>
|
|
|
|
<span class="filter">€</span>
|
|
|
|
</t-right-icons>
|
2019-05-29 10:41:26 +00:00
|
|
|
</vn-input-number>
|
2019-02-26 16:32:32 +00:00
|
|
|
<div class="simulator">
|
|
|
|
<p class="simulatorTitle" translate>New price</p>
|
2019-06-17 10:13:05 +00:00
|
|
|
<p>{{$ctrl.newPrice | currency: 'EUR':2}}</p>
|
2019-02-26 16:32:32 +00:00
|
|
|
</div>
|
2018-06-28 13:17:50 +00:00
|
|
|
</div>
|
2018-06-06 14:54:40 +00:00
|
|
|
</div>
|
|
|
|
</vn-popover>
|
|
|
|
|
2018-06-28 13:17:50 +00:00
|
|
|
<!-- Edit Popover -->
|
|
|
|
<vn-popover
|
2019-06-05 11:39:15 +00:00
|
|
|
class="edit dialog-summary"
|
2019-02-20 16:52:36 +00:00
|
|
|
vn-id="edit-popover"
|
2019-02-26 16:32:32 +00:00
|
|
|
on-open="$ctrl.getManaSalespersonMana()"
|
|
|
|
on-close="$ctrl.mana = null">
|
|
|
|
<vn-spinner
|
|
|
|
ng-if="$ctrl.mana == null"
|
|
|
|
style="padding: 1em;"
|
|
|
|
enable="true">
|
|
|
|
</vn-spinner>
|
|
|
|
<vn-ticket-sale-edit-discount
|
|
|
|
ng-if="$ctrl.mana != null"
|
|
|
|
mana="$ctrl.mana"
|
|
|
|
bulk="false"
|
|
|
|
edit="$ctrl.edit"
|
|
|
|
on-hide="$ctrl.hideEditPopover()">
|
|
|
|
</vn-ticket-sale-edit-discount>
|
2018-06-28 13:17:50 +00:00
|
|
|
</vn-popover>
|
|
|
|
|
|
|
|
<!-- Edit Dialog -->
|
|
|
|
<vn-dialog
|
2019-06-05 11:39:15 +00:00
|
|
|
vn-id="editDialog"
|
2018-06-28 13:17:50 +00:00
|
|
|
class="edit"
|
2019-02-26 16:32:32 +00:00
|
|
|
on-open="$ctrl.getManaSalespersonMana()"
|
|
|
|
on-close="$ctrl.mana = null">
|
2018-06-28 13:17:50 +00:00
|
|
|
<tpl-body>
|
2019-02-26 16:32:32 +00:00
|
|
|
<vn-spinner
|
|
|
|
ng-if="$ctrl.mana == null"
|
|
|
|
style="padding: 1em;"
|
|
|
|
enable="true">
|
|
|
|
</vn-spinner>
|
2018-06-28 13:17:50 +00:00
|
|
|
<vn-ticket-sale-edit-discount
|
2019-02-26 16:32:32 +00:00
|
|
|
ng-if="$ctrl.mana != null"
|
2018-06-28 13:17:50 +00:00
|
|
|
mana="$ctrl.mana"
|
|
|
|
bulk="true"
|
|
|
|
edit="$ctrl.edit"
|
2019-02-14 19:18:10 +00:00
|
|
|
on-hide="$ctrl.hideEditDialog()">
|
2018-06-28 13:17:50 +00:00
|
|
|
</vn-ticket-sale-edit-discount>
|
|
|
|
</tpl-body>
|
|
|
|
</vn-dialog>
|
|
|
|
|
2018-06-06 14:54:40 +00:00
|
|
|
<!-- Transfer Popover -->
|
|
|
|
<vn-popover class="transfer" vn-id="transfer">
|
|
|
|
<div pad-medium>
|
|
|
|
<vn-horizontal>
|
2019-08-09 06:04:44 +00:00
|
|
|
<vn-one>
|
|
|
|
<h4 translate>Sales to transfer</h4>
|
|
|
|
<vn-table>
|
|
|
|
<vn-thead>
|
|
|
|
<vn-tr>
|
|
|
|
<vn-th number shrink>Id</vn-th>
|
2019-09-04 12:37:29 +00:00
|
|
|
<vn-th>Item</vn-th>
|
2019-08-09 06:04:44 +00:00
|
|
|
<vn-th number shrink>Quantity</vn-th>
|
|
|
|
</vn-tr>
|
|
|
|
</vn-thead>
|
|
|
|
<vn-tbody>
|
|
|
|
<vn-tr ng-repeat="sale in $ctrl.transfer.sales">
|
|
|
|
<vn-td number shrink>{{::sale.itemFk | zeroFill:6}}</vn-td>
|
2019-09-04 12:37:29 +00:00
|
|
|
<vn-td>
|
2019-08-09 06:04:44 +00:00
|
|
|
<span title="{{::sale.concept}}">{{::sale.concept}}</span>
|
|
|
|
</vn-td>
|
2019-09-04 12:37:29 +00:00
|
|
|
<vn-td-editable number shrink>
|
2019-08-09 06:04:44 +00:00
|
|
|
<text>{{sale.quantity}}</text>
|
|
|
|
<field>
|
|
|
|
<vn-input-number vn-focus
|
|
|
|
model="sale.quantity">
|
|
|
|
</vn-input-number>
|
|
|
|
</field>
|
|
|
|
</vn-td-editable>
|
|
|
|
</vn-tr>
|
|
|
|
</vn-tbody>
|
|
|
|
</vn-table>
|
|
|
|
</vn-one>
|
|
|
|
<vn-one>
|
|
|
|
<vn-horizontal>
|
|
|
|
<h4 vn-one translate>Destination ticket</h4>
|
|
|
|
<vn-icon vn-none
|
|
|
|
color-secondary
|
|
|
|
vn-tooltip="You have to allow pop-ups in your web browser to use this functionality"
|
|
|
|
icon="info">
|
|
|
|
</vn-icon>
|
|
|
|
</vn-horizontal>
|
2019-09-04 12:37:29 +00:00
|
|
|
<table class="vn-grid">
|
2019-08-09 06:04:44 +00:00
|
|
|
<thead>
|
|
|
|
<tr>
|
|
|
|
<th number>ID</th>
|
|
|
|
<th number>F. envio</th>
|
|
|
|
<th number>Agencia</th>
|
|
|
|
<th number>Almacen</th>
|
|
|
|
</tr>
|
|
|
|
</thead>
|
|
|
|
<tbody>
|
|
|
|
<tr ng-if="$ctrl.transfer.lastActiveTickets.length === 0" >
|
|
|
|
<td colspan="4" style="text-align: center" translate>No results</td>
|
|
|
|
</tr>
|
|
|
|
<tr
|
|
|
|
class="clickable"
|
|
|
|
ng-repeat="ticket in $ctrl.transfer.lastActiveTickets track by ticket.id"
|
|
|
|
ng-click="$ctrl.transferSales(ticket.id)">
|
|
|
|
<td number>{{::ticket.id}}</td>
|
|
|
|
<td number>{{::ticket.shipped | dateTime: 'dd/MM/yyyy'}}</td>
|
|
|
|
<td number>{{::ticket.agencyName}}</td>
|
|
|
|
<td number>{{::ticket.warehouseName}}</td>
|
|
|
|
</tr>
|
|
|
|
</tbody>
|
2019-09-04 12:37:29 +00:00
|
|
|
</table>
|
2019-08-09 06:04:44 +00:00
|
|
|
|
|
|
|
<vn-horizontal pad-medium-v>
|
|
|
|
<vn-textfield vn-one
|
|
|
|
label="Transfer to ticket"
|
|
|
|
model="$ctrl.transfer.ticketId"
|
|
|
|
type="number">
|
|
|
|
</vn-textfield>
|
|
|
|
<vn-icon-button vn-none
|
|
|
|
icon="arrow_forward_ios"
|
|
|
|
ng-click="$ctrl.transferSales($ctrl.transfer.ticketId)">
|
|
|
|
</vn-icon-button>
|
|
|
|
</vn-horizontal>
|
|
|
|
<vn-horizontal pad-medium-v>
|
|
|
|
<vn-button
|
|
|
|
label="New ticket"
|
|
|
|
ng-click="$ctrl.transferSales()">
|
|
|
|
</vn-button>
|
|
|
|
</vn-horizontal>
|
|
|
|
</vn-one>
|
2018-07-09 07:48:00 +00:00
|
|
|
</vn-horizontal>
|
2018-06-06 14:54:40 +00:00
|
|
|
</div>
|
|
|
|
</vn-popover>
|
2019-03-29 06:29:09 +00:00
|
|
|
|
|
|
|
<!-- SMS Dialog -->
|
|
|
|
<vn-client-sms vn-id="sms" sms="$ctrl.newSMS"></vn-client-sms>
|
|
|
|
<!-- SMS Dialog -->
|
2018-03-22 17:02:48 +00:00
|
|
|
</vn-vertical>
|
2019-06-05 11:39:15 +00:00
|
|
|
<vn-confirm
|
2018-07-02 12:14:16 +00:00
|
|
|
vn-id="delete-lines"
|
|
|
|
question="You are going to delete lines of the ticket"
|
|
|
|
message="Continue anyway?"
|
|
|
|
on-response="$ctrl.onRemoveLinesClick(response)">
|
2018-11-14 13:31:56 +00:00
|
|
|
</vn-confirm>
|
2019-06-05 11:39:15 +00:00
|
|
|
<vn-confirm
|
2019-05-24 13:30:50 +00:00
|
|
|
vn-id="delete-ticket"
|
|
|
|
question="Do you want to delete it?"
|
|
|
|
message="This ticket is now empty"
|
2019-08-09 06:04:44 +00:00
|
|
|
on-response="$ctrl.transferSales($ctrl.transfer.ticketId, response)">
|
2019-05-24 13:30:50 +00:00
|
|
|
</vn-confirm>
|
2019-06-05 11:39:15 +00:00
|
|
|
<vn-float-button
|
2018-11-14 13:31:56 +00:00
|
|
|
ng-show="$ctrl.isEditable"
|
|
|
|
ng-click="$ctrl.newOrderFromTicket()"
|
|
|
|
icon="add"
|
2019-07-02 10:12:15 +00:00
|
|
|
vn-tooltip="Add item"
|
2018-11-14 13:31:56 +00:00
|
|
|
vn-bind="+"
|
|
|
|
fixed-bottom-right>
|
|
|
|
</vn-float-button>
|