refs #6321 perf: updates

src/pages/Ticket/Negative/TicketLackDescriptor.vue

@@ -118,16 +118,52 @@ const tableColumnComponents = computed(() => ({
         props: {},
         event: () => ({}),
     },
+    shipped: {
+        component: 'span',
+        props: {},
+        event: () => ({}),
+    },
+    theoreticalhour: {
+        component: 'span',
+        props: {},
+        event: () => ({}),
+    },
+    state: {
+        component: VnSelectFilter,
+        type: 'select',
+        filterValue: null,
+
+        attrs: {
+            'option-value': 'id',
+            'option-label': 'name',
+            'emit-value': false,
+            'map-options': false,
+            'use-input': false,
+            'hide-selected': false,
+            options: editableStates.value,
+        },
+        event: getInputEvents,
+    },
+    agName: {
+        component: 'span',
+        props: {},
+        event: () => ({}),
+    },
+    zoneName: {
+        component: 'span',
+        props: {},
+        event: () => ({}),
+    },
     nickname: {
         component: 'span',
         props: {},
         event: () => ({}),
     },
-    name: {
+    // name: {
-        component: 'span',
+    //     component: 'span',
-        props: {},
+    //     props: {},
-        event: () => ({}),
+    //     event: () => ({}),
-    },
+    // },
     quantity: {
         component: VnInput,
         props: {
@@ -146,22 +182,6 @@ const tableColumnComponents = computed(() => ({
         },
         event: getInputEvents,
     },
-    state: {
-        component: VnSelectFilter,
-        type: 'select',
-        filterValue: null,
-
-        attrs: {
-            'option-value': 'id',
-            'option-label': 'name',
-            'emit-value': false,
-            'map-options': false,
-            'use-input': false,
-            'hide-selected': false,
-            options: editableStates.value,
-        },
-        event: getInputEvents,
-    },
 
     alertLevelCode: {
         component: 'span',
@@ -200,15 +220,15 @@ const columns = computed(() => [
         align: 'left',
     },
     {
-        name: 'nickname',
+        name: 'shipped',
-        label: t('ticket.negative.detail.nickname'),
+        label: t('ticket.negative.detail.shipped'),
-        field: 'nickname',
+        field: 'shipped',
         align: 'left',
     },
     {
-        name: 'name',
+        name: 'theoreticalhour',
-        label: t('ticket.negative.detail.name'),
+        label: t('ticket.negative.detail.theoreticalhour'),
-        field: 'name',
+        field: 'theoreticalhour',
         align: 'left',
     },
     {
@@ -217,6 +237,31 @@ const columns = computed(() => [
         field: 'stateId',
         align: 'left',
     },
+    {
+        name: 'agName',
+        label: t('ticket.negative.detail.agName'),
+        field: 'agName',
+        align: 'left',
+    },
+    {
+        name: 'zoneName',
+        label: t('ticket.negative.detail.zoneName'),
+        field: 'zoneName',
+        align: 'left',
+    },
+    {
+        name: 'nickname',
+        label: t('ticket.negative.detail.nickname'),
+        field: 'nickname',
+        align: 'left',
+    },
+    // {
+    //     name: 'name',
+    //     label: t('ticket.negative.detail.name'),
+    //     field: 'name',
+    //     align: 'left',
+    // },
+
     {
         name: 'quantity',
         label: t('ticket.negative.detail.quantity'),
@@ -256,7 +301,7 @@ const columns = computed(() => [
 
 defineEmits([...useDialogPluginComponent.emits]);
 
-const { dialogRef, onDialogHide } = useDialogPluginComponent();
+// const { dialogRef, onDialogHide } = useDialogPluginComponent();
 
 // async function changeState(value) {
 /* if (!ticket.value.id) return;

src/pages/Ticket/Negative/TicketLackList.vue

@@ -167,8 +167,21 @@ const columns = computed(() => [
                             </QTd>
                         </template>
 
-                        <template #body-cell-icons="{ value }">
+                        <template #body-cell-icons="{ row, value }">
                             <QTd align="center">
+                                <QIcon
+                                    @click.stop="updateNegativeOrigin(row)"
+                                    class="q-ml-md"
+                                    color="primary"
+                                    name="outgoing_email"
+                                    size="sm"
+                                >
+                                    <QTooltip>
+                                        {{ t('Preview') }}
+                                    </QTooltip>
+
+                                    <!-- <TicketDescriptorProxy :id="value" /> -->
+                                </QIcon>
                                 <QIcon
                                     @click.stop="viewSummary(value)"
                                     class="q-ml-md"