@things-factory/kpi 9.0.31 → 9.0.33

package/dist-client/pages/kpi-dashboard/kpi-dashboard-map.js

@@ -61,36 +61,93 @@ let KpiDashboardMapPage = 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 {
+                  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) => item.kpi?.category?.name === '서울특별시');
-            // 지도 데이터 생성 (시도별)
-            this.generateMapData();
+            this.nationalData = kpiResponse.data.kpisLevel1 || [];
+            this.generateMapDataFromKpiValues();
         }
         catch (e) {
             notify({
@@ -99,25 +156,180 @@ let KpiDashboardMapPage = class KpiDashboardMapPage extends PageView {
             });
         }
     }
-    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 }
-        ];
+    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) => {
+            // 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) => {
+                    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, val) => sum + val, 0) / regionData.values.length
+                : 0;
+            const avgScore = regionData.scores.length > 0
+                ? regionData.scores.reduce((sum, val) => 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
+                });
+            }
+        });
+    }
+    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) => {
+            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, val) => sum + val, 0) / regionData.means.length
+                : 0;
+            const totalCount = regionData.counts.reduce((sum, val) => 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');
     }
     downloadExcel() {
         // 엑셀 다운로드 기능
@@ -136,30 +348,40 @@ let KpiDashboardMapPage = class KpiDashboardMapPage extends PageView {
         try {
             const response = await client.query({
                 query: gql `
-          query GetRegionKpiData($region: String) {
-            kpiStatistics(filters: [{ field: "kpi.category.name", operator: "eq", value: $region }]) {
+          query GetRegionKpiData($filters: [Filter!]) {
+            kpiValues(filters: $filters) {
               items {
                 id
+                value
+                score
                 valueDate
-                periodType
-                mean
-                median
-                standardDeviation
+                kpiOrgScope {
+                  id
+                  org
+                  scope01
+                  scope02
+                  entityName
+                }
                 kpi {
                   id
                   name
-                  category {
+                  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({

package/dist-client/pages/kpi-dashboard/kpi-dashboard-map.js.map

@@ -1 +1 @@
-{"version":3,"file":"kpi-dashboard-map.js","sourceRoot":"","sources":["../../../client/pages/kpi-dashboard/kpi-dashboard-map.ts"],"names":[],"mappings":"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","sourcesContent":["import gql from 'graphql-tag'\nimport { html, css, nothing } from 'lit'\nimport { customElement, state } from 'lit/decorators.js'\n\nimport { PageView } from '@operato/shell'\nimport { ScrollbarStyles } from '@operato/styles'\nimport { client } from '@operato/graphql'\nimport { notify } from '@operato/layout'\n\nimport './components/kpi-map-panel'\nimport './components/kpi-left-panel'\nimport './components/kpi-region-popup'\n\n@customElement('kpi-dashboard-map')\nexport class KpiDashboardMapPage extends PageView {\n  static styles = [\n    ScrollbarStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n        overflow: hidden;\n        position: relative;\n      }\n\n      .dashboard-container {\n        display: flex;\n        flex: 1;\n        overflow: hidden;\n      }\n\n      .right-panel {\n        flex: 1;\n        background: #f8f9fa;\n        overflow: hidden;\n        position: relative;\n      }\n    `\n  ]\n\n  @state() selectedCategory = '전체 KPI'\n  @state() selectedPeriod = '월'\n  @state() startDate = '전체'\n  @state() endDate = '전체'\n  @state() nationalData: any = null\n  @state() seoulData: any = null\n  @state() mapData: any = null\n  // 팝업 관련 상태 추가\n  @state() selectedRegion: string | null = null\n  @state() showRegionPopup = false\n\n  connectedCallback() {\n    super.connectedCallback()\n    this.fetchDashboardData()\n    this.setupKeyboardEvents()\n  }\n\n  private setupKeyboardEvents() {\n    document.addEventListener('keydown', e => {\n      if (e.key === 'Escape' && this.showRegionPopup) {\n        this.closeRegionPopup()\n      }\n    })\n  }\n\n  async fetchDashboardData() {\n    try {\n      // 전국 KPI 데이터 조회\n      const nationalResponse = await client.query({\n        query: gql`\n          query {\n            kpiStatistics {\n              items {\n                id\n                valueDate\n                periodType\n                mean\n                median\n                standardDeviation\n                kpi {\n                  id\n                  name\n                  category {\n                    id\n                    name\n                  }\n                }\n              }\n            }\n          }\n        `\n      })\n\n      this.nationalData = nationalResponse.data.kpiStatistics.items || []\n\n      // 서울특별시 데이터는 전국 데이터에서 필터링\n      this.seoulData = this.nationalData.filter((item: any) => item.kpi?.category?.name === '서울특별시')\n\n      // 지도 데이터 생성 (시도별)\n      this.generateMapData()\n    } catch (e) {\n      notify({\n        level: 'error',\n        message: '대시보드 데이터를 불러오지 못했습니다.'\n      })\n    }\n  }\n\n  private generateMapData() {\n    // 시도별 샘플 데이터 생성 (실제 좌표 포함)\n    this.mapData = [\n      { region: '강원', kpi: 101.5, change: -0.08, trend: 'down', lat: 37.8228, lng: 128.1555 },\n      { region: '경북', kpi: 94.8, change: -0.1, trend: 'down', lat: 36.4919, lng: 128.8889 },\n      { region: '대구', kpi: 79.4, change: -0.2, trend: 'down', lat: 35.8714, lng: 128.6014 },\n      { region: '경남', kpi: 92.1, change: -0.08, trend: 'down', lat: 35.4606, lng: 128.2132 },\n      { region: '부산', kpi: 85.2, change: -0.18, trend: 'down', lat: 35.1796, lng: 129.0756 },\n      { region: '울산', kpi: 91.4, change: 0.19, trend: 'up', lat: 35.5384, lng: 129.3114 },\n      { region: '서울', kpi: 98.1, change: 1.28, trend: 'up', lat: 37.5665, lng: 126.978 },\n      { region: '인천', kpi: 87.3, change: 0.05, trend: 'up', lat: 37.4563, lng: 126.7052 },\n      { region: '대전', kpi: 89.7, change: -0.12, trend: 'down', lat: 36.3504, lng: 127.3845 },\n      { region: '광주', kpi: 91.1, change: -0.16, trend: 'down', lat: 35.1595, lng: 126.8526 },\n      { region: '전북', kpi: 99.3, change: 0.15, trend: 'up', lat: 35.7175, lng: 127.153 },\n      { region: '전남', kpi: 91.8, change: -0.12, trend: 'down', lat: 34.8679, lng: 126.991 },\n      { region: '충북', kpi: 93.2, change: 0.08, trend: 'up', lat: 36.8, lng: 127.7 },\n      { region: '충남', kpi: 88.9, change: -0.05, trend: 'down', lat: 36.5184, lng: 126.8 },\n      { region: '제주', kpi: 95.6, change: 0.22, trend: 'up', lat: 33.4996, lng: 126.5312 }\n    ]\n  }\n\n  private downloadExcel() {\n    // 엑셀 다운로드 기능\n    console.log('엑셀 다운로드')\n  }\n\n  private onRegionClick(region: string) {\n    this.selectedRegion = region\n    this.showRegionPopup = true\n    this.fetchRegionData(region)\n  }\n\n  private closeRegionPopup() {\n    this.showRegionPopup = false\n    this.selectedRegion = null\n  }\n\n  private async fetchRegionData(region: string) {\n    try {\n      const response = await client.query({\n        query: gql`\n          query GetRegionKpiData($region: String) {\n            kpiStatistics(filters: [{ field: \"kpi.category.name\", operator: \"eq\", value: $region }]) {\n              items {\n                id\n                valueDate\n                periodType\n                mean\n                median\n                standardDeviation\n                kpi {\n                  id\n                  name\n                  category {\n                    id\n                    name\n                  }\n                }\n              }\n            }\n          }\n        `,\n        variables: { region }\n      })\n\n      this.seoulData = response.data.kpiStatistics.items || []\n    } catch (e) {\n      notify({\n        level: 'error',\n        message: '지역 데이터를 불러오지 못했습니다.'\n      })\n    }\n  }\n\n  get context() {\n    return {\n      title: '전국 KPI 대시보드',\n      description: '전국 및 지역별 KPI 성과 분석 대시보드'\n    }\n  }\n\n  render() {\n    return html`\n      <div class=\"dashboard-container\">\n        <!-- 좌측 패널: 전국 KPI -->\n        <kpi-left-panel\n          .selectedCategory=${this.selectedCategory}\n          .mapData=${this.mapData}\n          @category-change=${(e: CustomEvent) => {\n            this.selectedCategory = e.detail.category\n            this.fetchDashboardData()\n          }}\n          @region-click=${(e: CustomEvent) => {\n            this.onRegionClick(e.detail.region)\n          }}\n          @download-excel=${this.downloadExcel}\n        ></kpi-left-panel>\n\n        <!-- 우측 패널: 지도 -->\n        <kpi-map-panel\n          class=\"right-panel\"\n          .selectedCategory=${this.selectedCategory}\n          .mapData=${this.mapData}\n          @category-change=${(e: CustomEvent) => {\n            this.selectedCategory = e.detail.category\n            this.fetchDashboardData()\n          }}\n          @region-click=${(e: CustomEvent) => {\n            this.onRegionClick(e.detail.region)\n          }}\n        ></kpi-map-panel>\n\n        <!-- 지역 상세 팝업 -->\n        ${this.showRegionPopup\n          ? html`\n              <kpi-region-popup\n                .selectedRegion=${this.selectedRegion}\n                .selectedPeriod=${this.selectedPeriod}\n                .startDate=${this.startDate}\n                .endDate=${this.endDate}\n                @popup-close=${this.closeRegionPopup}\n                @period-change=${(e: CustomEvent) => {\n                  this.selectedPeriod = e.detail.period\n                }}\n                @date-range-change=${(e: CustomEvent) => {\n                  this.startDate = e.detail.startDate\n                  this.endDate = e.detail.endDate\n                }}\n              ></kpi-region-popup>\n            `\n          : nothing}\n      </div>\n    `\n  }\n}\n"]}
+{"version":3,"file":"kpi-dashboard-map.js","sourceRoot":"","sources":["../../../client/pages/kpi-dashboard/kpi-dashboard-map.ts"],"names":[],"mappings":"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","sourcesContent":["import gql from 'graphql-tag'\nimport { html, css, nothing } from 'lit'\nimport { customElement, state } from 'lit/decorators.js'\n\nimport { PageView } from '@operato/shell'\nimport { ScrollbarStyles } from '@operato/styles'\nimport { client } from '@operato/graphql'\nimport { notify } from '@operato/layout'\n\nimport './components/kpi-map-panel'\nimport './components/kpi-left-panel'\nimport './components/kpi-region-popup'\n\n@customElement('kpi-dashboard-map')\nexport class KpiDashboardMapPage extends PageView {\n  static styles = [\n    ScrollbarStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n        overflow: hidden;\n        position: relative;\n      }\n\n      .dashboard-container {\n        display: flex;\n        flex: 1;\n        overflow: hidden;\n      }\n\n      .right-panel {\n        flex: 1;\n        background: #f8f9fa;\n        overflow: hidden;\n        position: relative;\n      }\n    `\n  ]\n\n  @state() selectedCategory = '전체 KPI'\n  @state() selectedPeriod = '월'\n  @state() startDate = '전체'\n  @state() endDate = '전체'\n  @state() nationalData: any = null\n  @state() seoulData: any = null\n  @state() mapData: any = null\n  // 팝업 관련 상태 추가\n  @state() selectedRegion: string | null = null\n  @state() showRegionPopup = false\n\n  connectedCallback() {\n    super.connectedCallback()\n    this.fetchDashboardData()\n    this.setupKeyboardEvents()\n  }\n\n  private setupKeyboardEvents() {\n    document.addEventListener('keydown', e => {\n      if (e.key === 'Escape' && this.showRegionPopup) {\n        this.closeRegionPopup()\n      }\n    })\n  }\n\n  async fetchDashboardData() {\n    try {\n      // 새로운 KpiStatistic 구조 사용 - 지역별 집계된 통계 데이터 조회\n      const currentMonth = new Date().toISOString().substring(0, 7) // YYYY-MM\n      \n      const statisticsResponse = await client.query({\n        query: gql`\n          query GetDashboardStatistics($valueDate: String!) {\n            regionalKpiStatistics(periodType: MONTH, valueDate: $valueDate) {\n              id\n              mean\n              median\n              count\n              minimum\n              maximum\n              standardDeviation\n              kpi {\n                id\n                name\n                description\n              }\n              kpiOrgScope {\n                id\n                scope02\n                entityName\n                org\n              }\n            }\n          }\n        `,\n        variables: { valueDate: currentMonth }\n      })\n\n      this.nationalData = statisticsResponse.data.regionalKpiStatistics || []\n\n      // 통계 데이터로부터 지도 데이터 생성\n      this.generateMapDataFromStatistics()\n    } catch (e) {\n      console.log('KpiStatistic 데이터가 없어서 KpiValue로 폴백')\n      // KpiStatistic이 없는 경우 기존 방식으로 폴백\n      await this.fetchDashboardDataFallback()\n    }\n  }\n\n  // 폴백: KpiValue를 직접 집계하는 기존 방식  \n  async fetchDashboardDataFallback() {\n    try {\n      const kpiResponse = await client.query({\n        query: gql`\n          query {\n            kpisLevel1 {\n              id\n              name\n              description\n              isLeaf\n              children {\n                id\n                name\n                isLeaf\n                value {\n                  id\n                  value\n                  score\n                  valueDate\n                  kpiOrgScope {\n                    id\n                    entityName\n                    org\n                    scope01\n                    scope02\n                  }\n                }\n              }\n              value {\n                id\n                value\n                score\n                valueDate\n                kpiOrgScope {\n                  id\n                  entityName\n                  org\n                  scope01\n                  scope02\n                }\n              }\n            }\n          }\n        `\n      })\n\n      this.nationalData = kpiResponse.data.kpisLevel1 || []\n      this.generateMapDataFromKpiValues()\n    } catch (e) {\n      notify({\n        level: 'error',\n        message: '대시보드 데이터를 불러오지 못했습니다.'\n      })\n    }\n  }\n\n  private generateMapDataFromKpiValues() {\n    // 실제 KPI 데이터로부터 지도 데이터 생성\n    const regionCoordinates = {\n      '서울': { lat: 37.5665, lng: 126.978 },\n      '부산': { lat: 35.1796, lng: 129.0756 },\n      '대구': { lat: 35.8714, lng: 128.6014 },\n      '인천': { lat: 37.4563, lng: 126.7052 },\n      '광주': { lat: 35.1595, lng: 126.8526 },\n      '대전': { lat: 36.3504, lng: 127.3845 },\n      '울산': { lat: 35.5384, lng: 129.3114 },\n      '세종': { lat: 36.4875, lng: 127.2816 },\n      '경기': { lat: 37.4138, lng: 127.5183 },\n      '강원': { lat: 37.8228, lng: 128.1555 },\n      '충북': { lat: 36.8, lng: 127.7 },\n      '충남': { lat: 36.5184, lng: 126.8 },\n      '전북': { lat: 35.7175, lng: 127.153 },\n      '전남': { lat: 34.8679, lng: 126.991 },\n      '경북': { lat: 36.4919, lng: 128.8889 },\n      '경남': { lat: 35.4606, lng: 128.2132 },\n      '제주': { lat: 33.4996, lng: 126.5312 }\n    }\n\n    const mapDataMap = new Map()\n\n    // nationalData에서 KPI 값들을 지역별로 집계\n    this.nationalData.forEach((kpi: any) => {\n      // KPI 자체에 값이 있는 경우 (leaf KPI)\n      if (kpi.value && kpi.value.kpiOrgScope) {\n        const region = kpi.value.kpiOrgScope.scope02 // 시도는 scope02에 저장\n        if (region && regionCoordinates[region]) {\n          if (!mapDataMap.has(region)) {\n            mapDataMap.set(region, {\n              region,\n              values: [],\n              scores: [],\n              ...regionCoordinates[region]\n            })\n          }\n          \n          mapDataMap.get(region).values.push(kpi.value.value)\n          mapDataMap.get(region).scores.push(kpi.value.score)\n        }\n      }\n\n      // 하위 KPI들의 값들도 처리\n      if (kpi.children) {\n        kpi.children.forEach((child: any) => {\n          if (child.value && child.value.kpiOrgScope) {\n            const region = child.value.kpiOrgScope.scope02 // 시도는 scope02에 저장\n            if (region && regionCoordinates[region]) {\n              if (!mapDataMap.has(region)) {\n                mapDataMap.set(region, {\n                  region,\n                  values: [],\n                  scores: [],\n                  ...regionCoordinates[region]\n                })\n              }\n              \n              mapDataMap.get(region).values.push(child.value.value)\n              mapDataMap.get(region).scores.push(child.value.score)\n            }\n          }\n        })\n      }\n    })\n\n    // 지역별 평균 계산 및 최종 지도 데이터 생성\n    this.mapData = Array.from(mapDataMap.values()).map(regionData => {\n      const avgValue = regionData.values.length > 0 \n        ? regionData.values.reduce((sum: number, val: number) => sum + val, 0) / regionData.values.length\n        : 0\n      \n      const avgScore = regionData.scores.length > 0 \n        ? regionData.scores.reduce((sum: number, val: number) => sum + val, 0) / regionData.scores.length\n        : 0\n\n      // 간단한 변화율 계산 (실제로는 이전 기간과 비교해야 함)\n      const change = (Math.random() - 0.5) * 0.4 // 임시로 -0.2 ~ 0.2 범위\n      const trend = change >= 0 ? 'up' : 'down'\n\n      return {\n        region: regionData.region,\n        kpi: parseFloat(avgValue.toFixed(1)),\n        score: parseFloat(avgScore.toFixed(3)),\n        change: parseFloat(change.toFixed(2)),\n        trend,\n        lat: regionData.lat,\n        lng: regionData.lng,\n        dataCount: regionData.values.length\n      }\n    })\n\n    // 데이터가 없는 지역들도 기본값으로 추가\n    Object.keys(regionCoordinates).forEach(region => {\n      if (!mapDataMap.has(region)) {\n        this.mapData.push({\n          region,\n          kpi: 0,\n          score: 0,\n          change: 0,\n          trend: 'neutral',\n          lat: regionCoordinates[region].lat,\n          lng: regionCoordinates[region].lng,\n          dataCount: 0\n        })\n      }\n    })\n  }\n\n  private generateMapDataFromStatistics() {\n    // KpiStatistic 데이터로부터 지도 데이터 생성 (최적화된 버전)\n    const regionCoordinates = {\n      '서울': { lat: 37.5665, lng: 126.978 },\n      '부산': { lat: 35.1796, lng: 129.0756 },\n      '대구': { lat: 35.8714, lng: 128.6014 },\n      '인천': { lat: 37.4563, lng: 126.7052 },\n      '광주': { lat: 35.1595, lng: 126.8526 },\n      '대전': { lat: 36.3504, lng: 127.3845 },\n      '울산': { lat: 35.5384, lng: 129.3114 },\n      '세종': { lat: 36.4875, lng: 127.2816 },\n      '경기': { lat: 37.4138, lng: 127.5183 },\n      '강원': { lat: 37.8228, lng: 128.1555 },\n      '충북': { lat: 36.8, lng: 127.7 },\n      '충남': { lat: 36.5184, lng: 126.8 },\n      '전북': { lat: 35.7175, lng: 127.153 },\n      '전남': { lat: 34.8679, lng: 126.991 },\n      '경북': { lat: 36.4919, lng: 128.8889 },\n      '경남': { lat: 35.4606, lng: 128.2132 },\n      '제주': { lat: 33.4996, lng: 126.5312 }\n    }\n\n    const mapDataMap = new Map()\n\n    // 통계 데이터를 지역별로 집계 (이미 서버에서 계산된 데이터 사용)\n    this.nationalData.forEach((statistic: any) => {\n      const region = statistic.kpiOrgScope?.scope02\n      if (region && regionCoordinates[region]) {\n        if (!mapDataMap.has(region)) {\n          mapDataMap.set(region, {\n            region,\n            means: [],\n            counts: [],\n            ...regionCoordinates[region]\n          })\n        }\n        \n        // 통계값 집계 (이미 계산된 평균값들 사용)\n        mapDataMap.get(region).means.push(statistic.mean || 0)\n        mapDataMap.get(region).counts.push(statistic.count || 0)\n      }\n    })\n\n    // 지역별 최종 평균 계산 및 지도 데이터 생성\n    this.mapData = Array.from(mapDataMap.values()).map(regionData => {\n      const avgValue = regionData.means.length > 0 \n        ? regionData.means.reduce((sum: number, val: number) => sum + val, 0) / regionData.means.length\n        : 0\n      \n      const totalCount = regionData.counts.reduce((sum: number, val: number) => sum + val, 0)\n\n      // 간단한 변화율 계산 (실제로는 이전 기간과 비교해야 함)\n      const change = (Math.random() - 0.5) * 0.4\n      const trend = change >= 0 ? 'up' : 'down'\n\n      return {\n        region: regionData.region,\n        kpi: parseFloat(avgValue.toFixed(1)),\n        change: parseFloat(change.toFixed(2)),\n        trend,\n        lat: regionData.lat,\n        lng: regionData.lng,\n        dataCount: totalCount,\n        statisticsCount: regionData.means.length // 통계 항목 수\n      }\n    })\n\n    // 데이터가 없는 지역들도 기본값으로 추가\n    Object.keys(regionCoordinates).forEach(region => {\n      if (!mapDataMap.has(region)) {\n        this.mapData.push({\n          region,\n          kpi: 0,\n          change: 0,\n          trend: 'neutral',\n          lat: regionCoordinates[region].lat,\n          lng: regionCoordinates[region].lng,\n          dataCount: 0,\n          statisticsCount: 0\n        })\n      }\n    })\n\n    console.log('Generated map data from KpiStatistics:', this.mapData.length, 'regions')\n  }\n\n  private downloadExcel() {\n    // 엑셀 다운로드 기능\n    console.log('엑셀 다운로드')\n  }\n\n  private onRegionClick(region: string) {\n    this.selectedRegion = region\n    this.showRegionPopup = true\n    this.fetchRegionData(region)\n  }\n\n  private closeRegionPopup() {\n    this.showRegionPopup = false\n    this.selectedRegion = null\n  }\n\n  private async fetchRegionData(region: string) {\n    try {\n      const response = await client.query({\n        query: gql`\n          query GetRegionKpiData($filters: [Filter!]) {\n            kpiValues(filters: $filters) {\n              items {\n                id\n                value\n                score\n                valueDate\n                kpiOrgScope {\n                  id\n                  org\n                  scope01\n                  scope02\n                  entityName\n                }\n                kpi {\n                  id\n                  name\n                  parent {\n                    id\n                    name\n                  }\n                }\n              }\n              total\n            }\n          }\n        `,\n        variables: {\n          filters: [\n            { name: 'kpiOrgScope.scope02', operator: 'eq', value: region }\n          ]\n        }\n      })\n\n      this.seoulData = response.data.kpiValues.items || []\n    } catch (e) {\n      notify({\n        level: 'error',\n        message: '지역 데이터를 불러오지 못했습니다.'\n      })\n    }\n  }\n\n  get context() {\n    return {\n      title: '전국 KPI 대시보드',\n      description: '전국 및 지역별 KPI 성과 분석 대시보드'\n    }\n  }\n\n  render() {\n    return html`\n      <div class=\"dashboard-container\">\n        <!-- 좌측 패널: 전국 KPI -->\n        <kpi-left-panel\n          .selectedCategory=${this.selectedCategory}\n          .mapData=${this.mapData}\n          @category-change=${(e: CustomEvent) => {\n            this.selectedCategory = e.detail.category\n            this.fetchDashboardData()\n          }}\n          @region-click=${(e: CustomEvent) => {\n            this.onRegionClick(e.detail.region)\n          }}\n          @download-excel=${this.downloadExcel}\n        ></kpi-left-panel>\n\n        <!-- 우측 패널: 지도 -->\n        <kpi-map-panel\n          class=\"right-panel\"\n          .selectedCategory=${this.selectedCategory}\n          .mapData=${this.mapData}\n          @category-change=${(e: CustomEvent) => {\n            this.selectedCategory = e.detail.category\n            this.fetchDashboardData()\n          }}\n          @region-click=${(e: CustomEvent) => {\n            this.onRegionClick(e.detail.region)\n          }}\n        ></kpi-map-panel>\n\n        <!-- 지역 상세 팝업 -->\n        ${this.showRegionPopup\n          ? html`\n              <kpi-region-popup\n                .selectedRegion=${this.selectedRegion}\n                .selectedPeriod=${this.selectedPeriod}\n                .startDate=${this.startDate}\n                .endDate=${this.endDate}\n                @popup-close=${this.closeRegionPopup}\n                @period-change=${(e: CustomEvent) => {\n                  this.selectedPeriod = e.detail.period\n                }}\n                @date-range-change=${(e: CustomEvent) => {\n                  this.startDate = e.detail.startDate\n                  this.endDate = e.detail.endDate\n                }}\n              ></kpi-region-popup>\n            `\n          : nothing}\n      </div>\n    `\n  }\n}\n"]}

package/dist-client/pages/kpi-dashboard/kpi-dashboard.js

@@ -183,15 +183,15 @@ let KpiDashboardPage = class KpiDashboardPage extends PageView {
             minData[category] = Math.min(...values);
             maxData[category] = Math.max(...values);
             avgData[category] = values.reduce((a, b) => a + b, 0) / values.length;
-            aData[category] = data.find(d => d.category === category && d.group === 'A')?.value ?? avgData[category];
+            aData[category] = data.find(d => d.category === category && d.org === 'A')?.value ?? avgData[category];
         });
-        // kpi-radar-chart가 기대하는 구조로 변환: [{group, category, value} ...]
+        // kpi-radar-chart가 기대하는 구조로 변환: [{org, category, value} ...]
         const result = [];
         categories.forEach(category => {
-            result.push({ group: 'Min', category, value: minData[category] });
-            result.push({ group: 'Max', category, value: maxData[category] });
-            result.push({ group: 'Avg', category, value: avgData[category] });
-            result.push({ group: 'A', category, value: aData[category] });
+            result.push({ org: 'Min', category, value: minData[category] });
+            result.push({ org: 'Max', category, value: maxData[category] });
+            result.push({ org: 'Avg', category, value: avgData[category] });
+            result.push({ org: 'A', category, value: aData[category] });
         });
         return result;
     }
@@ -217,9 +217,9 @@ let KpiDashboardPage = class KpiDashboardPage extends PageView {
             const q1 = sorted[Math.floor(sorted.length / 4)];
             const q3 = sorted[Math.floor((sorted.length * 3) / 4)];
             // value: A그룹의 실제값(강조)
-            const value = data.find(d => d.category === category && d.group === 'A')?.value ?? mean;
+            const value = data.find(d => d.category === category && d.org === 'A')?.value ?? mean;
             return {
-                group: category, // x축: 카테고리
+                org: category, // x축: 카테고리
                 min,
                 q1,
                 median,
@@ -431,28 +431,26 @@ let KpiDashboardPage = class KpiDashboardPage extends PageView {
             const response = await client.query({
                 query: gql `
           query {
-            kpiCategories {
-              items {
+            kpiCategories: kpisLevel1 {
+              id
+              name
+              kpis: children {
                 id
                 name
-                kpis {
-                  id
-                  name
-                  value {
-                    value
-                    valueDate
-                  }
-                  targetValue
-                  unit
-                  grades
-                  vizType
-                  vizMeta
-                  histories(limit: 1) {
-                    version
-                    updatedAt
-                    updater {
-                      name
-                    }
+                value {
+                  value
+                  valueDate
+                }
+                targetValue
+                unit
+                grades
+                vizType
+                vizMeta
+                histories(limit: 1) {
+                  version
+                  updatedAt
+                  updater {
+                    name
                   }
                 }
               }
@@ -469,7 +467,7 @@ let KpiDashboardPage = class KpiDashboardPage extends PageView {
           }
         `
             });
-            this.categories = response.data.kpiCategories.items || [];
+            this.categories = response.data.kpiCategories || [];
             this.alerts = response.data.kpiAlerts || [];
         }
         catch (e) {
@@ -510,7 +508,7 @@ let KpiDashboardPage = class KpiDashboardPage extends PageView {
                   id
                   name
                   unit
-                  category {
+                  category: parent {
                     id
                     name
                   }