working print ticket
This commit is contained in:
@@ -1,59 +1,70 @@
|
||||
<template>
|
||||
|
||||
<div class=" absolute" id="captureRef">
|
||||
<div class=" max-w-5xl text-black bg-white">
|
||||
<div class="grid grid-cols-12">
|
||||
<div class="col-span-8 ">
|
||||
<div class="grid grid-cols-12 pb-4 pt-16 ">
|
||||
<div class="col-span-2 pt-2 pl-4">#2 </div>
|
||||
<div class="col-span-2 pt-2"></div>
|
||||
<div class="col-span-2 pt-2"></div>
|
||||
<div class="col-span-2 pt-2"></div>
|
||||
<div class="col-span-1 pt-2 "></div>
|
||||
<div class="col-span-3 pt-2 pl-6 ">{{ customer.customer_phone_number }}</div>
|
||||
<div class=" max-w-5xl text-black bg-white font-mono text-md">
|
||||
<div class="grid grid-cols-12 pt-12">
|
||||
<div class="col-span-6">
|
||||
<div class="grid grid-cols-12">
|
||||
<div class="col-span-2 pt-2 pl-4">#2 </div>
|
||||
<div class="col-span-2 pt-2"></div>
|
||||
<div class="col-span-2 pt-2"></div>
|
||||
<div class="col-span-2 pt-2 "></div>
|
||||
<div class="col-span-1 pt-2 "></div>
|
||||
<div class="col-span-3 text-xs pt-2 ">{{ customer.customer_phone_number }}</div>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-12 pt-2">
|
||||
<div class="col-span-9 pl-5">{{ customer.customer_first_name }} {{ customer.customer_last_name }}
|
||||
</div>
|
||||
<div class="grid grid-cols-12 pl-10 pb-10">
|
||||
<div class="col-span-8">{{ customer.customer_first_name }} {{ customer.customer_last_name }}
|
||||
</div>
|
||||
<div class="col-span-4 pl-14">{{ customer.account_number }}</div>
|
||||
<div class="col-span-12">{{ customer.customer_address }}</div>
|
||||
<div class="col-span-3">
|
||||
<div class="grid grid-cols-12">
|
||||
<div class="col-span-5"> {{ customer.customer_town }}</div>
|
||||
<div class="col-span-3">{{ customer.customer_state }}</div>
|
||||
<div class="col-span-4"> {{ customer.customer_zip }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid grid-cols-12 pl-10 pb-10 pt-5">
|
||||
<div class="col-span-12 pb-5">{{ delivery.dispatcher_notes }}</div>
|
||||
<div class="col-span-12 text-lg" v-if="delivery.payment_type == 0">CASH</div>
|
||||
<div class="col-span-12 text-lg" v-else-if="delivery.payment_type == 1">Credit Card</div>
|
||||
<div class="col-span-12 text-lg" v-else-if="delivery.payment_type == 2">Credit Card/Cash</div>
|
||||
<div class="col-span-12" v-else></div>
|
||||
</div>
|
||||
<div class="grid grid-cols-12 pl-10">
|
||||
<div class="col-span-6" v-for="past_delivery in past_deliveries1">
|
||||
<div class="">{{ past_delivery.when_delivered }} - {{ past_delivery.gallons_delivered }}</div>
|
||||
</div>
|
||||
<div class="col-span-6" v-for="past_delivery2 in past_deliveries2">
|
||||
<div class="">{{ past_delivery2.when_delivered }} - {{ past_delivery2.gallons_delivered }}
|
||||
<div class="col-span-3 ">{{ customer.account_number }}</div>
|
||||
<div class="col-span-12 pl-5">{{ customer.customer_address }}</div>
|
||||
<div class="col-span-8 pl-5">
|
||||
<div class="grid grid-cols-12">
|
||||
<div class="col-span-5"> {{ customer.customer_town }}</div>
|
||||
<div class="col-span-3">
|
||||
<div v-if="customer.customer_state == 0">Ma</div>
|
||||
</div>
|
||||
<div class="col-span-4"> {{ customer.customer_zip }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-12 pl-10 pb-10 ">
|
||||
<div class="col-span-12 pb-5">{{ delivery.dispatcher_notes }}</div>
|
||||
<div class="col-span-12 text-lg" v-if="delivery.payment_type == 0">CASH</div>
|
||||
<div class="col-span-12 text-lg" v-else-if="delivery.payment_type == 1">Credit Card</div>
|
||||
<div class="col-span-12 text-lg" v-else-if="delivery.payment_type == 2">Credit Card/Cash</div>
|
||||
<div class="col-span-12" v-else></div>
|
||||
</div>{{ }}
|
||||
<div class="grid grid-cols-12 pl-10 pt-5" v-if="past_deliveries1.length > 1">
|
||||
<div class="col-span-6" v-for="past_delivery in past_deliveries1">
|
||||
<div class="">{{ past_delivery.when_delivered }} - {{ past_delivery.gallons_delivered }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-span-6" v-for="past_delivery2 in past_deliveries2">
|
||||
<div class="">{{ past_delivery2.when_delivered }} - {{ past_delivery2.gallons_delivered }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid grid-cols-12 pl-10 pt-5 " v-else>
|
||||
<div class="col-span-6"> Have a Great day :)</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-span-6 ">
|
||||
<div class="col-span-4 ">
|
||||
<div class="grid grid-cols-12 pt-16">
|
||||
<div class="col-span-12 h-7 pl-10 pt-2">{{ delivery.when_ordered }}</div>
|
||||
<div class="col-span-12 h-7 pl-10 pt-5">{{ delivery.expected_delivery_date }}</div>
|
||||
<div class="col-span-12 h-7 pl-10 pt-8">{{ delivery.gallons_ordered }}</div>
|
||||
<div class="col-span-12 h-7 pl-10 pt-10">{{ delivery.customer_price }} </div>
|
||||
<div class="col-span-12 h-7 pl-10 pt-10">{{ total_amount }} </div>
|
||||
<div class="grid grid-cols-12 ">
|
||||
<div class="col-span-12 h-7 pl-4 pt-2">{{ delivery.when_ordered }}</div>
|
||||
<div class="col-span-12 h-7 pl-4 pt-2">{{ delivery.expected_delivery_date }}</div>
|
||||
<div class="col-span-12 h-7 pl-4 pt-2">{{ delivery.gallons_ordered }}</div>
|
||||
<div class="col-span-12 h-7 pl-4 pt-2">{{ delivery.customer_price }} </div>
|
||||
<div class="col-span-12 h-7 pl-4 pt-4">{{ total_amount }} </div>
|
||||
<div class="col-span-12 h-7 pt-6"></div>
|
||||
<div class="col-span-12 h-7"></div>
|
||||
<div class="col-span-12 h-7 pl-8"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user