This commit is contained in:
@@ -30,8 +30,7 @@
|
|||||||
@input="addItem()"
|
@input="addItem()"
|
||||||
></gz-pick-list>
|
></gz-pick-list>
|
||||||
<v-simple-table class="my-6">
|
<v-simple-table class="my-6">
|
||||||
<!-- WIDE TABLE VIEW -->
|
<template v-slot:default>
|
||||||
<template v-if="$vuetify.breakpoint.smAndUp" v-slot:default>
|
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
<th class="text-left">
|
<th class="text-left">
|
||||||
@@ -45,39 +44,18 @@
|
|||||||
<tr v-for="item in sortedList" :key="item.partId">
|
<tr v-for="item in sortedList" :key="item.partId">
|
||||||
<td>{{ item.partDisplay }}</td>
|
<td>{{ item.partDisplay }}</td>
|
||||||
<td>
|
<td>
|
||||||
<v-icon @click="openItem(item)">
|
<v-icon
|
||||||
|
:small="$vuetify.breakpoint.xsOnly"
|
||||||
|
@click="openItem(item)"
|
||||||
|
>
|
||||||
$ayiEdit
|
$ayiEdit
|
||||||
</v-icon>
|
</v-icon>
|
||||||
</td>
|
</td>
|
||||||
<td>
|
<td>
|
||||||
<v-icon @click="removeItem(item)">
|
<v-icon
|
||||||
$ayiTrashAlt
|
:small="$vuetify.breakpoint.xsOnly"
|
||||||
</v-icon>
|
@click="removeItem(item)"
|
||||||
</td>
|
>
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</template>
|
|
||||||
<!-- MOBILE TABLE VIEW -->
|
|
||||||
<template v-else v-slot:default>
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th class="text-left">
|
|
||||||
{{ $ay.t("PartList") }}
|
|
||||||
</th>
|
|
||||||
<th></th>
|
|
||||||
<th></th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody>
|
|
||||||
<tr v-for="item in sortedList" :key="item.partId">
|
|
||||||
<td>{{ item.partDisplay }}</td>
|
|
||||||
<td>
|
|
||||||
<v-icon small @click="openItem(item)">
|
|
||||||
$ayiEdit
|
|
||||||
</v-icon>
|
|
||||||
</td>
|
|
||||||
<td>
|
|
||||||
<v-icon small @click="removeItem(item)">
|
|
||||||
$ayiTrashAlt
|
$ayiTrashAlt
|
||||||
</v-icon>
|
</v-icon>
|
||||||
</td>
|
</td>
|
||||||
|
|||||||
Reference in New Issue
Block a user