feat: 09 => add edit and delete actions to task orders

src/pages/09_task-order/MainPage.vue

@@ -116,6 +116,10 @@ function openReceiveDialog(scan?: boolean) {
   pageState.receiveDialog = true;
 }
 
+async function deleteTaskOrder() {
+  console.log('delete');
+}
+
 onMounted(async () => {
   navigatorStore.current.title = 'taskOrder.title';
   navigatorStore.current.path = [{ text: 'taskOrder.caption', i18n: true }];
@@ -441,6 +445,8 @@ watch(
                   : triggerTaskOrder({ statusDialog: 'info', id: v.id });
               }
             "
+            @edit="console.log('edit')"
+            @delete="deleteTaskOrder"
           />
         </article>
 

src/pages/09_task-order/TableTaskOrder.vue

@@ -105,6 +105,8 @@ function openList(index: number, data: TaskOrder) {
 
 const emit = defineEmits<{
   (e: 'view', data: TaskOrder): void;
+  (e: 'edit', data: TaskOrder): void;
+  (e: 'delete', data: TaskOrder): void;
   (e: 'clickSubRow', index: number, data: TaskOrder): void;
 }>();
 </script>
@@ -205,14 +207,16 @@ const emit = defineEmits<{
             flat
             @click.stop="$emit('view', props.row)"
           />
-
           <KebabAction
-            v-if="false"
+            v-if="
+              !receive && props.row.taskOrderStatus === TaskOrderStatus.Pending
+            "
             :idName="`btn-kebab-${props.row.taskName}`"
             status="'ACTIVE'"
             hide-toggle
-            :hide-edit="true"
             @view="$emit('view', props.row)"
+            @edit="$emit('edit', props.row)"
+            @delete="$emit('delete', props.row)"
           />
         </q-td>
         <q-td v-else>
@@ -254,8 +258,10 @@ const emit = defineEmits<{
         <QuotationCard
           :status="$t(taskOrderStatus(props.row.taskOrderStatus, 'status'))"
           :badge-color="taskOrderStatus(props.row.taskOrderStatus, 'color')"
-          hide-action
-          hidePreview
+          hide-preview
+          :hide-action="
+            receive || props.row.taskOrderStatus !== TaskOrderStatus.Pending
+          "
           :code="props.row.code"
           :title="props.row.taskName"
           :custom-data="[
@@ -296,6 +302,8 @@ const emit = defineEmits<{
             },
           ]"
           @view="$emit('view', props.row)"
+          @edit="$emit('edit', props.row)"
+          @delete="$emit('delete', props.row)"
         />
       </div>
     </template>