feat: list use vnTable, fix descriptor

@@ -138,14 +138,6 @@ const showFilter = computed(
 );
 </script>
 <template>
-    <div

@@ -303,0 +305,4 @@
+                                class="q-pt-sm q-px-sm ellipsis"
+                                :class="`text-${col?.align ?? 'left'}`"
+                                :style="
+                                    $props.columnSearch ? { 'min-height': 72 + 'px' } : ''

@@ -30,7 +30,7 @@ function setClaimStates(data) {
 }

@@ -2,7 +2,7 @@
 import { ref, computed, onMounted } from 'vue';

@@ -10,3 +10,3 @@
 
 const $props = defineProps({
-    id: { type: Number, default: null },
+    id: { type: [Number, String], default: null },

@@ -114,3 +114,3 @@
         companyId: config.value.companyFk,
         dmsTypeId: dmsType.value.id,
-        description: t('claim.photo.fileDescription', {
+        description: t('claim.fileDescription', {

@@ -15,6 +15,7 @@ import VnTitle from 'src/components/common/VnTitle.vue';
 import CustomerDescriptorProxy from 'src/pages/Customer/Card/CustomerDescriptorProxy.vue';

@@ -362,11 +312,47 @@ async function changeState(value) {
                     </div>
                 </div>
             </QCard>
+            <QCard class="vn-two" v-if="salesClaimed.length > 0">

@@ -16,19 +16,12 @@ const props = defineProps({
     },

@@ -59,1 +59,3 @@
-    entity = computed(() => (Array.isArray(store.data) ? store.data[0] : store.data));
+    entity = computed(() => {
+        const data = Array.isArray(store.data) ? store.data[0] : store.data;
+        if (data) emit('onFetch', data ?? {});

@@ -146,7 +145,7 @@ onMounted(async () => {
                     color="primary"
                     :href="salixUrl + 'ticket/' + entity.ticketFk + '/sale-tracking'"

@@ -365,0 +335,4 @@
+                                <span v-if="col.name != 'description'">{{
+                                    t(col.value)
+                                }}</span>
+                                <QBtn

@@ -367,3 +355,1 @@
-                    :url="claimUrl + 'development'"
-                    :text="t('claim.summary.development')"
-                />
+                <VnTitle :url="claimUrl + 'development'" :text="t('claim.development')" />

@@ -394,4 +380,4 @@
                         label-always
                         color="var()"
                         markers
                         :marker-labels="[

@@ -189,0 +36,4 @@
+                    lazy-rules
+                    is-outlined
+                >
+                    <template #prepend> <QIcon name="badge" size="xs"></QIcon></template>

@@ -20,0 +55,4 @@
+        name: 'stateCode',
+        chip: {
+            condition: () => true,
+            color: ({ stateCode }) => STATE_COLOR[stateCode] ?? 'bg-grey',

@@ -132,3 +137,3 @@
     {
         name: 'worker',
-        label: 'claim.summary.worker',
+        label: 'claim.worker',

@@ -189,0 +128,4 @@
+                />
+                <QCheckbox
+                    v-model="params.myTeam"
+                    :label="t('myTeam')"