changes

app/components/imports/IMEIButton.vue

@@ -6,6 +6,8 @@ const props = defineProps({
 
 <template>
   <a
+    class="tag fs-12 is-rounded is-primary is-light"
+    style="border: 1px solid var(--bulma-primary-90)"
     @click="
       $emit('clickevent', {
         name: 'dataevent',
@@ -14,17 +16,12 @@ const props = defineProps({
             component: 'imports/IMEIs',
             title: 'IMEIs',
             width: '80%',
-            vbind: { variant: props.variant },
+            vbind: { variant },
           },
         },
       })
     "
   >
-    <span class="icon">
-      <Icon
-        name="mdi:launch"
-        :size="18"
-      />
-    </span>
+    {{ variant.imei_count }}
   </a>
 </template>

app/components/imports/Products.vue

@@ -11,6 +11,10 @@ import DataView from "~/components/datatable/DataView.vue";
       params: {
         values:
           '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 },