@things-factory/kpi 9.0.32 → 9.0.33

package/client/pages/kpi-dashboard/kpi-dashboard-map.ts

@@ -65,39 +65,97 @@ export class KpiDashboardMapPage extends PageView {
 
   async fetchDashboardData() {
     try {
-      // 전국 KPI 데이터 조회
-      const nationalResponse = await client.query({
+      // 새로운 KpiStatistic 구조 사용 - 지역별 집계된 통계 데이터 조회
+      const currentMonth = new Date().toISOString().substring(0, 7) // YYYY-MM
+      
+      const statisticsResponse = await client.query({
+        query: gql`
+          query GetDashboardStatistics($valueDate: String!) {
+            regionalKpiStatistics(periodType: MONTH, valueDate: $valueDate) {
+              id
+              mean
+              median
+              count
+              minimum
+              maximum
+              standardDeviation
+              kpi {
+                id
+                name
+                description
+              }
+              kpiOrgScope {
+                id
+                scope02
+                entityName
+                org
+              }
+            }
+          }
+        `,
+        variables: { valueDate: currentMonth }
+      })
+
+      this.nationalData = statisticsResponse.data.regionalKpiStatistics || []
+
+      // 통계 데이터로부터 지도 데이터 생성
+      this.generateMapDataFromStatistics()
+    } catch (e) {
+      console.log('KpiStatistic 데이터가 없어서 KpiValue로 폴백')
+      // KpiStatistic이 없는 경우 기존 방식으로 폴백
+      await this.fetchDashboardDataFallback()
+    }
+  }
+
+  // 폴백: KpiValue를 직접 집계하는 기존 방식  
+  async fetchDashboardDataFallback() {
+    try {
+      const kpiResponse = await client.query({
         query: gql`
           query {
-            kpiStatistics {
-              items {
+            kpisLevel1 {
+              id
+              name
+              description
+              isLeaf
+              children {
                 id
-                valueDate
-                periodType
-                mean
-                median
-                standardDeviation
-                kpi {
+                name
+                isLeaf
+                value {
                   id
-                  name
-                  category: parent {
+                  value
+                  score
+                  valueDate
+                  kpiOrgScope {
                     id
-                    name
+                    entityName
+                    org
+                    scope01
+                    scope02
                   }
                 }
               }
+              value {
+                id
+                value
+                score
+                valueDate
+                kpiOrgScope {
+                  id
+                  entityName
+                  org
+                  scope01
+                  scope02
+                }
+              }
             }
           }
         `
       })
 
-      this.nationalData = nationalResponse.data.kpiStatistics.items || []
-
-      // 서울특별시 데이터는 전국 데이터에서 필터링
-      this.seoulData = this.nationalData.filter((item: any) => item.kpi?.category?.name === '서울특별시')
-
-      // 지도 데이터 생성 (시도별)
-      this.generateMapData()
+      this.nationalData = kpiResponse.data.kpisLevel1 || []
+      this.generateMapDataFromKpiValues()
     } catch (e) {
       notify({
         level: 'error',
@@ -106,25 +164,200 @@ export class KpiDashboardMapPage extends PageView {
     }
   }
 
-  private generateMapData() {
-    // 시도별 샘플 데이터 생성 (실제 좌표 포함)
-    this.mapData = [
-      { region: '강원', kpi: 101.5, change: -0.08, trend: 'down', lat: 37.8228, lng: 128.1555 },
-      { region: '경북', kpi: 94.8, change: -0.1, trend: 'down', lat: 36.4919, lng: 128.8889 },
-      { region: '대구', kpi: 79.4, change: -0.2, trend: 'down', lat: 35.8714, lng: 128.6014 },
-      { region: '경남', kpi: 92.1, change: -0.08, trend: 'down', lat: 35.4606, lng: 128.2132 },
-      { region: '부산', kpi: 85.2, change: -0.18, trend: 'down', lat: 35.1796, lng: 129.0756 },
-      { region: '울산', kpi: 91.4, change: 0.19, trend: 'up', lat: 35.5384, lng: 129.3114 },
-      { region: '서울', kpi: 98.1, change: 1.28, trend: 'up', lat: 37.5665, lng: 126.978 },
-      { region: '인천', kpi: 87.3, change: 0.05, trend: 'up', lat: 37.4563, lng: 126.7052 },
-      { region: '대전', kpi: 89.7, change: -0.12, trend: 'down', lat: 36.3504, lng: 127.3845 },
-      { region: '광주', kpi: 91.1, change: -0.16, trend: 'down', lat: 35.1595, lng: 126.8526 },
-      { region: '전북', kpi: 99.3, change: 0.15, trend: 'up', lat: 35.7175, lng: 127.153 },
-      { region: '전남', kpi: 91.8, change: -0.12, trend: 'down', lat: 34.8679, lng: 126.991 },
-      { region: '충북', kpi: 93.2, change: 0.08, trend: 'up', lat: 36.8, lng: 127.7 },
-      { region: '충남', kpi: 88.9, change: -0.05, trend: 'down', lat: 36.5184, lng: 126.8 },
-      { region: '제주', kpi: 95.6, change: 0.22, trend: 'up', lat: 33.4996, lng: 126.5312 }
-    ]
+  private generateMapDataFromKpiValues() {
+    // 실제 KPI 데이터로부터 지도 데이터 생성
+    const regionCoordinates = {
+      '서울': { lat: 37.5665, lng: 126.978 },
+      '부산': { lat: 35.1796, lng: 129.0756 },
+      '대구': { lat: 35.8714, lng: 128.6014 },
+      '인천': { lat: 37.4563, lng: 126.7052 },
+      '광주': { lat: 35.1595, lng: 126.8526 },
+      '대전': { lat: 36.3504, lng: 127.3845 },
+      '울산': { lat: 35.5384, lng: 129.3114 },
+      '세종': { lat: 36.4875, lng: 127.2816 },
+      '경기': { lat: 37.4138, lng: 127.5183 },
+      '강원': { lat: 37.8228, lng: 128.1555 },
+      '충북': { lat: 36.8, lng: 127.7 },
+      '충남': { lat: 36.5184, lng: 126.8 },
+      '전북': { lat: 35.7175, lng: 127.153 },
+      '전남': { lat: 34.8679, lng: 126.991 },
+      '경북': { lat: 36.4919, lng: 128.8889 },
+      '경남': { lat: 35.4606, lng: 128.2132 },
+      '제주': { lat: 33.4996, lng: 126.5312 }
+    }
+
+    const mapDataMap = new Map()
+
+    // nationalData에서 KPI 값들을 지역별로 집계
+    this.nationalData.forEach((kpi: any) => {
+      // KPI 자체에 값이 있는 경우 (leaf KPI)
+      if (kpi.value && kpi.value.kpiOrgScope) {
+        const region = kpi.value.kpiOrgScope.scope02 // 시도는 scope02에 저장
+        if (region && regionCoordinates[region]) {
+          if (!mapDataMap.has(region)) {
+            mapDataMap.set(region, {
+              region,
+              values: [],
+              scores: [],
+              ...regionCoordinates[region]
+            })
+          }
+          
+          mapDataMap.get(region).values.push(kpi.value.value)
+          mapDataMap.get(region).scores.push(kpi.value.score)
+        }
+      }
+
+      // 하위 KPI들의 값들도 처리
+      if (kpi.children) {
+        kpi.children.forEach((child: any) => {
+          if (child.value && child.value.kpiOrgScope) {
+            const region = child.value.kpiOrgScope.scope02 // 시도는 scope02에 저장
+            if (region && regionCoordinates[region]) {
+              if (!mapDataMap.has(region)) {
+                mapDataMap.set(region, {
+                  region,
+                  values: [],
+                  scores: [],
+                  ...regionCoordinates[region]
+                })
+              }
+              
+              mapDataMap.get(region).values.push(child.value.value)
+              mapDataMap.get(region).scores.push(child.value.score)
+            }
+          }
+        })
+      }
+    })
+
+    // 지역별 평균 계산 및 최종 지도 데이터 생성
+    this.mapData = Array.from(mapDataMap.values()).map(regionData => {
+      const avgValue = regionData.values.length > 0 
+        ? regionData.values.reduce((sum: number, val: number) => sum + val, 0) / regionData.values.length
+        : 0
+      
+      const avgScore = regionData.scores.length > 0 
+        ? regionData.scores.reduce((sum: number, val: number) => sum + val, 0) / regionData.scores.length
+        : 0
+
+      // 간단한 변화율 계산 (실제로는 이전 기간과 비교해야 함)
+      const change = (Math.random() - 0.5) * 0.4 // 임시로 -0.2 ~ 0.2 범위
+      const trend = change >= 0 ? 'up' : 'down'
+
+      return {
+        region: regionData.region,
+        kpi: parseFloat(avgValue.toFixed(1)),
+        score: parseFloat(avgScore.toFixed(3)),
+        change: parseFloat(change.toFixed(2)),
+        trend,
+        lat: regionData.lat,
+        lng: regionData.lng,
+        dataCount: regionData.values.length
+      }
+    })
+
+    // 데이터가 없는 지역들도 기본값으로 추가
+    Object.keys(regionCoordinates).forEach(region => {
+      if (!mapDataMap.has(region)) {
+        this.mapData.push({
+          region,
+          kpi: 0,
+          score: 0,
+          change: 0,
+          trend: 'neutral',
+          lat: regionCoordinates[region].lat,
+          lng: regionCoordinates[region].lng,
+          dataCount: 0
+        })
+      }
+    })
+  }
+
+  private generateMapDataFromStatistics() {
+    // KpiStatistic 데이터로부터 지도 데이터 생성 (최적화된 버전)
+    const regionCoordinates = {
+      '서울': { lat: 37.5665, lng: 126.978 },
+      '부산': { lat: 35.1796, lng: 129.0756 },
+      '대구': { lat: 35.8714, lng: 128.6014 },
+      '인천': { lat: 37.4563, lng: 126.7052 },
+      '광주': { lat: 35.1595, lng: 126.8526 },
+      '대전': { lat: 36.3504, lng: 127.3845 },
+      '울산': { lat: 35.5384, lng: 129.3114 },
+      '세종': { lat: 36.4875, lng: 127.2816 },
+      '경기': { lat: 37.4138, lng: 127.5183 },
+      '강원': { lat: 37.8228, lng: 128.1555 },
+      '충북': { lat: 36.8, lng: 127.7 },
+      '충남': { lat: 36.5184, lng: 126.8 },
+      '전북': { lat: 35.7175, lng: 127.153 },
+      '전남': { lat: 34.8679, lng: 126.991 },
+      '경북': { lat: 36.4919, lng: 128.8889 },
+      '경남': { lat: 35.4606, lng: 128.2132 },
+      '제주': { lat: 33.4996, lng: 126.5312 }
+    }
+
+    const mapDataMap = new Map()
+
+    // 통계 데이터를 지역별로 집계 (이미 서버에서 계산된 데이터 사용)
+    this.nationalData.forEach((statistic: any) => {
+      const region = statistic.kpiOrgScope?.scope02
+      if (region && regionCoordinates[region]) {
+        if (!mapDataMap.has(region)) {
+          mapDataMap.set(region, {
+            region,
+            means: [],
+            counts: [],
+            ...regionCoordinates[region]
+          })
+        }
+        
+        // 통계값 집계 (이미 계산된 평균값들 사용)
+        mapDataMap.get(region).means.push(statistic.mean || 0)
+        mapDataMap.get(region).counts.push(statistic.count || 0)
+      }
+    })
+
+    // 지역별 최종 평균 계산 및 지도 데이터 생성
+    this.mapData = Array.from(mapDataMap.values()).map(regionData => {
+      const avgValue = regionData.means.length > 0 
+        ? regionData.means.reduce((sum: number, val: number) => sum + val, 0) / regionData.means.length
+        : 0
+      
+      const totalCount = regionData.counts.reduce((sum: number, val: number) => sum + val, 0)
+
+      // 간단한 변화율 계산 (실제로는 이전 기간과 비교해야 함)
+      const change = (Math.random() - 0.5) * 0.4
+      const trend = change >= 0 ? 'up' : 'down'
+
+      return {
+        region: regionData.region,
+        kpi: parseFloat(avgValue.toFixed(1)),
+        change: parseFloat(change.toFixed(2)),
+        trend,
+        lat: regionData.lat,
+        lng: regionData.lng,
+        dataCount: totalCount,
+        statisticsCount: regionData.means.length // 통계 항목 수
+      }
+    })
+
+    // 데이터가 없는 지역들도 기본값으로 추가
+    Object.keys(regionCoordinates).forEach(region => {
+      if (!mapDataMap.has(region)) {
+        this.mapData.push({
+          region,
+          kpi: 0,
+          change: 0,
+          trend: 'neutral',
+          lat: regionCoordinates[region].lat,
+          lng: regionCoordinates[region].lng,
+          dataCount: 0,
+          statisticsCount: 0
+        })
+      }
+    })
+
+    console.log('Generated map data from KpiStatistics:', this.mapData.length, 'regions')
   }
 
   private downloadExcel() {
@@ -147,32 +380,41 @@ export class KpiDashboardMapPage extends PageView {
     try {
       const response = await client.query({
         query: gql`
-          query GetRegionKpiData($region: String) {
-            kpiStatistics(filters: [{ field: "scope", operator: "eq", value: $region }]) {
+          query GetRegionKpiData($filters: [Filter!]) {
+            kpiValues(filters: $filters) {
               items {
                 id
-                scope
+                value
+                score
                 valueDate
-                periodType
-                mean
-                median
-                standardDeviation
+                kpiOrgScope {
+                  id
+                  org
+                  scope01
+                  scope02
+                  entityName
+                }
                 kpi {
                   id
                   name
-                  category: parent {
+                  parent {
                     id
                     name
                   }
                 }
               }
+              total
             }
           }
         `,
-        variables: { region }
+        variables: {
+          filters: [
+            { name: 'kpiOrgScope.scope02', operator: 'eq', value: region }
+          ]
+        }
       })
 
-      this.seoulData = response.data.kpiStatistics.items || []
+      this.seoulData = response.data.kpiValues.items || []
     } catch (e) {
       notify({
         level: 'error',

package/dist-client/pages/kpi-dashboard/kpi-dashboard-map.d.ts

@@ -16,7 +16,9 @@ export declare class KpiDashboardMapPage extends PageView {
     connectedCallback(): void;
     private setupKeyboardEvents;
     fetchDashboardData(): Promise<void>;
-    private generateMapData;
+    fetchDashboardDataFallback(): Promise<void>;
+    private generateMapDataFromKpiValues;
+    private generateMapDataFromStatistics;
     private downloadExcel;
     private onRegionClick;
     private closeRegionPopup;