fix(04): work name => name being use (delete), re select

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

@@ -66,8 +66,9 @@ watch(
     const oldList = o.map((v: { name: string }) => v.name);
     const index = oldList.indexOf(workName.value);
 
-    if (list[index] !== oldList[index]) {
+    if (list[index] !== oldList[index] && !list.includes(workName.value)) {
-      workName.value = list[index];
+      if (list.length - 1 === index - 1) workName.value = list[index - 1];
+      else workName.value = list[index];
     }
   },
 );

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

@@ -1155,19 +1155,29 @@ async function submitGroup() {
 function confirmDeleteWork(id: string, noDialog?: boolean) {
   if (noDialog) {
     deleteWork(id);
-  } else
+  } else {
+    const currUseName =
+      service.value?.map((v) => v.work.map((x) => x.name)).flat() || [];
+    const deleteTarget = workNameItems.value.find(
+      (v: { id: string }) => v.id === id,
+    ).name;
+    const isNameInUse = currUseName.includes(deleteTarget);
+
     dialog({
       color: 'negative',
       icon: 'mdi-alert',
       title: t('dialog.title.confirmDelete'),
       actionText: t('general.delete'),
-      message: t('dialog.message.confirmDelete'),
+      message: isNameInUse
+        ? `${t('dialog.message.beingUse', { msg: deleteTarget })} ${t('dialog.message.confirmDelete')}`
+        : t('dialog.message.confirmDelete'),
       action: async () => {
         deleteWork(id);
         flowStore.rotate();
       },
       cancel: () => {},
     });
+  }
 }
 
 function triggerConfirmCloseWork() {