fix: can add work name when empty

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

@@ -1,9 +1,9 @@
 <script lang="ts" setup>
 import { onMounted, ref, watch } from 'vue';
-import { useI18n } from 'vue-i18n';
-import { storeToRefs } from 'pinia';
+// import { useI18n } from 'vue-i18n';
+// import { storeToRefs } from 'pinia';
 
-import useProductServiceStore from 'src/stores/product-service';
+// import useProductServiceStore from 'src/stores/product-service';
 
 import NoData from '../NoData.vue';
 
@@ -53,11 +53,8 @@ watch(
 </script>
 <template>
   <div v-if="cloneList" class="full-width column no-wrap full-height">
-    <div
-      v-if="cloneList.length > 0"
-      class="bordered rounded surface-1 flex col column justify-between"
-    >
-      <q-list class="full-width col scroll">
+    <div class="bordered rounded surface-1 flex col column justify-between">
+      <q-list v-if="cloneList.length > 0" class="full-width col scroll">
         <q-item
           class="items-center row q-px-lg"
           v-for="(item, index) in cloneList"
@@ -133,6 +130,9 @@ watch(
           </q-btn>
         </q-item>
       </q-list>
+      <div v-else class="flex col justify-center items-center">
+        <NoData />
+      </div>
 
       <div class="bordered-t full-width">
         <q-item
@@ -152,11 +152,11 @@ watch(
         </q-item>
       </div>
     </div>
-    <div
+    <!-- <div
       v-else
       class="bordered rounded surface-1 flex justify-center items-center col"
     >
       <NoData />
-    </div>
+    </div> -->
   </div>
 </template>