fix: add id, icon service dialog

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

@@ -27,6 +27,7 @@ defineEmits<{
   <div class="column rounded bordered surface-2 items-start">
     <div class="row items-center full-width q-gutter-x-md q-py-sm q-px-md">
       <q-btn
+        id="btn-swap-work"
         icon="mdi-swap-vertical"
         dense
         flat
@@ -36,6 +37,7 @@ defineEmits<{
         class="q-ml-sm"
       />
       <q-btn
+        id="btn-delete-work"
         icon="mdi-trash-can-outline"
         dense
         flat
@@ -47,14 +49,15 @@ defineEmits<{
       />
 
       <q-input
+        for="input-work-name"
         dense
         outlined
         borderless
         class="col"
         hide-bottom-space
         label="ชื่องาน"
-        bg-white
         v-model="serviceName"
+        style="background-color: var(--surface-1)"
       >
         <template #prepend>
           <q-btn
@@ -80,6 +83,7 @@ defineEmits<{
     >
       <span>{{ $t('productInWork') }} {{ workIndex + 1 }}</span>
       <q-btn
+        id="btn-add-work-product"
         flat
         dense
         icon="mdi-plus"
@@ -98,8 +102,16 @@ defineEmits<{
         style="background-color: var(--surface-1)"
       >
         <div class="row items-center col-9 no-wrap">
-          <q-btn icon="mdi-swap-vertical" dense flat round color="info" />
           <q-btn
+            id="btn-swap-work-product"
+            icon="mdi-swap-vertical"
+            dense
+            flat
+            round
+            color="info"
+          />
+          <q-btn
+            id="btn-delete-work-product"
             icon="mdi-trash-can-outline"
             dense
             flat