inded package ui code

resources/assets/vue/components/orders/sections/PackagesSectionComponent.vue

@@ -0,0 +1,36 @@
+<template>
+    <div class="row">
+        <list-component
+            section="packageListSection"
+            :endpoint="route('api.packing_list.list')"
+            :options="{
+                packing_list_type: 1,
+                packing_list_status: 2,
+                per_page: 5,
+                owner_id: 1,
+                order_by: { column: 'arrival_date', DESC: true },
+                with_arrival_date: true,
+            }"
+        >
+            <template slot="list" slot-scope="{ data }">
+                <parcel-component
+                    v-for="packages in data.packages"
+                    :data="packages"
+                    :key="packages.id"
+                ></parcel-component>
+            </template>
+        </list-component>
+    </div>
+</template>
+<script>
+import componentHandler from "../../../general/mixins/componentHandler";
+export default {
+    data() {
+        return {
+            section: "packageListSection",
+        };
+    },
+    methods: {},
+    mixins: [componentHandler],
+};
+</script>

resources/views/pages/customers/packages.blade.php

@@ -0,0 +1,8 @@
+@extends('layouts.base_portal')
+@section('inner_content')
+    <div class="row" :class="[{'d-flex': !$store.getters.isAdmin}]">
+        <div class="col">
+            <packages-section-component></packages-section-component>
+        </div>
+    </div>
+@endsection

routes/web.php

@@ -139,6 +139,10 @@ Route::get('/orders', function () {
     return view('pages.orders.index');
 })->name('orders');
 
+Route::get('/packages', function () {
+    return view('pages.customers.packages');
+})->name('packages');
+
 Route::get('/support', function () {
     return view('pages.support', [
         'email'                 => null,