refs #6321 perf: rename files

src/pages/Ticket/Card/TicketSummary.vue

@@ -193,7 +193,7 @@ async function changeState(value) {
                 />
             </QCard>
             <QCard class="vn-one">
-                <a class="header link" :href="ticketUrl + 'basic-data/step-one'">
+                <a class="header header-link" :href="ticketUrl + 'basic-data/step-one'">
                     {{ t('globals.summary.basicData') }}
                     <QIcon name="open_in_new" />
                 </a>
@@ -236,7 +236,7 @@ async function changeState(value) {
                 />
             </QCard>
             <QCard class="vn-one">
-                <a class="header link" :href="ticketUrl + 'observation'">
+                <a class="header header-link" :href="ticketUrl + 'observation'">
                     {{ t('ticket.pageTitles.notes') }}
                     <QIcon name="open_in_new" />
                 </a>
@@ -258,7 +258,7 @@ async function changeState(value) {
                 </VnLv>
             </QCard>
             <QCard class="vn-max">
-                <a class="header link" :href="ticketUrl + 'sale'">
+                <a class="header header-link" :href="ticketUrl + 'sale'">
                     {{ t('ticket.summary.saleLines') }}
                     <QIcon name="open_in_new" />
                 </a>
@@ -396,7 +396,7 @@ async function changeState(value) {
                 class="vn-max"
                 v-if="ticket.packagings.length > 0 || ticket.services.length > 0"
             >
-                <a class="header link" :href="ticketUrl + 'package'">
+                <a class="header header-link" :href="ticketUrl + 'package'">
                     {{ t('globals.packages') }}
                     <QIcon name="open_in_new" />
                 </a>
@@ -417,7 +417,7 @@ async function changeState(value) {
                     </template>
                 </QTable>
 
-                <a class="header link q-mt-xl" :href="ticketUrl + 'service'">
+                <a class="header header-link q-mt-xl" :href="ticketUrl + 'service'">
                     {{ t('ticket.summary.service') }}
                     <QIcon name="open_in_new" />
                 </a>

src/pages/Ticket/Negative/TicketLackDescriptor.vue

@@ -118,11 +118,6 @@ function isComponentVn(col) {
     return tableColumnComponents?.value[col.name]?.component === 'span' ?? false;
 }
 const tableColumnComponents = computed(() => ({
-    itemFk: {
-        component: QBtn,
-        props: { color: 'blue', flat: true },
-        event: () => ({}),
-    },
     ticketFk: {
         component: QBtn,
         props: { color: 'blue', flat: true },
@@ -205,12 +200,6 @@ const columns = computed(() => [
         field: 'ticketFk',
         align: 'left',
     },
-    {
-        name: 'itemFk',
-        label: t('ticket.negative.detail.itemFk'),
-        field: 'itemFk',
-        align: 'left',
-    },
     {
         name: 'code',
         label: t('ticket.negative.detail.Code'),
@@ -358,7 +347,4 @@ async function changeState(value) {
     </VnPaginate>
 </template>
 
-<style lang="scss">
-.q-dialog {
-}
-</style>
+<style lang="scss"></style>

src/pages/Ticket/Negative/TicketLackDescriptorDialog.vue

@@ -1,5 +1,5 @@
 <script setup>
-import TicketDescriptor from './TicketDescriptor.vue';
+import TicketDescriptor from './TicketLackDescriptor.vue';
 
 const $props = defineProps({
     id: {
@@ -13,3 +13,4 @@ const $props = defineProps({
 </template>
 
 <style lang="scss"></style>
+./TicketLackDescriptor.vue

src/pages/Ticket/Negative/TicketLackList.vue

@@ -4,8 +4,8 @@ import { useI18n } from 'vue-i18n';
 import { useStateStore } from 'stores/useStateStore';
 import VnPaginate from 'components/ui/VnPaginate.vue';
 import { useSession } from 'src/composables/useSession';
-import TicketFilter from 'pages/Ticket/Negative/TicketFilter.vue';
-import TicketDescriptorDialog from 'pages/Ticket/Negative/TicketDescriptorDialog.vue';
+import TicketFilter from 'pages/Ticket/Negative/TicketLackFilter.vue';
+import TicketDescriptorDialog from 'pages/Ticket/Negative/TicketLackDescriptorDialog.vue';
 import { useQuasar } from 'quasar';
 import VnConfirm from 'components/ui/VnConfirm.vue';
 
@@ -106,6 +106,7 @@ const columns = computed(() => [
     },
 ]);
 </script>
+
 <template>
     <div class="column items-center">
         <div class="list">
@@ -130,6 +131,7 @@ const columns = computed(() => [
                                 </div>
                             </div>
                         </template>
+
                         <template #body-cell-hasCmrDms="{ value }">
                             <QTd align="center">
                                 <QBadge
@@ -142,17 +144,20 @@ const columns = computed(() => [
                                 />
                             </QTd>
                         </template>
+
                         <template #body-cell-ticketFk="{ value }">
                             <QTd align="right" class="text-primary">
                                 <span class="text-primary link">{{ value }}</span>
                             </QTd>
                         </template>
+
                         <template #body-cell-clientFk="{ value }">
                             <QTd align="right" class="text-primary">
                                 <span class="text-primary link">{{ value }}</span>
                                 <CustomerDescriptorProxy :id="value" />
                             </QTd>
                         </template>
+
                         <template #body-cell-icons="{ value }">
                             <QTd align="center">
                                 <QIcon
@@ -184,12 +189,7 @@ const columns = computed(() => [
                         round
                         dense
                         v-close-popup
-                    /> </QCardSection
-                ><QCardSection class="row items-center"
-                    ><TicketDescriptorDialog
                         :id="currentRow.itemFk"
-                    ></TicketDescriptorDialog></QCardSection></QCard
-        ></QDialog>
         <!-- <VnConfirm  :title="t('confirmGreuges')">
             <template #customHTML>
 
@@ -208,15 +208,19 @@ const columns = computed(() => [
     padding: 15px;
     width: 100%;
 }
+
 .grid-style-transition {
     transition: transform 0.28s, background-color 0.28s;
 }
+
 #true {
     background-color: $positive;
 }
+
 #false {
     background-color: $negative;
 }
+
 div.q-dialog__inner > div {
     max-width: fit-content !important;
     // background-color: red !important;