changes

app/components/inventory/Inventory.vue

@@ -1,6 +1,6 @@
 <script setup>
+import DataView from "~/components/datatable/DataView.vue";
 import InventoryHighlightCard from "~/components/inventory/InventoryHighlightCard.vue";
-import InventoryTable from "~/components/inventory/InventoryTable.vue";
 
 const inventoryHighlights = [
   {
@@ -86,6 +86,43 @@ const inventoryHighlights = [
         />
       </div>
     </div>
-    <InventoryTable />
+    <div class="card is-clipped">
+      <div class="card-content p-0">
+        <p class="p-5 icon-text fs-16 font-semibold w-full">
+          <span class="icon">
+            <Icon
+              name="material-symbols:deployed-code-outline"
+              :size="20"
+            />
+          </span>
+          <span>Danh sách tồn kho</span>
+        </p>
+        <div class="px-4 pb-4">
+          <DataView
+            v-bind="{
+              api: 'Product_Variant',
+              setting: 'inventory',
+              pagename: 'inventory',
+              params: {
+                values:
+                  'imeis__warehouse,imeis__warehouse__name,imeis__warehouse__address,id,code,product,product__name,product__os__name,product__external_storage__max_capacity,color,color__code,color__name,color__hex_code,ram,ram__code,ram__capacity,internal_storage,internal_storage__code,internal_storage__capacity,image,image__path,price,note,create_time,update_time',
+                distinct_values: {
+                  imei_count: { type: 'Count', field: 'imeis' },
+                },
+                summary: 'annotate',
+                sort: 'id',
+              },
+              timeopt: { time: 36000 },
+              modal: {
+                component: 'imports/AddProduct',
+                title: 'Tạo sản phẩm',
+                width: '90%',
+                height: 'auto',
+              },
+            }"
+          />
+        </div>
+      </div>
+    </div>
   </div>
 </template>