feat: work properties option

public/option/option.json

@@ -607,6 +607,109 @@
         "label": "ลงชื่อผู้บันทึกข้อมูล",
         "value": "recordBy"
       }
+    ],
+
+    "workPropertiesField": [
+      {
+        "label": "Ref No:",
+        "value": "refNo"
+      },
+      {
+        "label": "ใบสั่งงานเลขที่ (TO)",
+        "value": "workOrderNo"
+      },
+      {
+        "label": "วันที่สั่งซื้อ (TO)",
+        "value": "orderDate"
+      },
+      {
+        "label": "ใบรับสินค้าเลขที่ (TR)",
+        "value": "productReceiptNo"
+      },
+      {
+        "label": "วันที่รับสินค้า (TR)",
+        "value": "productReceiptDate"
+      },
+      {
+        "label": "สถานะงาน",
+        "value": "workStatus"
+      },
+      {
+        "label": "หมายเหตุ",
+        "value": "remark"
+      },
+      {
+        "label": "เลขที่ รง.",
+        "value": "factoryNo"
+      },
+      {
+        "label": "ลงวันที่",
+        "value": "dateIssued"
+      },
+      {
+        "label": "ประเภท(การดำเนินการของประเทศต้นทาง)",
+        "value": "typeOriginCountryOperation"
+      },
+      {
+        "label": "ช่องทางการจัดส่ง",
+        "value": "deliveryChannel"
+      },
+      {
+        "label": "Name list No.",
+        "value": "nameListNo"
+      },
+      {
+        "label": "สถานที่ประกันสุขภาพ",
+        "value": "insuranceLocation"
+      },
+      {
+        "label": "ประเภท (ยื่นขอประกันสุขภาพคนต่างด้าว)",
+        "value": "typeForeignInsurance"
+      },
+      {
+        "label": "ประเภท(ยื่นขอใบอนุญาตทำงานแทนคนต่างด้าว)",
+        "value": "typePermitWorkBehalf"
+      },
+      {
+        "label": "วันที่นัดรับเอกสาร",
+        "value": "docPickupDate"
+      },
+      {
+        "label": "Calling Visa No.",
+        "value": "callVisaNo"
+      },
+      {
+        "label": "ด่านที่คนงานเดินทาง",
+        "value": "checkpoint"
+      },
+      {
+        "label": "วันที่เดินทาง",
+        "value": "travelDate"
+      },
+      {
+        "label": "สถานที่ตรวจสุขภาพ",
+        "value": "healthCheckupLocation"
+      },
+      {
+        "label": "สถานที่แจ้งที่พักอาศัย",
+        "value": "residenceLocation"
+      },
+      {
+        "label": "รายงานตัว 90 วัน ครั้งต่อไป",
+        "value": "next90Days"
+      },
+      {
+        "label": "ช่องทางในการจัดส่งเอกสาร",
+        "value": "docDeliveryChannel"
+      },
+      {
+        "label": "สถานะส่งมอบ",
+        "value": "deliveryStatus"
+      },
+      {
+        "label": "ประเภท 90 วัน",
+        "value": "type90Days"
+      }
     ]
   }
 }

src/components/04_product-service/ServiceProperties.vue

@@ -110,7 +110,7 @@ function confirmDelete(items: unknown[], index: number) {
 }
 </script>
 <template>
-  <div class="full-width column no-wrap" style="height: 30vw">
+  <div class="full-width column no-wrap" style="height: 50vh">
     <div class="row">
       <q-btn-dropdown
         icon="mdi-plus"
@@ -119,12 +119,16 @@ function confirmDelete(items: unknown[], index: number) {
         color="primary"
         label="Properties"
         class="q-px-sm q-mb-lg"
+        menu-anchor="bottom end"
       >
         <q-list dense v-if="formServiceProperties && propertiesOption">
           <q-item clickable @click="manageProperties('all')">
             <div class="full-width flex items-center">
               <q-icon
-                v-if="formServiceProperties.additional.length === 18"
+                v-if="
+                  formServiceProperties.additional.length ===
+                  propertiesOption.length
+                "
                 name="mdi-checkbox-marked"
                 size="xs"
                 class="q-mr-sm"