src/pages/Order/Card/OrderSummary.vue

@@ -180,9 +180,10 @@ const detailsColumns = ref([
                                         <ItemDescriptorProxy :id="props.row.item?.id" />
                                     </span>
                                 </QTd>
-                                <QTd key="description" :props="props" class="description">
+                                <QTd key="description" :props="props">
+                                    <div class="description">
                                         <div class="name">
-                                        <span>{{ props.row.item.name }}</span>
+                                            {{ props.row.item.name }}
                                             <span
                                                 v-if="props.row.item.subName"
                                                 class="subName"
@@ -190,6 +191,7 @@ const detailsColumns = ref([
                                                 {{ props.row.item.subName }}
                                             </span>
                                         </div>
+                                    </div>
                                     <FetchedTags :item="props.row.item" :max-length="5" />
                                 </QTd>
                                 <QTd key="quantity" :props="props">
@@ -228,24 +230,13 @@ const detailsColumns = ref([
 }
 
 .description {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
     text-align: left;
-    height: auto;
+    padding-top: 15px;
-    padding-top: 12px;
+    padding-bottom: 15px;
-    padding-bottom: 12px;
 
     .name {
-        display: flex;
-        align-items: center;
-        padding-bottom: 8px;
-
-        & > * {
-            flex: 1;
-        }
-
         .subName {
+            margin-left: 5%;
             text-transform: uppercase;
             color: var(--vn-label-color);
         }

src/pages/Order/OrderList.vue

@@ -29,7 +29,7 @@ const columns = computed(() => [
     },
     {
         align: 'left',
-        name: 'clientName',
+        name: 'clientFk',
         label: t('module.customer'),
         isTitle: true,
         cardVisible: true,
@@ -41,20 +41,26 @@ const columns = computed(() => [
         columnField: {
             component: null,
         },
+        format: (row) => row?.clientName,
     },
     {
         align: 'left',
-        name: 'name',
+        name: 'salesPersonFk',
         label: t('module.salesPerson'),
+        columnFilter: {
             component: 'select',
+            inWhere: true,
             attrs: {
                 url: 'Workers/activeWithInheritedRole',
                 fields: ['id', 'name'],
                 where: { role: 'salesPerson' },
+                useLike: false,
+                optionValue: 'id',
+                optionLabel: 'name',
+                optionFilter: 'firstName',
             },
-        columnField: {
-            component: null,
         },
+        format: (row) => row?.name,
     },
     {
         align: 'left',
@@ -92,22 +98,30 @@ const columns = computed(() => [
     },
     {
         align: 'left',
-        name: 'agencyName',
+        name: 'agencyModeFk',
         label: t('module.agency'),
         component: 'select',
         cardVisible: true,
         attrs: {
-            url: 'Agencies',
+            url: 'agencyModes',
             fields: ['id', 'name'],
+            find: {
+                value: 'agencyModeFk',
+                label: 'agencyName',
+            },
         },
         columnField: {
             component: null,
         },
+        format: (row) => row?.agencyName,
     },
     {
         align: 'left',
         name: 'total',
         label: t('module.total'),
+        columnFilter: {
+            inWhere: true,
+        },
         format: ({ total }) => toCurrency(total),
         cardVisible: true,
     },