@dssp/dkpi 1.0.0-alpha.80 → 1.0.0-alpha.82

package/dist-client/pages/sv-project-detail.js

@@ -7,7 +7,8 @@ import { ScopedElementsMixin } from '@open-wc/scoped-elements';
 import { PROJECT_STATE } from './sv-project-list';
 import { client } from '@operato/graphql';
 import gql from 'graphql-tag';
-import { isProjectTypeDomain } from '../shared/domain-context';
+import moment from 'moment-timezone';
+import { isProjectTypeDomain, tenantHeaders } from '@dssp/project/dist-client/shared/domain-context';
 import '../components/kpi-boxplot-chart';
 import '../components/kpi-single-boxplot-chart';
 import '../components/kpi-radar-chart';
@@ -22,15 +23,19 @@ let SvProjectDetailPage = class SvProjectDetailPage extends ScopedElementsMixin(
         this.projectXKpiValues = [];
         this.showScoreDistribution = false;
         this.selectedKpi = null;
+        /** 이 프로젝트에 아직 한 번도 입력되지 않은 metric (active 한 manual/import 한정) */
+        this.pendingMetrics = [];
     }
     get context() {
         var _a;
         return {
-            title: this.project ? `프로젝트 상세 정보 - ${(_a = this.project) === null || _a === void 0 ? void 0 : _a.name}` : '프로젝트 상세 정보'
+            title: !isProjectTypeDomain() && this.project
+                ? `프로젝트 상세 정보 - ${(_a = this.project) === null || _a === void 0 ? void 0 : _a.name}`
+                : '프로젝트 상세 정보'
         };
     }
     render() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
         return html `
       <div content>
         <div left>
@@ -56,12 +61,24 @@ let SvProjectDetailPage = class SvProjectDetailPage extends ScopedElementsMixin(
                   <div class="value status-value">${PROJECT_STATE[this.project.state]}</div>
                 </div>
                 <div class="row">
-                  <div class="label">• 요청상세</div>
-                  <div class="value bold">000</div>
+                  <div class="label">• 유형</div>
+                  <div class="value">
+                    ${this.project.sectorType === 'PUBLIC'
+            ? '공공'
+            : this.project.sectorType === 'PRIVATE'
+                ? '민간'
+                : '-'}
+                  </div>
                 </div>
                 <div class="row">
-                  <div class="label">• 알람</div>
-                  <div class="value">000</div>
+                  <div class="label">• 용도</div>
+                  <div class="value">
+                    ${this.project.buildingUsage === 'RESIDENTIAL'
+            ? '주거'
+            : this.project.buildingUsage === 'NON_RESIDENTIAL'
+                ? '비주거'
+                : '-'}
+                  </div>
                 </div>
               </div>
             </div>
@@ -77,11 +94,15 @@ let SvProjectDetailPage = class SvProjectDetailPage extends ScopedElementsMixin(
               </div>
               <div class="grid-item row">
                 <div class="label">• 용적률</div>
-                <div class="value">000 %</div>
+                <div class="value">
+                  ${((_h = (_g = this.project.buildingComplex) === null || _g === void 0 ? void 0 : _g.floorAreaRatio) === null || _h === void 0 ? void 0 : _h.toLocaleString()) || '-'} %
+                </div>
               </div>
               <div class="grid-item row">
                 <div class="label">• 투입인력</div>
-                <div class="value">000 명</div>
+                <div class="value">
+                  ${((_k = (_j = this.project.buildingComplex) === null || _j === void 0 ? void 0 : _j.workerCount) === null || _k === void 0 ? void 0 : _k.toLocaleString()) || '-'} 명
+                </div>
               </div>
             </div>
           </div>
@@ -92,32 +113,30 @@ let SvProjectDetailPage = class SvProjectDetailPage extends ScopedElementsMixin(
               <div class="triangle"></div>
             </div>
             <div class="sub-desc">
-              현재 입력 기한이 도래했거나, 입력이 지연되고 있는 KPI 항목입니다. 해당 항목에 대한 데이터를 입력 해 주시기 바랍니다.
+              이 프로젝트에 아직 입력되지 않은 KPI 항목입니다. 해당 항목에 대한 데이터를 입력 해 주시기 바랍니다.
             </div>
 
             <div class="list-block">
-              <div class="list-title">• 입력 대기 중 2건</div>
-              <div class="list-text"># 2033312-Y5.1 : 검수자재 불합격률</div>
-              <div class="list-text"># 2033312-Y5.1 : 품질시험 불합격 건수</div>
-            </div>
-            <div class="list-block">
-              <div class="list-title">• 입력 기한 초과 1건</div>
-              <div class="list-text">
-                # 2033312-Y5.2 : 검측 불합격률 <span class="warn">2026.2.12 <md-icon>report</md-icon></span>
-              </div>
-            </div>
-            <div class="list-block">
-              <div class="list-title">• 입력 예정 4건</div>
-              <div class="list-text"># 2033320-Y4.32 : 연면적 대비 공기입력</div>
-              <div class="list-text"># 2012345-Y4.32 : 책임감리원의 일정성과 수준 평가</div>
-              <div class="list-text"># 2035641-Y5.22 : 설계 변경에 따른 공기 증감률</div>
-              <div class="list-text"># 2096412-Y5.31 : 현장별 일정 이탈 수준</div>
-            </div>
-            <div class="list-block">
-              <div class="list-title">• 입력 기한 없음 3건</div>
-              <div class="list-text"># 2033320-Y4.32 : 연면적 대비 공기입력</div>
-              <div class="list-text"># 2012345-Y4.32 : 책임감리원의 일정성과 수준 평가</div>
-              <div class="list-text"># 2035641-Y5.22 : 설계 변경에 따른 공기 증감률</div>
+              <div class="list-title">• 미입력 ${this.pendingMetrics.length}건</div>
+              ${this.pendingMetrics.length === 0
+            ? html `<div class="list-text">모든 항목이 입력되었습니다.</div>`
+            : this.pendingMetrics.map(m => html `
+                      <div
+                        class="list-text"
+                        style="cursor: pointer;"
+                        @click=${async () => {
+                if (isProjectTypeDomain()) {
+                    navigate('project-complete');
+                    return;
+                }
+                const id = this.project.id || (await this._resolveProjectIdFromDomain());
+                if (id)
+                    navigate(`project-complete/${id}`);
+            }}
+                      >
+                        # ${m.name}
+                      </div>
+                    `)}
             </div>
           </div>
         </div>
@@ -154,7 +173,7 @@ let SvProjectDetailPage = class SvProjectDetailPage extends ScopedElementsMixin(
         }}
               >
                 <md-icon slot="">assignment_turned_in</md-icon>
-                <div>프로젝트 완공 처리</div>
+                <div>KPI 데이타입력</div>
               </div>
             </div>
           `}
@@ -266,7 +285,7 @@ let SvProjectDetailPage = class SvProjectDetailPage extends ScopedElementsMixin(
               * ASSESSMENT: 5단계 게이지 (kpi-lookup-chart 자동 감지)
               */''}
                   ${(this.selectedKpi.scoreType === 'CUSTOM' ||
-                ((_g = this.selectedKpi.grades) === null || _g === void 0 ? void 0 : _g.type) === 'PROGRESS_DEVIATION_LOOKUP') &&
+                ((_l = this.selectedKpi.grades) === null || _l === void 0 ? void 0 : _l.type) === 'PROGRESS_DEVIATION_LOOKUP') &&
                 this.selectedKpi.value !== null &&
                 !(this.selectedKpi.value === Math.floor(this.selectedKpi.value) &&
                     this.selectedKpi.value >= 1 &&
@@ -275,7 +294,7 @@ let SvProjectDetailPage = class SvProjectDetailPage extends ScopedElementsMixin(
                         <kpi-2d-lookup-chart
                           .grades=${this.selectedKpi.grades}
                           .value=${this.selectedKpi.value}
-                          .progressRate=${(_j = (_h = this.project) === null || _h === void 0 ? void 0 : _h.totalProgress) !== null && _j !== void 0 ? _j : 50}
+                          .progressRate=${(_o = (_m = this.project) === null || _m === void 0 ? void 0 : _m.totalProgress) !== null && _o !== void 0 ? _o : 50}
                           unit="%"
                           kpiName=${this.selectedKpi.kpiName || ''}
                         ></kpi-2d-lookup-chart>
@@ -312,11 +331,39 @@ let SvProjectDetailPage = class SvProjectDetailPage extends ScopedElementsMixin(
         // initProject 의 GraphQL 응답을 기다리지 않고 project.id 를 즉시 채워서,
         // 링크의 `project-update/${project.id}` 가 절대 undefined 가 되지 않도록 보장.
         this.project = Object.assign(Object.assign({}, this.project), { id: projectId });
+        // 후속 query 들이 tenant 컨텍스트로 동작하도록 project.code 를 먼저 가볍게 resolve.
+        // (tenant 컨텍스트에서 진입한 경우는 헤더 불필요 — tenantHeaders 가 빈 객체 반환.)
+        if (!isProjectTypeDomain()) {
+            await this._resolveProjectCode(projectId);
+        }
         this.initProject(projectId);
         this.getKpiComprehensiveStats();
         this.getKpiYComprehensiveStats();
         this.getProjectXKpiValues(projectId);
     }
+    async _resolveProjectCode(projectId) {
+        var _a, _b;
+        try {
+            const resp = await client.query({
+                query: gql `
+          query ProjectCode($id: String!) {
+            project(id: $id) {
+              id
+              code
+            }
+          }
+        `,
+                variables: { id: projectId }
+            });
+            const code = (_b = (_a = resp.data) === null || _a === void 0 ? void 0 : _a.project) === null || _b === void 0 ? void 0 : _b.code;
+            if (code) {
+                this.project = Object.assign(Object.assign({}, this.project), { code });
+            }
+        }
+        catch (e) {
+            console.warn('[project-detail] project.code resolve 실패', e);
+        }
+    }
     async _resolveProjectIdFromDomain() {
         var _a, _b;
         const response = await client.query({
@@ -331,17 +378,20 @@ let SvProjectDetailPage = class SvProjectDetailPage extends ScopedElementsMixin(
         return ((_b = (_a = response.data) === null || _a === void 0 ? void 0 : _a.currentProject) === null || _b === void 0 ? void 0 : _b.id) || '';
     }
     async initProject(projectId = '') {
-        var _a;
+        var _a, _b;
         const response = await client.query({
             query: gql `
         query Project($id: String!) {
           project(id: $id) {
             id
+            code
             name
             state
             startDate
             endDate
             projectType
+            sectorType
+            buildingUsage
             mainPhoto {
               fullpath
             }
@@ -362,6 +412,10 @@ let SvProjectDetailPage = class SvProjectDetailPage extends ScopedElementsMixin(
               latitude
               longitude
               area
+              coverageRatio
+              floorAreaRatio
+              siteType
+              workerCount
               clientCompany
               constructionCompany
               supervisoryCompany
@@ -387,14 +441,92 @@ let SvProjectDetailPage = class SvProjectDetailPage extends ScopedElementsMixin(
           }
         }
       `,
-            variables: { id: projectId }
+            variables: { id: projectId },
+            context: { headers: tenantHeaders((_a = this.project) === null || _a === void 0 ? void 0 : _a.code) }
         });
         if (response.errors)
             return;
-        this.project = ((_a = response.data) === null || _a === void 0 ? void 0 : _a.project) || {};
+        this.project = ((_b = response.data) === null || _b === void 0 ? void 0 : _b.project) || {};
         this.updateContext();
+        this._loadPendingMetrics();
+    }
+    /**
+     * 이 프로젝트의 미입력 KPI metric 들을 조회 — Step 1/2 와 동일 기준.
+     *  - 대상: active=true 인 manual/import metric (자동수집/외부API 제외)
+     *  - 판정:
+     *    · MONTH metric → 전월 row (periodType='MONTH', valueDate startsWith 전월) 없으면 pending
+     *    · 그 외        → (metric, periodType) 매칭 row 없으면 pending
+     */
+    async _loadPendingMetrics() {
+        var _a, _b, _c, _d, _e, _f, _g;
+        if (!((_a = this.project) === null || _a === void 0 ? void 0 : _a.id)) {
+            this.pendingMetrics = [];
+            return;
+        }
+        try {
+            // 1) Active manual/import metric 정의 목록 (periodType 포함)
+            const metricsResp = await client.query({
+                query: gql `
+          query KpiMetrics {
+            kpiMetrics {
+              items {
+                id
+                name
+                description
+                periodType
+                collectType
+                active
+              }
+            }
+          }
+        `,
+                context: { headers: tenantHeaders((_b = this.project) === null || _b === void 0 ? void 0 : _b.code) }
+            });
+            // collectType 필터 제거 — Step 1/2 가 모든 metric 을 보여주므로 동일하게 전체 대상.
+            // active=false 인 metric 만 제외.
+            const targets = (((_d = (_c = metricsResp.data) === null || _c === void 0 ? void 0 : _c.kpiMetrics) === null || _d === void 0 ? void 0 : _d.items) || []).filter((m) => m.active);
+            if (targets.length === 0) {
+                this.pendingMetrics = [];
+                return;
+            }
+            // 2) 이 프로젝트의 모든 KpiMetricValue (value 도 가져와서 null/undefined 체크)
+            const valuesResp = await client.query({
+                query: gql `
+          query KpiMetricValues($filters: [Filter!]) {
+            kpiMetricValues(filters: $filters) {
+              items {
+                metricId
+                periodType
+                valueDate
+                value
+              }
+            }
+          }
+        `,
+                variables: { filters: [{ name: 'org', operator: 'eq', value: this.project.id }] },
+                context: { headers: tenantHeaders((_e = this.project) === null || _e === void 0 ? void 0 : _e.code) }
+            });
+            const values = ((_g = (_f = valuesResp.data) === null || _f === void 0 ? void 0 : _f.kpiMetricValues) === null || _g === void 0 ? void 0 : _g.items) || [];
+            const lastMonthYm = moment().tz('Asia/Seoul').subtract(1, 'month').format('YYYY-MM');
+            // 3) Step 1/2 와 동일 기준으로 미입력 판정 — row 존재 AND value 존재 (null/undefined 아님).
+            const hasValid = (v) => v.value !== null && v.value !== undefined;
+            this.pendingMetrics = targets.filter((m) => {
+                if (m.periodType === 'MONTH') {
+                    return !values.some(v => v.metricId === m.id &&
+                        v.periodType === 'MONTH' &&
+                        (v.valueDate || '').startsWith(lastMonthYm) &&
+                        hasValid(v));
+                }
+                return !values.some(v => v.metricId === m.id && v.periodType === m.periodType && hasValid(v));
+            });
+        }
+        catch (e) {
+            console.error('[입력 대기 중] 조회 실패', e);
+            this.pendingMetrics = [];
+        }
     }
     async getKpiComprehensiveStats() {
+        var _a;
         try {
             const response = await client.query({
                 query: gql `
@@ -407,7 +539,8 @@ let SvProjectDetailPage = class SvProjectDetailPage extends ScopedElementsMixin(
               maxVal
             }
           }
-        `
+        `,
+                context: { headers: tenantHeaders((_a = this.project) === null || _a === void 0 ? void 0 : _a.code) }
             });
             this.kpiComprehensiveStats = response.data.totalKpiZValueComprehensiveStats || [];
         }
@@ -417,6 +550,7 @@ let SvProjectDetailPage = class SvProjectDetailPage extends ScopedElementsMixin(
         }
     }
     async getKpiYComprehensiveStats() {
+        var _a;
         try {
             const response = await client.query({
                 query: gql `
@@ -432,7 +566,8 @@ let SvProjectDetailPage = class SvProjectDetailPage extends ScopedElementsMixin(
               projectCount
             }
           }
-        `
+        `,
+                context: { headers: tenantHeaders((_a = this.project) === null || _a === void 0 ? void 0 : _a.code) }
             });
             this.kpiYComprehensiveStats = response.data.totalKpiYValueComprehensiveStats || [];
         }
@@ -442,6 +577,7 @@ let SvProjectDetailPage = class SvProjectDetailPage extends ScopedElementsMixin(
         }
     }
     async getProjectXKpiValues(projectId) {
+        var _a;
         try {
             const response = await client.query({
                 query: gql `
@@ -458,7 +594,8 @@ let SvProjectDetailPage = class SvProjectDetailPage extends ScopedElementsMixin(
             }
           }
         `,
-                variables: { projectId }
+                variables: { projectId },
+                context: { headers: tenantHeaders((_a = this.project) === null || _a === void 0 ? void 0 : _a.code) }
             });
             this.projectXKpiValues = response.data.projectXKpiValues || [];
         }
@@ -479,7 +616,7 @@ let SvProjectDetailPage = class SvProjectDetailPage extends ScopedElementsMixin(
         this._fetchKpiWithGradesByPattern(kpiNamePattern, metric.label);
     }
     async _fetchKpiWithGradesByPattern(kpiNamePattern, displayName) {
-        var _a, _b, _c;
+        var _a, _b, _c, _d;
         try {
             // X-KPI 이름 패턴으로 전체 이름 찾기 (projectXKpiValues에서)
             const kpiValue = this.projectXKpiValues.find(kv => { var _a; return ((_a = kv.kpi) === null || _a === void 0 ? void 0 : _a.name) && kv.kpi.name.includes(kpiNamePattern); });
@@ -501,9 +638,10 @@ let SvProjectDetailPage = class SvProjectDetailPage extends ScopedElementsMixin(
             }
           }
         `,
-                variables: { id: kpiValue.kpi.id }
+                variables: { id: kpiValue.kpi.id },
+                context: { headers: tenantHeaders((_a = this.project) === null || _a === void 0 ? void 0 : _a.code) }
             });
-            if (response.errors || !((_a = response.data) === null || _a === void 0 ? void 0 : _a.kpi)) {
+            if (response.errors || !((_b = response.data) === null || _b === void 0 ? void 0 : _b.kpi)) {
                 console.error('KPI not found or error:', response.errors);
                 return;
             }
@@ -518,8 +656,8 @@ let SvProjectDetailPage = class SvProjectDetailPage extends ScopedElementsMixin(
                 grades: kpi.grades || [],
                 scoreType: kpi.scoreType || '',
                 valueType: kpi.valueType || '',
-                value: (_b = kpiValue.value) !== null && _b !== void 0 ? _b : null,
-                unit: ((_c = kpi.vizMeta) === null || _c === void 0 ? void 0 : _c.unit) || ''
+                value: (_c = kpiValue.value) !== null && _c !== void 0 ? _c : null,
+                unit: ((_d = kpi.vizMeta) === null || _d === void 0 ? void 0 : _d.unit) || ''
             };
             this.showScoreDistribution = true;
         }
@@ -1275,6 +1413,10 @@ __decorate([
     state(),
     __metadata("design:type", Object)
 ], SvProjectDetailPage.prototype, "selectedKpi", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Array)
+], SvProjectDetailPage.prototype, "pendingMetrics", void 0);
 SvProjectDetailPage = __decorate([
     customElement('sv-project-detail')
 ], SvProjectDetailPage);