瀏覽代碼

feat: breadcrumbs customer history purchase

Muhammad Iqbal Afandi 3 年之前
父節點
當前提交
010719f9c5

+ 13
- 0
resources/js/pages/Customers/HistoryPurchase.vue 查看文件

1
 <script setup>
1
 <script setup>
2
+import { Link } from '@inertiajs/inertia-vue3'
2
 import { useForm } from '@/composables/useForm'
3
 import { useForm } from '@/composables/useForm'
3
 import { IDRCurrencyFormat } from '@/utils/helpers'
4
 import { IDRCurrencyFormat } from '@/utils/helpers'
4
 import { cartTable } from './config'
5
 import { cartTable } from './config'
25
 })
26
 })
26
 
27
 
27
 const { cart, totalCartPrice } = useCart(form, props.saleDetail)
28
 const { cart, totalCartPrice } = useCart(form, props.saleDetail)
29
+
30
+const back = () => history.back()
28
 </script>
31
 </script>
29
 
32
 
30
 <template>
33
 <template>
32
     <DynamicDialog />
35
     <DynamicDialog />
33
 
36
 
34
     <div class="grid">
37
     <div class="grid">
38
+      <div class="col-12 flex flex-column md:flex-row md:align-items-center">
39
+        <Link class="text-primary text-5xl font-bold" @click="back">
40
+          Pelanggan
41
+        </Link>
42
+
43
+        <span class="text-5xl font-bold mx-2"> / </span>
44
+
45
+        <span class="text-5xl font-bold">Detail Pembelian</span>
46
+      </div>
47
+
35
       <div class="col-12">
48
       <div class="col-12">
36
         <div class="grid">
49
         <div class="grid">
37
           <div class="col-12">
50
           <div class="col-12">

+ 7
- 7
resources/js/pages/Customers/Index.vue 查看文件

74
       <Column>
74
       <Column>
75
         <template #body="{ data }">
75
         <template #body="{ data }">
76
           <div class="grid gap-2">
76
           <div class="grid gap-2">
77
-            <AppButtonLink
78
-              icon="pi pi-eye"
79
-              class="p-button-icon-only p-button-rounded p-button-text"
80
-              v-tooltip.bottom="'History Pembelian'"
81
-              :href="route('customers.show', data.id)"
82
-            />
83
-
84
             <AppButtonLink
77
             <AppButtonLink
85
               icon="pi pi-pencil"
78
               icon="pi pi-pencil"
86
               class="p-button-icon-only p-button-rounded p-button-text"
79
               class="p-button-icon-only p-button-rounded p-button-text"
95
               v-tooltip.bottom="'Hapus Pelanggan'"
88
               v-tooltip.bottom="'Hapus Pelanggan'"
96
               @click="onDelete(data)"
89
               @click="onDelete(data)"
97
             />
90
             />
91
+
92
+            <AppButtonLink
93
+              icon="pi pi-chevron-right"
94
+              class="p-button-icon-only p-button-rounded p-button-text"
95
+              v-tooltip.bottom="'History Pembelian'"
96
+              :href="route('customers.show', data.id)"
97
+            />
98
           </div>
98
           </div>
99
         </template>
99
         </template>
100
       </Column>
100
       </Column>

+ 1
- 1
resources/js/pages/Customers/Show.vue 查看文件

113
           <Column>
113
           <Column>
114
             <template #body="{ data }">
114
             <template #body="{ data }">
115
               <AppButtonLink
115
               <AppButtonLink
116
-                icon="pi pi-eye"
116
+                icon="pi pi-chevron-right"
117
                 class="p-button-icon-only p-button-rounded p-button-text"
117
                 class="p-button-icon-only p-button-rounded p-button-text"
118
                 v-tooltip.bottom="'Lihat Detail Penjualan'"
118
                 v-tooltip.bottom="'Lihat Detail Penjualan'"
119
                 :href="route('customers.history-purchases', data.id)"
119
                 :href="route('customers.history-purchases', data.id)"

+ 1
- 1
resources/js/pages/Purchases/Index.vue 查看文件

64
 
64
 
65
           <AppButtonLink
65
           <AppButtonLink
66
             v-else
66
             v-else
67
-            icon="pi pi-eye"
67
+            icon="pi pi-chevron-right"
68
             class="p-button-icon-only p-button-rounded p-button-text"
68
             class="p-button-icon-only p-button-rounded p-button-text"
69
             v-tooltip.bottom="'Lihat Detail Pembelian'"
69
             v-tooltip.bottom="'Lihat Detail Pembelian'"
70
             :href="route('purchases.show', data.id)"
70
             :href="route('purchases.show', data.id)"

+ 1
- 1
resources/js/pages/Sales/Index.vue 查看文件

55
       <Column>
55
       <Column>
56
         <template #body="{ data }">
56
         <template #body="{ data }">
57
           <AppButtonLink
57
           <AppButtonLink
58
-            icon="pi pi-eye"
58
+            icon="pi pi-chevron-right"
59
             class="p-button-icon-only p-button-rounded p-button-text"
59
             class="p-button-icon-only p-button-rounded p-button-text"
60
             v-tooltip.bottom="'Lihat Detail Penjualan'"
60
             v-tooltip.bottom="'Lihat Detail Penjualan'"
61
             :href="route('sales.show', data.id)"
61
             :href="route('sales.show', data.id)"