refactor: refs #6896 end migration orders

@@ -72,1 +72,3 @@
-        <QImg :src="image" spinner-color="primary" style="min-height: 256px">
+        <VnImg
+            :src="image"
+            spinner-color="primary"

@@ -258,0 +326,4 @@
+    justify-content: center;
+    text-align: left;
+    height: auto;
+    padding-top: 12px;

@@ -73,0 +72,4 @@
+        <VnImg
+            :src="image"
+            spinner-color="primary"
+            style="min-height: 256px"

@@ -0,0 +10,4 @@
+        type: Boolean,
+        default: false,
+    },
+    zoomSize: {

@@ -0,0 +46,4 @@
+    border-radius: 0%;
+}
+.img_zoom {
+    width: 12%;

@@ -0,0 +42,4 @@
+
+<style lang="scss" scoped>
+.img {
+    cursor: pointer;

@@ -160,2 +141,2 @@
-    params.orderBy = JSON.stringify(orderBy);
-    search();
+const onOrderFieldChange = (value, params) => {
+    console.log('value: ', value);

@@ -162,0 +142,4 @@
+    console.log('value: ', value);
+    console.log('params: ', params);
+    const tagObj = JSON.parse(params.orderBy);
+    switch (value) {

@@ -188,3 +211,4 @@
         @remove="clearFilter"
     >
         <template #tags="{ tag, formatFn }">
+            {{ console.log('tag: ', tag) }}

@@ -30,3 +31,3 @@
         <QCard class="card shadow-6">
             <div class="img-wrapper">
-                <QImg
+                <VnImg

@@ -32,3 +33,3 @@
-                <QImg
+                <VnImg
                     :src="`/api/Images/catalog/200x200/${item.id}/download?access_token=${token}`"
                     spinner-color="primary"

@@ -33,3 +33,4 @@
+                <VnImg
                     :src="`/api/Images/catalog/200x200/${item.id}/download?access_token=${token}`"
                     spinner-color="primary"
                     :ratio="1"

@@ -44,0 +37,4 @@
+    const client = clientList.value.find(
+        (client) => client.id === initialFormState.clientFk
+    );
+    if (client && client.defaultAddressFk) {

@@ -135,3 +149,3 @@
         <FormModel
             :url="!isNew ? `Orders/${route.params.id}` : null"
-            :url-create="isNew ? 'Orders/new' : null"
+            :url-create="'Orders/new'"

@@ -43,6 +44,7 @@ function confirmRemove(item) {
 }
 
 async function remove(item) {
+    console.log('item: ', item);

@@ -133,2 +162,2 @@
-                            :title="row?.item?.name"
-                            class="cursor-inherit"
+                    <div class="q-pa-md">
+                        <QTable

@@ -255,6 +319,38 @@ async function confirmOrder() {
     color: var(--vn-label-color);
     text-align: center;
 }
+

@@ -0,0 +1,52 @@
+<script setup>
+import { ref } from 'vue';
+
+const $props = defineProps({

@@ -0,0 +2,4 @@
+import { ref } from 'vue';
+
+const $props = defineProps({
+    collection: {

@@ -0,0 +14,4 @@
+        type: String,
+        required: true,
+    },
+    id: {

@@ -3,4 +3,11 @@ import qFormMixin from './qformMixin';
 
 export default boot(({ app }) => {

@@ -193,1 +216,3 @@
-                                />
+                            <template #body-cell-description="{ value }">
+                                <QTd class="description-cell">
+                                    <FetchedTags

@@ -194,2 +229,3 @@
+                                </QTd>
                             </template>
-                        </CardList>
+                            <template #body-cell-warehouse="{ value }">

@@ -196,0 +261,4 @@
+                                        size="sm"
+                                        class="cursor-pointer"
+                                        @click.stop="confirmRemove(value)"
+                                        style="margin-left: 40%"

@@ -257,1 +325,4 @@
 }
+
+.description-cell {
+    width: 25%;

@@ -0,0 +1,12 @@
+import { defineStore } from 'pinia';