stat page

back/tgbot/serializers.py

@@ -31,7 +31,6 @@ class TgItemSerializer(serializers.ModelSerializer):
 class TgStatItemSerializer(serializers.Serializer):
     location = serializers.SerializerMethodField()
     inv_count = serializers.IntegerField()
-    # tmc_count = serializers.IntegerField()
     tmc = serializers.SerializerMethodField()
 
     def get_location(self, obj):

back/tgbot/views.py

@@ -139,7 +139,6 @@ class TmcStatViewset(viewsets.ViewSet):
             .annotate(
                 tmc=ArrayAgg("tmc"),
             )
-            # .values("tmc__tmc_id")
         )
         logger.info(queryset)
         serializer = TgStatItemSerializer(queryset, many=True)

front/pages/stat/index.vue

@@ -1,3 +1,29 @@
+<script setup lang="ts">
+const data = await apiCall<RootObject[]>(`stat/`, 'get')
+interface RootObject {
+    location: Location;
+    inv_count: number;
+    tmc: Tmc[];
+}
+interface Tmc {
+    tmc__name: string;
+    count: number;
+}
+interface Location {
+    id: number;
+    name: string;
+}
+</script>
 <template>
-    123
+    <div class="grid grid-cols-12 gap-4">
+        <div class="col-span-12 page-header">
+            <h1>Результаты инвентаризации</h1>
+        </div>
+        <UCard v-for="item in data" class="col-span-4">
+            <template #header>
+                {{ item.location.name }} <UBadge>{{ item.inv_count }}</UBadge>
+            </template>
+            <UTable :rows="item.tmc" />
+        </UCard>
+    </div>
 </template>