fix: service => not display workflow when no properties

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

@@ -75,6 +75,7 @@ async function addWork() {
     id: '',
     name: '',
     attributes: {
+      workflowName: '',
       additional: [],
       showTotalPrice: false,
       stepProperties: [],

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

@@ -580,10 +580,16 @@ watch(
             >
               {{ $t('flow.noProcessStep') }}
             </span>
-            <span
+
-              v-else
+            <template
               v-for="(step, stepIndex) in attributes.stepProperties"
               :key="step.id"
+            >
+              <span
+                v-if="
+                  attributes.stepProperties?.length > 0 &&
+                  step.attributes.length > 0
+                "
               >
                 <q-icon name="mdi-circle-medium" />
                 {{ $t('flow.stepNo', { msg: stepIndex + 1 }) }}:
@@ -616,7 +622,8 @@ watch(
                 <section
                   class="q-pt-sm q-pl-lg column"
                   :class="{
-                  'q-pb-sm': stepIndex !== attributes.stepProperties.length - 1,
+                    'q-pb-sm':
+                      stepIndex !== attributes.stepProperties.length - 1,
                   }"
                 >
                   <span class="app-text-muted-2 text-caption">
@@ -645,11 +652,26 @@ watch(
                       {{ product.name }}
                     </div>
                   </div>
-                <span v-else class="app-text-muted-2 surface-1 rounded q-pa-xs">
+                  <span
+                    v-else
+                    class="app-text-muted-2 surface-1 rounded q-pa-xs"
+                  >
                     {{ $t('productService.product.noProduct') }}
                   </span>
                 </section>
               </span>
+            </template>
+
+            <span
+              v-if="
+                attributes.stepProperties.every(
+                  (s) => s.attributes.length === 0,
+                )
+              "
+              class="app-text-muted"
+            >
+              {{ $t('productService.service.noPropertiesYet') }}
+            </span>
           </div>
 
           <!-- <div class="q-py-md q-px-md full-width">

src/i18n/eng.ts

@@ -653,6 +653,7 @@ export default {
       addWork: 'Add Work',
       workAlreadyExist: 'Work already exist',
       splitPay: 'Split Payment',
+      noPropertiesYet: 'No properties have been selected yet',
     },
     product: {
       title: 'Products and Services',

src/i18n/tha.ts

@@ -649,6 +649,7 @@ export default {
       addWork: 'เพิ่มงาน',
       workAlreadyExist: 'งานนี้มีอยู่แล้ว',
       splitPay: 'แบ่งจ่าย',
+      noPropertiesYet: 'ยังไม่ได้เลือกคุณสมบัติต่องาน',
     },
     product: {
       title: 'สินค้าและบริการ',

src/pages/04_product-service/MainPage.vue

@@ -273,6 +273,7 @@ const formDataProductService = ref<ServiceCreate>({
     showTotalPrice: false,
     additional: [],
     workflowId: '',
+    workflowName: '',
     stepProperties: [],
   },
   detail: '',
@@ -899,6 +900,7 @@ const prevService = ref<ServiceCreate>({
   work: [],
   attributes: {
     showTotalPrice: false,
+    workflowName: '',
     workflowId: '',
     stepProperties: [],
     additional: [],
@@ -1057,6 +1059,7 @@ function clearFormService() {
     name: '',
     detail: '',
     attributes: {
+      workflowName: '',
       workflowId: '',
       stepProperties: [],
       additional: [],
@@ -1285,6 +1288,7 @@ function triggerConfirmCloseWork() {
 
 const tempValueProperties = ref<Attributes>({
   showTotalPrice: false,
+  workflowName: '',
   workflowId: '',
   stepProperties: [],
   additional: [],