From b3ad7629ce90da6896b0d2b8e27838b643d1ef2d Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Mon, 10 Mar 2025 15:31:57 +0700
Subject: [PATCH] feat: reorder properties fields in option.json and update
 DialogProperties.vue for improved display

---
 public/option/option.json                  | 20 ++++++++++----------
 src/components/dialog/DialogProperties.vue |  5 ++++-
 2 files changed, 14 insertions(+), 11 deletions(-)

diff --git a/public/option/option.json b/public/option/option.json
index e7cf5118..bce4fc0a 100644
--- a/public/option/option.json
+++ b/public/option/option.json
@@ -1037,15 +1037,15 @@
         "value": "contactChannel",
         "type": "string"
       },
-      { "label": "Document Check", "value": "documentCheck", "type": "string" },
-      { "label": "Duty", "value": "duty", "type": "string" },
-      { "label": "Messenger", "value": "messenger", "type": "string" },
-      { "label": "Form", "value": "designForm", "type": "string" },
       {
         "label": "Remark",
         "value": "remark",
         "type": "string"
-      }
+      },
+      { "label": "Document Check", "value": "documentCheck", "type": "string" },
+      { "label": "Duty", "value": "duty", "type": "string" },
+      { "label": "Messenger", "value": "messenger", "type": "string" },
+      { "label": "Form", "value": "designForm", "type": "string" }
     ]
   },
 
@@ -2088,15 +2088,15 @@
         "value": "contactChannel",
         "type": "string"
       },
-      { "label": "ตรวจสอบเอกสาร", "value": "documentCheck", "type": "string" },
-      { "label": "อากร", "value": "duty", "type": "string" },
-      { "label": "พนักงานส่งเอกสาร", "value": "messenger", "type": "string" },
-      { "label": "ออกแบบฟอร์ม", "value": "designForm", "type": "string" },
       {
         "label": "หมายเหตุ",
         "value": "remark",
         "type": "string"
-      }
+      },
+      { "label": "ตรวจสอบเอกสาร", "value": "documentCheck", "type": "string" },
+      { "label": "อากร", "value": "duty", "type": "string" },
+      { "label": "พนักงานส่งเอกสาร", "value": "messenger", "type": "string" },
+      { "label": "ออกแบบฟอร์ม", "value": "designForm", "type": "string" }
     ]
   }
 }
diff --git a/src/components/dialog/DialogProperties.vue b/src/components/dialog/DialogProperties.vue
index 20815564..0d05baab 100644
--- a/src/components/dialog/DialogProperties.vue
+++ b/src/components/dialog/DialogProperties.vue
@@ -407,10 +407,13 @@ watch(
                 <q-item
                   v-for="(ops, index) in propertiesOption"
                   clickable
+                  :class="{
+                    'bordered-t': index === propertiesOption.length - 4,
+                  }"
                   :key="index"
-                  @click="manageProperties(stepIndex, ops.value, ops.type)"
                   :for="`list-${ops.value}`"
                   :id="`list-${ops.value}`"
+                  @click="manageProperties(stepIndex, ops.value, ops.type)"
                 >
                   <div class="full-width flex items-center no-wrap">
                     <q-icon