diff --git a/src/pages/05_quotation/QuotationForm.vue b/src/pages/05_quotation/QuotationForm.vue
index f7e0745f..4f99f50e 100644
--- a/src/pages/05_quotation/QuotationForm.vue
+++ b/src/pages/05_quotation/QuotationForm.vue
@@ -612,6 +612,13 @@ async function searchEmployee(text: string) {
   );
   if (retEmp) workerList.value = retEmp.data.result;
 }
+
+function storeDataLocal() {
+  localStorage.setItem(
+    'quotation-preview',
+    JSON.stringify(quotationFormData.value),
+  );
+}
 </script>
 
 <template>
@@ -874,7 +881,14 @@ async function searchEmployee(text: string) {
 
     <footer class="surface-1 q-pa-md full-width">
       <div class="row full-width justify-between">
-        <q-btn dense outline color="primary" class="rounded" padding="2px 8px">
+        <q-btn
+          dense
+          outline
+          color="primary"
+          class="rounded"
+          padding="2px 8px"
+          @click="storeDataLocal"
+        >
           <q-icon name="mdi-play-box-outline" size="xs" class="q-mr-xs" />
           {{ $t('general.view', { msg: $t('general.example') }) }}
         </q-btn>