@things-factory/kpi 9.0.22 → 9.0.23

package/client/pages/kpi-metric-value/kpi-metric-value-list-page.ts

@@ -3,6 +3,7 @@ import '@material/web/button/elevated-button.js'
 import '@operato/data-grist/ox-grist.js'
 import '@operato/data-grist/ox-filters-form.js'
 import '@operato/data-grist/ox-record-creator.js'
+import './kpi-metric-value-manual-entry-form.js'
 
 import { CommonButtonStyles, CommonHeaderStyles, CommonGristStyles, ScrollbarStyles } from '@operato/styles'
 import { PageView, store } from '@operato/shell'
@@ -113,6 +114,18 @@ export class KpiMetricValueListPage extends connect(store)(localize(i18next)(Sco
       columns: [
         { type: 'gutter', gutterName: 'sequence' },
         { type: 'gutter', gutterName: 'row-selector', multiple: true },
+        // KPI Metric Value 수정 버튼 추가
+        {
+          type: 'gutter',
+          gutterName: 'button',
+          icon: 'edit',
+          title: '수정',
+          handlers: {
+            click: (columns, data, column, record, rowIndex) => {
+              this._editKpiMetricValue(record)
+            }
+          }
+        },
         {
           type: 'string',
           name: 'metric',
@@ -120,7 +133,7 @@ export class KpiMetricValueListPage extends connect(store)(localize(i18next)(Sco
           record: { editable: false, renderer: (v, c, r) => r.metric?.name },
           width: 150
         },
-        { type: 'date', name: 'valueDate', header: '날짜', record: { editable: true }, width: 120 },
+        { type: 'string', name: 'valueDate', header: '날짜', record: { editable: true }, width: 120 },
         { type: 'number', name: 'value', header: '값', record: { editable: true }, width: 120 },
         { type: 'string', name: 'group', header: '그룹', record: { editable: false }, width: 120 },
         { type: 'object', name: 'meta', header: '메타', record: { editable: false }, width: 120 },
@@ -151,6 +164,12 @@ export class KpiMetricValueListPage extends connect(store)(localize(i18next)(Sco
     }
   }
 
+  pageUpdated(changes: any, lifecycle: any) {
+    if (this.active) {
+      this.grist.fetch()
+    }
+  }
+
   async fetchHandler({ page = 1, limit = 100, sortings = [], filters = [] }: FetchOption) {
     const response = await client.query({
       query: gql`
@@ -296,4 +315,27 @@ export class KpiMetricValueListPage extends connect(store)(localize(i18next)(Sco
   async importHandler(records) {
     // 임포트 팝업 등은 추후 구현
   }
+
+  async _editKpiMetricValue(metricValue) {
+    const popup = await openPopup(
+      html`
+        <kpi-metric-value-manual-entry-form
+          .metric=${metricValue.metric}
+          .valueDate=${metricValue.valueDate}
+          .value=${metricValue.value}
+          .group=${metricValue.group}
+          .meta=${metricValue.meta ? JSON.stringify(metricValue.meta) : ''}
+          @saved=${() => {
+            this.grist.fetch()
+            popup.close()
+          }}
+        ></kpi-metric-value-manual-entry-form>
+      `,
+      {
+        title: `${metricValue.metric?.name || ''} 값 수정`,
+        size: 'medium',
+        backdrop: true
+      }
+    )
+  }
 }

package/client/pages/kpi-metric-value/kpi-metric-value-manual-entry-form.ts

@@ -111,24 +111,14 @@ export class KpiMetricValueManualEntryForm extends LitElement {
     try {
       await client.mutate({
         mutation: gql`
-          mutation ($metricId: ID!, $valueDate: String!, $value: Float!, $group: String, $meta: Object) {
-            createKpiMetricValue(
-              metricValue: {
-                metricId: $metricId
-                valueDate: $valueDate
-                value: $value
-                group: $group
-                meta: $meta
-                periodType: DAY
-              }
-            ) {
+          mutation ($metricName: String!, $value: Float!, $group: String, $meta: Object) {
+            recordKpiMetricValue(metricName: $metricName, value: $value, meta: $meta, group: $group) {
               id
             }
           }
         `,
         variables: {
-          metricId: this.metric.id,
-          valueDate: this.valueDate,
+          metricName: this.metric.name,
           value: parseFloat(this.value),
           group: this.group || undefined,
           meta: parsedMeta

package/client/pages/kpi-metric-value/kpi-metric-value-manual-entry-page.ts

@@ -99,7 +99,19 @@ export class KpiMetricValueManualEntryPage extends connect(store)(localize(i18ne
           type: 'select',
           name: 'periodType',
           header: '주기',
-          record: { editable: true, options: ['', 'DAY', 'WEEK', 'MONTH', 'QUARTER', 'YEAR', 'RANGE'] },
+          record: {
+            editable: true,
+            options: [
+              { value: '', display: '' },
+              { value: 'DAY', display: '일' },
+              { value: 'WEEK', display: '주' },
+              { value: 'MONTH', display: '월' },
+              { value: 'QUARTER', display: '분기' },
+              { value: 'YEAR', display: '년' },
+              { value: 'RANGE', display: '범위' },
+              { value: 'ALLTIME', display: '전체' }
+            ]
+          },
           width: 80
         },
         {

package/client/pages/kpi-value/kpi-value-list-page.ts

@@ -130,6 +130,7 @@ export class KpiValueListPage extends connect(store)(localize(i18next)(ScopedEle
           'version',
           'valueDate',
           'value',
+          'score',
           'group',
           'inputType',
           'source',
@@ -144,6 +145,7 @@ export class KpiValueListPage extends connect(store)(localize(i18next)(ScopedEle
           'version',
           'valueDate',
           'value',
+          'score',
           'group',
           'inputType',
           'source',
@@ -157,6 +159,18 @@ export class KpiValueListPage extends connect(store)(localize(i18next)(ScopedEle
       columns: [
         { type: 'gutter', gutterName: 'sequence' },
         { type: 'gutter', gutterName: 'row-selector', multiple: true },
+        // KPI Value 재계산 버튼 추가
+        {
+          type: 'gutter',
+          gutterName: 'button',
+          icon: 'refresh',
+          title: '재계산',
+          handlers: {
+            click: (columns, data, column, record, rowIndex) => {
+              this._recalculateKpiValue(record)
+            }
+          }
+        },
         {
           type: 'string',
           name: 'kpi',
@@ -165,8 +179,9 @@ export class KpiValueListPage extends connect(store)(localize(i18next)(ScopedEle
           width: 150
         },
         { type: 'number', name: 'version', header: '버전', record: { editable: false }, width: 80 },
-        { type: 'date', name: 'valueDate', header: '실적일', record: { editable: true }, width: 120 },
+        { type: 'string', name: 'valueDate', header: '실적일', record: { editable: true }, width: 120 },
         { type: 'number', name: 'value', header: '실적값', record: { editable: true }, width: 120 },
+        { type: 'number', name: 'score', header: '성과점수', record: { editable: false }, width: 120 },
         { type: 'string', name: 'group', header: '그룹', record: { editable: false }, width: 120 },
         { type: 'string', name: 'inputType', header: '입력방식', record: { editable: false }, width: 100 },
         { type: 'string', name: 'source', header: '수집출처', record: { editable: false }, width: 120 },
@@ -218,6 +233,7 @@ export class KpiValueListPage extends connect(store)(localize(i18next)(ScopedEle
               version
               valueDate
               value
+              score
               inputType
               source
               meta
@@ -308,6 +324,7 @@ export class KpiValueListPage extends connect(store)(localize(i18next)(ScopedEle
               version
               valueDate
               value
+              score
             }
           }
         `,
@@ -322,6 +339,33 @@ export class KpiValueListPage extends connect(store)(localize(i18next)(ScopedEle
     }
   }
 
+  async _recalculateKpiValue(kpiValue) {
+    try {
+      const response = await client.mutate({
+        mutation: gql`
+          mutation ($id: String!) {
+            recalculateKpiValue(id: $id) {
+              id
+              value
+              score
+              valueDate
+              group
+            }
+          }
+        `,
+        variables: {
+          id: kpiValue.id
+        }
+      })
+      if (!response.errors) {
+        notify({ message: 'KPI Value가 성공적으로 재계산되었습니다.' })
+        this.grist.fetch()
+      }
+    } catch (error) {
+      notify({ message: 'KPI Value 재계산 중 오류가 발생했습니다.' })
+    }
+  }
+
   async creationCallback(kpiValue) {
     try {
       const response = await client.query({

package/dist-client/pages/kpi/kpi-list-page.d.ts

@@ -29,7 +29,7 @@ export declare class KpiListPage extends KpiListPage_base {
     private grist;
     availableVariables: any[];
     availableVariablesLoaded: boolean;
-    getAvailableVariables(): Promise<any[]>;
+    getAvailableKpiMetricVariables(): Promise<any[]>;
     get context(): {
         title: string;
         search: {
@@ -76,5 +76,6 @@ export declare class KpiListPage extends KpiListPage_base {
     _editGrades(kpi: any): Promise<void>;
     _editViz(kpi: any): Promise<void>;
     _onVizUpdated(kpiId: string, vizType: string, vizMeta: any): Promise<void>;
+    _calculateKpiValue(kpi: any): Promise<void>;
 }
 export {};

package/dist-client/pages/kpi/kpi-list-page.js

@@ -60,7 +60,7 @@ let KpiListPage = class KpiListPage extends connect(store)(localize(i18next)(Sco
             'kpi-viz-editor': KpiVizEditor
         };
     }
-    async getAvailableVariables() {
+    async getAvailableKpiMetricVariables() {
         if (this.availableVariablesLoaded) {
             return this.availableVariables;
         }
@@ -153,24 +153,7 @@ let KpiListPage = class KpiListPage extends connect(store)(localize(i18next)(Sco
     async pageInitialized(lifecycle) {
         this.gristConfig = {
             list: {
-                fields: [
-                    'name',
-                    'description',
-                    'category',
-                    'formula',
-                    'active',
-                    'state',
-                    'vizType',
-                    'schedule',
-                    'scheduleId',
-                    'timezone',
-                    'version',
-                    'createdAt',
-                    'updatedAt',
-                    'creator',
-                    'updater',
-                    'thumbnail'
-                ],
+                fields: ['name', 'description'],
                 details: [
                     'name',
                     'description',
@@ -193,6 +176,18 @@ let KpiListPage = class KpiListPage extends connect(store)(localize(i18next)(Sco
             columns: [
                 { type: 'gutter', gutterName: 'sequence' },
                 { type: 'gutter', gutterName: 'row-selector', multiple: true },
+                // KPI 실적값 계산 버튼 추가
+                {
+                    type: 'gutter',
+                    gutterName: 'button',
+                    icon: 'calculate',
+                    title: '실적값 계산',
+                    handlers: {
+                        click: (columns, data, column, record, rowIndex) => {
+                            this._calculateKpiValue(record);
+                        }
+                    }
+                },
                 {
                     type: 'string',
                     name: 'name',
@@ -231,15 +226,150 @@ let KpiListPage = class KpiListPage extends connect(store)(localize(i18next)(Sco
                     record: {
                         editable: true,
                         availableVariables: async () => {
-                            return await this.getAvailableVariables();
+                            return await this.getAvailableKpiMetricVariables();
                         }
                     },
                     width: 320
                 },
+                {
+                    type: 'select',
+                    name: 'periodType',
+                    header: '계산주기',
+                    record: {
+                        editable: true,
+                        options: [
+                            { value: '', display: '' },
+                            { value: 'DAY', display: '일' },
+                            { value: 'WEEK', display: '주' },
+                            { value: 'MONTH', display: '월' },
+                            { value: 'QUARTER', display: '분기' },
+                            { value: 'YEAR', display: '년' },
+                            { value: 'RANGE', display: '범위' },
+                            { value: 'ALLTIME', display: '전체' }
+                        ]
+                    },
+                    width: 80
+                },
+                {
+                    type: 'formula',
+                    name: 'scoreFormula',
+                    header: '성과점수수식',
+                    record: {
+                        editable: true,
+                        availableVariables: async () => {
+                            return [
+                                {
+                                    name: 'value',
+                                    description: 'KPI 실적값',
+                                    type: 'kpi-value',
+                                    unit: ''
+                                }
+                            ];
+                        },
+                        includeDefaultFunctions: false,
+                        availableFunctions: [
+                            {
+                                name: 'INTEGRATE()',
+                                description: '수치 적분',
+                                template: 'INTEGRATE({func}, {a}, {b}, {n})',
+                                syntax: 'INTEGRATE(func, a, b, n)',
+                                parameters: ['func - 적분할 함수', 'a - 하한값', 'b - 상한값', 'n - 분할 수 (기본값: 1000)'],
+                                returnType: 'number',
+                                help: '사다리꼴 적분법을 사용하여 수치 적분을 계산합니다.',
+                                examples: ['INTEGRATE(x => x*x, 0, 1, 1000)', 'INTEGRATE([효율성], 0, 1)']
+                            },
+                            {
+                                name: 'BETA_FUNCTION()',
+                                description: '베타 함수',
+                                template: 'BETA_FUNCTION({x}, {alpha}, {beta})',
+                                syntax: 'BETA_FUNCTION(x, alpha, beta)',
+                                parameters: ['x - 변수 (0 ≤ x ≤ 1)', 'alpha - 첫 번째 모수', 'beta - 두 번째 모수'],
+                                returnType: 'number',
+                                help: '베타 분포 함수를 계산합니다. t^(α-1) × (1-t)^(β-1)',
+                                examples: ['BETA_FUNCTION(0.5, 2, 3)', 'BETA_FUNCTION([품질지수], 3, 2)']
+                            },
+                            {
+                                name: 'INCOMPLETE_BETA()',
+                                description: '불완전 베타 함수',
+                                template: 'INCOMPLETE_BETA({x}, {alpha}, {beta})',
+                                syntax: 'INCOMPLETE_BETA(x, alpha, beta)',
+                                parameters: ['x - 상한값 (0 ≤ x ≤ 1)', 'alpha - 첫 번째 모수', 'beta - 두 번째 모수'],
+                                returnType: 'number',
+                                help: '불완전 베타 함수를 수치 적분으로 계산합니다.',
+                                examples: ['INCOMPLETE_BETA(0.7, 2, 3)', 'INCOMPLETE_BETA([목표달성률]/100, 2, 3)']
+                            },
+                            {
+                                name: 'COMPLETE_BETA()',
+                                description: '완전 베타 함수',
+                                template: 'COMPLETE_BETA({alpha}, {beta})',
+                                syntax: 'COMPLETE_BETA(alpha, beta)',
+                                parameters: ['alpha - 첫 번째 모수', 'beta - 두 번째 모수'],
+                                returnType: 'number',
+                                help: '완전 베타 함수 B(α,β)를 계산합니다.',
+                                examples: ['COMPLETE_BETA(2, 3)', 'COMPLETE_BETA(3, 2)']
+                            },
+                            {
+                                name: 'PERFORMANCE_INDEX()',
+                                description: '성과 지수',
+                                template: 'PERFORMANCE_INDEX({x}, {alpha1}, {beta1}, {alpha2}, {beta2})',
+                                syntax: 'PERFORMANCE_INDEX(x, alpha1, beta1, alpha2, beta2)',
+                                parameters: [
+                                    'x - 성과 값 (0 ≤ x ≤ 1)',
+                                    'alpha1, beta1 - 분자 베타 함수 모수',
+                                    'alpha2, beta2 - 분모 베타 함수 모수'
+                                ],
+                                returnType: 'number',
+                                help: '성과 지수를 계산합니다: 1 - (불완전 베타 / 완전 베타)',
+                                examples: ['PERFORMANCE_INDEX(0.8, 2, 3, 2, 3)', 'PERFORMANCE_INDEX([성과점수]/100, 2, 3, 2, 3)']
+                            },
+                            {
+                                name: 'EXP()',
+                                description: '지수 함수',
+                                template: 'EXP({x})',
+                                syntax: 'EXP(x)',
+                                parameters: ['x - 지수'],
+                                returnType: 'number',
+                                help: '자연상수 e의 x제곱을 계산합니다.',
+                                examples: ['EXP(1)', 'EXP([효율성])']
+                            },
+                            {
+                                name: 'LOG()',
+                                description: '자연 로그',
+                                template: 'LOG({x})',
+                                syntax: 'LOG(x)',
+                                parameters: ['x - 로그를 취할 값'],
+                                returnType: 'number',
+                                help: '자연 로그 ln(x)를 계산합니다.',
+                                examples: ['LOG(2.718)', 'LOG([성과점수])']
+                            },
+                            {
+                                name: 'POW()',
+                                description: '거듭제곱',
+                                template: 'POW({x}, {y})',
+                                syntax: 'POW(x, y)',
+                                parameters: ['x - 밑수', 'y - 지수'],
+                                returnType: 'number',
+                                help: 'x의 y제곱을 계산합니다.',
+                                examples: ['POW(2, 3)', 'POW([효율성], 2)']
+                            },
+                            {
+                                name: 'EXPONENTIAL_DECAY()',
+                                description: '지수 감쇠',
+                                template: 'EXPONENTIAL_DECAY({value}, {scale}, {power})',
+                                syntax: 'EXPONENTIAL_DECAY(value, scale, power)',
+                                parameters: ['value - 입력 값', 'scale - 스케일 파라미터', 'power - 지수 파라미터'],
+                                returnType: 'number',
+                                help: '지수 감쇠 함수 exp(-(value/scale)^power)를 계산합니다.',
+                                examples: ['EXPONENTIAL_DECAY(50, 100, 2)', 'EXPONENTIAL_DECAY([목표달성률], 50, 2)']
+                            }
+                        ]
+                    },
+                    width: 200
+                },
                 {
                     type: 'string',
                     name: 'grades',
-                    header: '등급 설정',
+                    header: '성과지수 Lookup',
                     record: {
                         editable: false,
                         renderer: (v, c, r) => {
@@ -354,11 +484,13 @@ let KpiListPage = class KpiListPage extends connect(store)(localize(i18next)(Sco
               name
               description
               active
+              formula
+              periodType
+              scoreFormula
               grades
               vizType
               vizMeta
               weight
-              formula
               schedule
               scheduleId
               timezone
@@ -599,6 +731,32 @@ let KpiListPage = class KpiListPage extends connect(store)(localize(i18next)(Sco
             });
         }
     }
+    async _calculateKpiValue(kpi) {
+        try {
+            const response = await client.mutate({
+                mutation: gql `
+          mutation ($kpiId: String!) {
+            calculateKpiValue(kpiId: $kpiId) {
+              id
+              value
+              valueDate
+              group
+            }
+          }
+        `,
+                variables: {
+                    kpiId: kpi.id
+                }
+            });
+            if (!response.errors) {
+                notify({ message: 'KPI 실적값이 성공적으로 계산되었습니다.' });
+                this.grist.fetch();
+            }
+        }
+        catch (error) {
+            notify({ message: 'KPI 실적값 계산 중 오류가 발생했습니다.' });
+        }
+    }
 };
 __decorate([
     property({ type: Object }),