From ba647022875508dad1ea9c977db4497e5830568c Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Thu, 28 Nov 2024 15:42:49 +0700
Subject: [PATCH] fix: properties doc check & form/move item workflow step

---
 public/option/option.json                     |  8 ++++--
 src/components/dialog/DialogProperties.vue    | 20 +++++++++++---
 src/pages/08_request-list/FormExpansion.vue   |  2 +-
 src/pages/08_request-list/RequestListView.vue | 26 ++++++++++++++++++-
 4 files changed, 49 insertions(+), 7 deletions(-)

diff --git a/public/option/option.json b/public/option/option.json
index 200a3a69..14995f01 100644
--- a/public/option/option.json
+++ b/public/option/option.json
@@ -863,7 +863,9 @@
         "label": "Recording By",
         "value": "recordBy",
         "type": "string"
-      }
+      },
+      { "label": "Document Check", "value": "documentCheck", "type": "string" },
+      { "label": "Form", "value": "designForm", "type": "string" }
     ],
 
     "workPropertiesField": [
@@ -1936,7 +1938,9 @@
         "label": "ลงชื่อผู้บันทึกข้อมูล",
         "value": "recordBy",
         "type": "string"
-      }
+      },
+      { "label": "ตรวจสอบเอกสาร", "value": "documentCheck", "type": "string" },
+      { "label": "ออกแบบฟอร์ม", "value": "designForm", "type": "string" }
     ],
 
     "workPropertiesField": [
diff --git a/src/components/dialog/DialogProperties.vue b/src/components/dialog/DialogProperties.vue
index 67c2387b..11f2717b 100644
--- a/src/components/dialog/DialogProperties.vue
+++ b/src/components/dialog/DialogProperties.vue
@@ -446,6 +446,7 @@ watch(
           >
             <NoData useField />
           </div>
+
           <div
             v-if="tempStep[stepIndex].attributes?.properties?.length > 0"
             class="q-py-sm"
@@ -470,7 +471,12 @@ watch(
                   :disable="propIndex === 0"
                   :size="$q.screen.xs ? 'xs' : ''"
                   style="color: hsl(var(--text-mute-2))"
-                  @click="moveItemUp(tempStep, propIndex)"
+                  @click="
+                    moveItemUp(
+                      tempStep[stepIndex].attributes.properties,
+                      propIndex,
+                    )
+                  "
                 />
                 <q-btn
                   id="btn-move-down-product"
@@ -479,9 +485,17 @@ watch(
                   flat
                   round
                   :size="$q.screen.xs ? 'xs' : ''"
-                  :disable="propIndex === tempStep?.length - 1"
+                  :disable="
+                    propIndex ===
+                    tempStep[stepIndex].attributes.properties?.length - 1
+                  "
                   style="color: hsl(var(--text-mute-2))"
-                  @click="moveItemDown(tempStep, propIndex)"
+                  @click="
+                    moveItemDown(
+                      tempStep[stepIndex].attributes.properties,
+                      propIndex,
+                    )
+                  "
                 />
 
                 <q-avatar
diff --git a/src/pages/08_request-list/FormExpansion.vue b/src/pages/08_request-list/FormExpansion.vue
index 386c602c..3cedab00 100644
--- a/src/pages/08_request-list/FormExpansion.vue
+++ b/src/pages/08_request-list/FormExpansion.vue
@@ -77,7 +77,7 @@ function assignToForm() {
   <q-expansion-item
     dense
     v-model="isExpand"
-    class="overflow-hidden bordered q-my-sm full-width"
+    class="overflow-hidden bordered full-width"
     switch-toggle-side
     style="border-radius: var(--radius-2)"
     expand-icon="mdi-chevron-down-circle"
diff --git a/src/pages/08_request-list/RequestListView.vue b/src/pages/08_request-list/RequestListView.vue
index 27c49809..6bc22d10 100644
--- a/src/pages/08_request-list/RequestListView.vue
+++ b/src/pages/08_request-list/RequestListView.vue
@@ -30,6 +30,12 @@ import {
   EmployeePassportPayload,
   EmployeeVisaPayload,
 } from 'stores/employee/types';
+import {
+  PropDate,
+  PropNumber,
+  PropOptions,
+  PropString,
+} from 'src/stores/product-service/types';
 
 const { locale } = useI18n();
 
@@ -483,8 +489,18 @@ async function triggerViewFile(opt: {
               "
             >
               <template v-slot="{ product }">
-                <section class="column surface-1 q-pa-sm bordered-t">
+                <section
+                  class="column surface-1 q-px-sm bordered-t q-pb-sm q-gutter-y-sm"
+                >
                   <DocumentExpansion
+                    v-if="
+                      value.productService.work?.attributes?.workflowStep[
+                        pageState.currentStep - 1
+                      ].attributes?.properties.some(
+                        (v: PropString | PropNumber | PropDate | PropOptions) =>
+                          v.fieldName === 'documentCheck',
+                      )
+                    "
                     ref="refDocumentExpansion"
                     :attributes="value.attributes"
                     @change-status="
@@ -534,6 +550,14 @@ async function triggerViewFile(opt: {
                     :listDocument="product?.document"
                   />
                   <FormExpansion
+                    v-if="
+                      value.productService.work?.attributes?.workflowStep[
+                        pageState.currentStep - 1
+                      ].attributes?.properties.some(
+                        (v: PropString | PropNumber | PropDate | PropOptions) =>
+                          v.fieldName === 'designForm',
+                      )
+                    "
                     :step="{
                       step: pageState.currentStep,
                       requestWorkId: value.id || '',