cmc_fe/src/views/medfeeds/MedFeedsOrderForm.vue

130 lines
4.7 KiB
Vue

<template>
<ReportLayout scope="orderform">
<div>
<v-row>
<v-col cols="4">
<img class="smaller" src="/images/cmc-logo.png" />
</v-col>
<v-col cols="8">
<h2 class="text-center text-bold text-underline">
Manufacture of Feed Containing Prescription Only Medicine
</h2>
</v-col>
</v-row>
<hr />
<v-row>
<v-col cols="12" class="text-center text-underline text-bold">
To Be Completed By Office
</v-col>
</v-row>
<v-row>
<v-col cols="8">
Batch Number: <span>&nbsp;</span>
</v-col>
<v-col cols="4">
Date of Order: <span class="text-bold">{{ formatDate(new Date(), "DD/MM/yyyy") }}</span>
</v-col>
<v-col cols="12">
Customer Name: <span class="text-bold">{{ mf.customer.name }}</span><br/>
Address: <span class="text-bold">{{ mf.customer.address.line_1 }}, {{ mf.customer.address.line_2 }}, {{ mf.customer.address.line_3 }}<br/>
{{ mf.customer.address.line_4 }}, {{ mf.customer.address.postcode }}</span><br/>
Order Number:
<p>Product + Code: <span class="text-bold">{{ mf.product.name }} + {{ mf.medication.name }}</span><br/>
Tonnes Ordered: <span class="text-bold">{{ mf.tonnage }}</span><br/>
Prescription Reference (OFF MFS):<br/>
Medication Required: <span class="text-bold">{{ mf.medication.name }}</span><br/>
Inclusion Rate / Tonne: <span class="text-bold">{{ mf.medication.inclusion_rate }}</span></p>
<p>Date of Delivery / Collection: <span class="text-bold">{{ mf.date_required }}</span></p>
</v-col>
</v-row>
<hr />
<v-row>
<v-col cols="12" class="text-center text-underline text-bold">
To Be Completed By Mill
</v-col>
</v-row>
<v-row>
<v-col cols="12">
<p>
Total Drug Used:<br/>
Number of Batches: <span class="gap-12"></span> x Batch Size: <br/>
Medication Added to Standard Formulation By:<br/>
</p>
</v-col>
</v-row>
<hr />
<v-row>
<v-col cols="12" class="text-center text-underline text-bold">
To Be Completed By Warehouse
</v-col>
</v-row>
<v-row>
<v-col cols="4">
<p>Customer:</p>
<p class="b_line">&nbsp;</p>
<p class="b_line">&nbsp;</p>
<p class="b_line">&nbsp;</p>
<p class="b_line">&nbsp;</p>
<p class="b_line">&nbsp;</p>
</v-col>
<v-col cols="4">
<p>Tonnes:</p>
<p class="b_line">&nbsp;</p>
<p class="b_line">&nbsp;</p>
<p class="b_line">&nbsp;</p>
<p class="b_line">&nbsp;</p>
<p class="b_line">&nbsp;</p>
</v-col>
<v-col cols="4">
<p>Prescription Reference:</p>
<p class="b_line">&nbsp;</p>
<p class="b_line">&nbsp;</p>
<p class="b_line">&nbsp;</p>
<p class="b_line">&nbsp;</p>
<p class="b_line">&nbsp;</p>
</v-col>
</v-row>
<v-row>
<v-col cols="12" class="text-center text-underline">
Instructions
</v-col>
<v-col cols="12">
<ol>
<li>Product cannot be manufactured without this form being completed.</li>
<li>Office will start instruction for manufacture.</li>
<li>Partially completed form to be handed to production planing.</li>
<li>Mill must return completed form to the office following manufacture,
or to warehouse for stock products.</li>
<li>Warehouse stock to be taken from this sheet, once completed then return
to the office.</li>
<li>Completed sheet to be filed and retained.</li>
</ol>
</v-col>
</v-row>
</div>
</ReportLayout>
</template>
<script>
import ReportLayout from '@/components/ReportLayout.vue'
import CommonMethods from '@/CommonMethods.vue'
export default {
props: {
mf: {}
},
components: {
ReportLayout
},
mixins: [CommonMethods],
methods: {
}
}
</script>
<style scoped>
img.smaller {
max-height:80px;
}
.v-col {
padding-bottom:0;
}
</style>