fix: add id, icon service dialog

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

@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import { Icon } from '@iconify/vue';
+
 const remark = defineModel<string>('remark');
 const detail = defineModel<string>('detail');
 const name = defineModel<string>('name');
@@ -73,6 +75,7 @@ defineProps<{
 
   <div v-if="service" class="col-9 row q-col-gutter-md">
     <q-input
+      id="input-service-code"
       for="input-service-code"
       :dense="dense"
       :outlined="!readonly"
@@ -84,6 +87,7 @@ defineProps<{
       v-model="serviceCode"
     />
     <q-input
+      id="input-service-name"
       for="input-service-name"
       :dense="dense"
       :outlined="!readonly"
@@ -93,8 +97,25 @@ defineProps<{
       class="col-9"
       :label="$t('serviceName')"
       v-model="serviceName"
-    />
+    >
+      <template #prepend>
+        <q-btn
+          dense
+          unelevated
+          round
+          padding="0"
+          style="background-color: var(--surface-tab)"
+        >
+          <Icon
+            icon="basil:settings-adjust-solid"
+            width="24px"
+            style="color: var(--stone-7)"
+          />
+        </q-btn>
+      </template>
+    </q-input>
     <q-input
+      id="input-service-description"
       for="input-service-description"
       :dense="dense"
       :outlined="!readonly"