diff --git a/src/pages/05_quotation/QuotationForm.vue b/src/pages/05_quotation/QuotationForm.vue
index fa3b701f..39bf691d 100644
--- a/src/pages/05_quotation/QuotationForm.vue
+++ b/src/pages/05_quotation/QuotationForm.vue
@@ -310,6 +310,7 @@ async function convertDataToFormSubmit() {
     _count: quotationFormData.value._count,
     status: quotationFormData.value.status,
     discount: quotationFormData.value.discount,
+    remark: quotationFormData.value.remark,
   };
 
   const res = await quotationForm.submitQuotation();
@@ -828,13 +829,12 @@ function storeDataLocal() {
             <div class="surface-1 q-pa-md full-width">
               <q-editor
                 dense
-                :model-value="''"
+                :model-value="quotationFormData.remark || ''"
                 min-height="5rem"
                 class="full-width"
                 toolbar-bg="input-border"
                 style="cursor: auto; color: var(--foreground)"
                 :flat="!readonly"
-                :readonly="readonly"
                 :style="`width: ${$q.screen.gt.xs ? '100%' : '63vw'}`"
                 :toolbar="[['left', 'center', 'justify'], ['clip']]"
                 :toolbar-toggle-color="readonly ? 'disabled' : 'primary'"
@@ -848,6 +848,11 @@ function storeDataLocal() {
                     handler: () => console.log('upload'),
                   },
                 }"
+                @update:model-value="
+                  (v) => {
+                    quotationFormData.remark = v;
+                  }
+                "
               />
             </div>
           </q-expansion-item>
diff --git a/src/stores/quotations/types.ts b/src/stores/quotations/types.ts
index 1cb0fb26..649e54da 100644
--- a/src/stores/quotations/types.ts
+++ b/src/stores/quotations/types.ts
@@ -300,6 +300,7 @@ export type QuotationPayload = {
   contactName: string;
   workName: string;
   status?: Status;
+  remark?: string;
 };
 
 export type EmployeeWorker = {