56 lines
1.3 KiB
Vue
56 lines
1.3 KiB
Vue
<script setup lang="ts">
|
|
import { type order as orderType } from '~/utils/types/database';
|
|
|
|
const props = defineProps<{
|
|
order?: orderType
|
|
}>();
|
|
|
|
</script>
|
|
|
|
<template>
|
|
<!-- <VRow v-if="props.order">
|
|
{{ props.order.id }}
|
|
</VRow> -->
|
|
<VCol>
|
|
<div v-if="props.order && props.order.work.length !== 0">
|
|
<span class="text-h4">Works</span>
|
|
<VTable class="noScroll">
|
|
<thead>
|
|
<tr>
|
|
<th>fulfilled</th>
|
|
<th>offer</th>
|
|
<th>price</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr v-for="i in props.order.work" :key="i.id">
|
|
<td>{{ i.is_fulfilled }}</td>
|
|
<td>
|
|
{{ i.offer.name }}
|
|
</td>
|
|
<td>{{ i.price }} PLN</td>
|
|
</tr>
|
|
</tbody>
|
|
</VTable>
|
|
</div>
|
|
<div v-if="props.order && props.order.imported_products.length !== 0">
|
|
<span class="text-h4">Imported products</span>
|
|
<VTable>
|
|
<thead>
|
|
<tr>
|
|
<th>Name</th>
|
|
<th>link</th>
|
|
<th>price</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr v-for="i in props.order.imported_products" :key="i.id">
|
|
<td>{{ i.name }}</td>
|
|
<td>{{ i.link }}</td>
|
|
<td>{{ i.price }} PLN</td>
|
|
</tr>
|
|
</tbody>
|
|
</VTable>
|
|
</div>
|
|
</VCol>
|
|
</template>
|