working print ticket

This commit is contained in:
2024-09-14 17:51:57 -04:00
parent d80862ea12
commit ec59223755
5 changed files with 64 additions and 58 deletions

View File

@@ -4,13 +4,16 @@
<template>
<html class="opensans">
<html class="">
<router-view />
<notifications position="top center" />
</html>
</template>
<style>
<style lang="scss">
#myfont {
font-family: Arial, Helvetica, sans-serif, sans-serif !important;
}
</style>

View File

@@ -25,9 +25,9 @@
<div class="pl-10">1.50 = large oil usage</div>
<div class="pl-10"> 1.00 = medium oil usage</div>
<div class="pl-10">0.50 = small oil usage</div>
<form class="col-span-12 rounded-md px-8 pt-6 pb-8 mb-4 w-full" enctype="multipart/form-data"
<form class="col-span-12 rounded-md px-8 pt-6 pb-8 mb-4 w-full"
enctype="multipart/form-data"
@submit.prevent="get_auto_assignment">
<div class="flex-1 mb-4">
<label class="block text-white text-sm font-bold mb-2">Delivery Driver </label>
<select class="select select-bordered select-sm w-full max-w-xs" aria-label="Default select example"
@@ -133,11 +133,9 @@ export default defineComponent({
truckDriversList: [],
CreateOilOrderForm: {
basicInfo: {
driver_driver: '',
},
},
}
},
@@ -168,9 +166,7 @@ export default defineComponent({
this.user = null
})
},
get_oil_orders() {
let path = import.meta.env.VITE_AUTO_URL + '/delivery/all/customers';
axios({
method: 'get',
@@ -178,13 +174,10 @@ export default defineComponent({
withCredentials: true,
headers: authHeader(),
}).then((response: any) => {
console.log("here")
this.deliveries = response.data
})
},
getDriversList() {
let path = import.meta.env.VITE_BASE_URL + "/employee/drivers";
axios({
@@ -221,7 +214,6 @@ export default defineComponent({
withCredentials: true,
headers: authHeader(),
}).then((response: any) => {
console.log(response.data.count)
if (response.data.count > 0) {
notify({

View File

@@ -1,59 +1,70 @@
<template>
<div class=" absolute" id="captureRef">
<div class=" max-w-5xl text-black bg-white">
<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-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-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="col-span-3 text-xs pt-2 ">{{ customer.customer_phone_number }}</div>
</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 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="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="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">{{ customer.customer_state }}</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 pt-5">
<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">
</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 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>

View File

@@ -405,6 +405,7 @@ module.exports = {
},
fontFamily: {
sans: [
'Arial',
'ui-sans-serif',
'system-ui',
'-apple-system',
@@ -412,7 +413,6 @@ module.exports = {
'"Segoe UI"',
'Roboto',
'"Helvetica Neue"',
'Arial',
'"Noto Sans"',
'sans-serif',
'"Apple Color Emoji"',