@dssp/supervision 1.0.0-alpha.76 → 1.0.0-alpha.78

package/dist-client/pages/building-inspection/building-inspection-management.js

@@ -14,6 +14,7 @@ import './component/inspection-document/photo-album-popup';
 import './component/inspection-document/inspection-request-document';
 import './component/inspection-document/inspection-result-notification';
 import './component/image-preview-popup';
+import './component/field-document/field-document-popup';
 import { CommonGristStyles, ScrollbarStyles } from '@operato/styles';
 import { PageView, navigate } from '@operato/shell';
 import { css, html } from 'lit';
@@ -44,7 +45,7 @@ let BuildingInspectionManagement = class BuildingInspectionManagement extends Sc
         this.project = Object.assign({}, this.defaultProject);
         this.selectedBuilding = {};
         this.building = {};
-        this.currentFloor = -1;
+        this.currentFloor = 1;
         this.buildingLevelId = '';
         this.buildingInspectionSummary = {};
         this.selectedYearMonth = moment().tz('Asia/Seoul').format('YYYY-MM');
@@ -53,10 +54,33 @@ let BuildingInspectionManagement = class BuildingInspectionManagement extends Sc
         this.viewMode = 'calendar';
     }
     get context() {
+        var _a;
         return {
-            title: '업무 대시보드'
+            title: ((_a = this.project) === null || _a === void 0 ? void 0 : _a.name) ? `업무 대시보드 - ${this.project.name}` : '업무 대시보드'
         };
     }
+    // 동 미선택 시 프로젝트 전체 데이터 모드
+    get _isProjectMode() {
+        var _a;
+        return !((_a = this.selectedBuilding) === null || _a === void 0 ? void 0 : _a.id);
+    }
+    // 동 선택 + 층 미선택 시 동 전체 데이터 모드
+    get _isBuildingMode() {
+        var _a;
+        return !!((_a = this.selectedBuilding) === null || _a === void 0 ? void 0 : _a.id) && !this.buildingLevelId;
+    }
+    // 현재 데이터 스코프 표시 라벨
+    get _scopeLabel() {
+        var _a, _b, _c, _d;
+        if (this.buildingLevelId) {
+            const level = (_b = (_a = this.building) === null || _a === void 0 ? void 0 : _a.buildingLevels) === null || _b === void 0 ? void 0 : _b.find(l => l.id === this.buildingLevelId);
+            return `${((_c = this.selectedBuilding) === null || _c === void 0 ? void 0 : _c.name) || ''} ${(level === null || level === void 0 ? void 0 : level.floorDisplayName) || ''}층`;
+        }
+        if ((_d = this.selectedBuilding) === null || _d === void 0 ? void 0 : _d.id) {
+            return `${this.selectedBuilding.name} 전체`;
+        }
+        return '프로젝트 전체';
+    }
     render() {
         var _a, _b, _c, _d, _e, _f;
         const cards = ((_b = (_a = this.building) === null || _a === void 0 ? void 0 : _a.buildingLevels) === null || _b === void 0 ? void 0 : _b.map(({ mainDrawingImage, floor }) => {
@@ -117,9 +141,13 @@ let BuildingInspectionManagement = class BuildingInspectionManagement extends Sc
         </div>
 
         <div right-panel>
-          ${this.buildingLevelId
+          ${this.buildingLevelId || this._isBuildingMode || this._isProjectMode
             ? html `
                 <div inspection-container>
+                  <div scope-header>
+                    <h3>검측 현황</h3>
+                    <span scope-label>${this._scopeLabel}</span>
+                  </div>
                   <div inspection>
                     <div name bold>
                       <md-icon slot="icon">fact_check</md-icon>
@@ -169,6 +197,9 @@ let BuildingInspectionManagement = class BuildingInspectionManagement extends Sc
                 const month = (_c = (_b = (_a = e.detail) === null || _a === void 0 ? void 0 : _a.month) === null || _b === void 0 ? void 0 : _b.toString()) === null || _c === void 0 ? void 0 : _c.padStart(2, '0');
                 this.selectedYearMonth = `${year}-${month}`;
                 this._refreshListGrists();
+            }}
+                      @open-worklog=${(e) => {
+                this._openWorklogForDate(e.detail.date);
             }}
                     ></ox-event-view>
                   </div>
@@ -238,6 +269,19 @@ let BuildingInspectionManagement = class BuildingInspectionManagement extends Sc
       </div>
     `;
     }
+    updated(changedProperties) {
+        var _a;
+        super.updated(changedProperties);
+        // ox-grist shadow DOM 내부 #wrap의 overflow를 제어
+        (_a = this.renderRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll('ox-grist').forEach(grist => {
+            var _a, _b;
+            const oxGrid = (_a = grist.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('ox-grid');
+            const gridBody = (_b = oxGrid === null || oxGrid === void 0 ? void 0 : oxGrid.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('ox-grid-body');
+            if (gridBody) {
+                gridBody.style.maxHeight = '150px';
+            }
+        });
+    }
     async pageUpdated(changes, lifecycle) {
         if (this.active) {
             this.projectId = lifecycle.resourceId || '';
@@ -294,6 +338,12 @@ let BuildingInspectionManagement = class BuildingInspectionManagement extends Sc
                     },
                     width: 200
                 },
+                {
+                    type: 'string',
+                    name: 'createdDate',
+                    header: '검측 등록일시',
+                    width: 110
+                },
                 {
                     type: 'string',
                     name: 'requestDate',
@@ -371,7 +421,7 @@ let BuildingInspectionManagement = class BuildingInspectionManagement extends Sc
         };
     }
     async _initProject(projectId = '') {
-        var _a, _b, _c;
+        var _a;
         const response = await client.query({
             query: gql `
         query Project($id: String!) {
@@ -409,11 +459,12 @@ let BuildingInspectionManagement = class BuildingInspectionManagement extends Sc
         if (response.errors)
             return;
         this.project = (_a = response.data) === null || _a === void 0 ? void 0 : _a.project;
-        // 첫번째 빌딩 선택
-        this.selectedBuilding = (_c = (_b = this.project) === null || _b === void 0 ? void 0 : _b.buildingComplex) === null || _c === void 0 ? void 0 : _c.buildings[0];
-        if (this.selectedBuilding) {
-            await this._getBuilding(this.selectedBuilding.id);
-        }
+        this.updateContext();
+        // 동 미선택 상태 → 프로젝트 전체 데이터 로드
+        this.selectedBuilding = {};
+        this.building = {};
+        this.buildingLevelId = '';
+        await this._initProjectLevel();
     }
     async _getBuilding(buildingId = '') {
         var _a;
@@ -456,15 +507,86 @@ let BuildingInspectionManagement = class BuildingInspectionManagement extends Sc
         }
     }
     async _onClickBuilding(building) {
+        var _a;
+        if (((_a = this.selectedBuilding) === null || _a === void 0 ? void 0 : _a.id) === building.id) {
+            // 토글: 이미 선택된 동 클릭 시 해제 → 프로젝트 전체 데이터
+            this.selectedBuilding = {};
+            this.building = {};
+            this.buildingLevelId = '';
+            this.currentFloor = 0;
+            await this._initProjectLevel();
+            return;
+        }
         this.selectedBuilding = Object.assign({}, building);
         this.buildingLevelId = '';
         this.buildingInspectionSummary = {};
         await this._getBuilding(this.selectedBuilding.id);
+        await this._initBuildingData(this.selectedBuilding.id);
     }
     async _onSelectFloor(levelId) {
         this.buildingLevelId = levelId;
         await this._initBuildingLevel(levelId);
     }
+    async _initProjectLevel() {
+        var _a;
+        if (!this.projectId)
+            return;
+        // 프로젝트 전체 검측 현황 조회
+        const response = await client.query({
+            query: gql `
+        query BuildingInspectionSummaryOfProject($projectId: String!) {
+          buildingInspectionSummaryOfProject(projectId: $projectId) {
+            wait
+            request
+            pass
+            fail
+            reWait
+          }
+        }
+      `,
+            variables: { projectId: this.projectId }
+        });
+        if (response.errors)
+            return;
+        this.buildingInspectionSummary = (_a = response.data) === null || _a === void 0 ? void 0 : _a.buildingInspectionSummaryOfProject;
+        // 달력 데이터 생성 (프로젝트 레벨 - buildingLevelId 없이)
+        this.calendarData = new InspectionEventProvider('', this.projectId);
+        await this.updateComplete;
+        // 일일 업무일지 조회
+        await this._fetchDailyWorklog(this.selectedDate);
+        // 목록 모드일 경우 그리스트 갱신
+        this._refreshListGrists();
+    }
+    async _initBuildingData(buildingId) {
+        var _a;
+        if (!buildingId)
+            return;
+        // 동 전체 검측 현황 조회
+        const response = await client.query({
+            query: gql `
+        query BuildingInspectionSummaryOfBuilding($buildingId: String!) {
+          buildingInspectionSummaryOfBuilding(buildingId: $buildingId) {
+            wait
+            request
+            pass
+            fail
+            reWait
+          }
+        }
+      `,
+            variables: { buildingId }
+        });
+        if (response.errors)
+            return;
+        this.buildingInspectionSummary = (_a = response.data) === null || _a === void 0 ? void 0 : _a.buildingInspectionSummaryOfBuilding;
+        // 달력 데이터 생성 (동 레벨)
+        this.calendarData = new InspectionEventProvider('', this.projectId, buildingId);
+        await this.updateComplete;
+        // 일일 업무일지 조회
+        await this._fetchDailyWorklog(this.selectedDate);
+        // 목록 모드일 경우 그리스트 갱신
+        this._refreshListGrists();
+    }
     async _initBuildingLevel(buildingLevelId) {
         var _a;
         const response = await client.query({
@@ -496,54 +618,147 @@ let BuildingInspectionManagement = class BuildingInspectionManagement extends Sc
         this._refreshListGrists();
     }
     async _fetchInspectionsByStatus(statuses, { page = 1, limit = 100 }, extraFilter) {
-        var _a, _b;
-        if (!this.buildingLevelId)
+        var _a, _b, _c, _d, _e, _f;
+        if (!this.buildingLevelId && !this._isBuildingMode && !this._isProjectMode)
             return { total: 0, records: [] };
-        const response = await client.query({
-            query: gql `
-        query BuildingInspectionsOfBuildingLevel($params: BuildingInspectionsOfBuildingLevel!) {
-          buildingInspectionsOfBuildingLevel(params: $params) {
-            items {
-              id
-              status
-              failCount
-              requestDate
+        if ((this._isProjectMode || this._isBuildingMode) && !this.projectId)
+            return { total: 0, records: [] };
+        let items;
+        if (this.buildingLevelId) {
+            // 층 레벨 조회
+            const response = await client.query({
+                query: gql `
+          query BuildingInspectionsOfBuildingLevel($params: BuildingInspectionsOfBuildingLevel!) {
+            buildingInspectionsOfBuildingLevel(params: $params) {
+              items {
+                id
+                status
+                failCount
+                requestDate
+                createdAt
 
-              checklist {
-                checklistId: id
-                name
-                constructionType
-                constructionDetailType
-                location
-                inspectionParts
-                inspectionDrawingType
+                checklist {
+                  checklistId: id
+                  name
+                  constructionType
+                  constructionDetailType
+                  location
+                  inspectionParts
+                  inspectionDrawingType
+
+                  nameListAttachment {
+                    id
+                    name
+                    fullpath
+                  }
+                }
+                drawingMarker
+              }
+              total
+            }
+          }
+        `,
+                variables: {
+                    params: {
+                        buildingLevelId: this.buildingLevelId,
+                        limit: 0
+                    }
+                }
+            });
+            items = ((_b = (_a = response.data) === null || _a === void 0 ? void 0 : _a.buildingInspectionsOfBuildingLevel) === null || _b === void 0 ? void 0 : _b.items) || [];
+        }
+        else if (this._isBuildingMode) {
+            // 동 레벨 조회
+            const response = await client.query({
+                query: gql `
+          query BuildingInspectionsOfBuilding($params: BuildingInspectionsOfBuilding!) {
+            buildingInspectionsOfBuilding(params: $params) {
+              items {
+                id
+                status
+                failCount
+                requestDate
+                createdAt
 
-                nameListAttachment {
-                  id
+                checklist {
+                  checklistId: id
                   name
-                  fullpath
+                  constructionType
+                  constructionDetailType
+                  location
+                  inspectionParts
+                  inspectionDrawingType
+
+                  nameListAttachment {
+                    id
+                    name
+                    fullpath
+                  }
                 }
+                drawingMarker
               }
-              drawingMarker
+              total
             }
-            total
           }
+        `,
+                variables: {
+                    params: {
+                        buildingId: this.selectedBuilding.id,
+                        limit: 0
+                    }
+                }
+            });
+            items = ((_d = (_c = response.data) === null || _c === void 0 ? void 0 : _c.buildingInspectionsOfBuilding) === null || _d === void 0 ? void 0 : _d.items) || [];
         }
-      `,
-            variables: {
-                params: {
-                    buildingLevelId: this.buildingLevelId,
-                    limit: 0
+        else {
+            // 프로젝트 레벨 조회 (동 미선택 시)
+            const response = await client.query({
+                query: gql `
+          query BuildingInspectionsOfProject($params: BuildingInspectionsOfProject!) {
+            buildingInspectionsOfProject(params: $params) {
+              items {
+                id
+                status
+                failCount
+                requestDate
+                createdAt
+
+                checklist {
+                  checklistId: id
+                  name
+                  constructionType
+                  constructionDetailType
+                  location
+                  inspectionParts
+                  inspectionDrawingType
+
+                  nameListAttachment {
+                    id
+                    name
+                    fullpath
+                  }
                 }
+                drawingMarker
+              }
+              total
             }
-        });
-        let items = ((_b = (_a = response.data) === null || _a === void 0 ? void 0 : _a.buildingInspectionsOfBuildingLevel) === null || _b === void 0 ? void 0 : _b.items) || [];
+          }
+        `,
+                variables: {
+                    params: {
+                        projectId: this.projectId,
+                        limit: 0
+                    }
+                }
+            });
+            items = ((_f = (_e = response.data) === null || _e === void 0 ? void 0 : _e.buildingInspectionsOfProject) === null || _f === void 0 ? void 0 : _f.items) || [];
+        }
         // 상태별 필터링
         items = items.filter(item => statuses.includes(item.status));
         if (extraFilter) {
             items = items.filter(extraFilter);
         }
-        items = items.map(item => (Object.assign(Object.assign(Object.assign({}, item), item.checklist), { statusDisplay: (item.failCount > 0 ? BUILDING_INSPECTION_RE_STATUS_DISPLAY : BUILDING_INSPECTION_STATUS_DISPLAY)[item.status], requestDate: this._formatDateTime(item.requestDate) })));
+        items = items.map(item => (Object.assign(Object.assign(Object.assign({}, item), item.checklist), { statusDisplay: (item.failCount > 0 ? BUILDING_INSPECTION_RE_STATUS_DISPLAY : BUILDING_INSPECTION_STATUS_DISPLAY)[item.status], createdDate: this._formatDate(item.createdAt), requestDate: this._formatDateTime(item.requestDate) })));
         return {
             total: items.length,
             records: items
@@ -606,6 +821,27 @@ let BuildingInspectionManagement = class BuildingInspectionManagement extends Sc
             return '';
         }
     }
+    _formatDate(date) {
+        if (!date)
+            return '';
+        try {
+            const parsed = typeof date === 'string' && /^\d+$/.test(date) ? new Date(Number(date)) : new Date(date);
+            return new Intl.DateTimeFormat('ko-KR', {
+                timeZone: 'Asia/Seoul',
+                year: 'numeric',
+                month: '2-digit',
+                day: '2-digit'
+            }).format(parsed);
+        }
+        catch (_a) {
+            return '';
+        }
+    }
+    async _openWorklogForDate(date) {
+        this.selectedDate = date;
+        await this._fetchDailyWorklog(date);
+        this._openDailyWorklogPopup();
+    }
     _openDailyWorklogPopup() {
         const date = this.selectedDate;
         openPopup(html `<daily-worklog-popup
@@ -662,9 +898,12 @@ let BuildingInspectionManagement = class BuildingInspectionManagement extends Sc
         ></inspection-with-checklist-create-popup>
       `, { backdrop: true, size: 'large', title: '검측 등록' });
     }
-    // TODO: 현장 문서 확인 기능 구현
     _openFieldDocuments() {
-        notify({ message: '현장 문서 확인 기능은 준비 중입니다.', level: 'info' });
+        openPopup(html `<field-document-popup .projectId=${this.projectId}></field-document-popup>`, {
+            backdrop: true,
+            size: 'full',
+            title: '현장 문서 확인'
+        });
     }
     async _openDrawingPopup(buildingInspection) {
         const drawingImageProvider = new DrawingImageProvider();
@@ -1005,6 +1244,25 @@ BuildingInspectionManagement.styles = [
         overflow: hidden;
       }
 
+      div[scope-header] {
+        display: flex;
+        align-items: center;
+        gap: var(--spacing-medium, 8px);
+        margin-bottom: var(--spacing-small, 4px);
+
+        h3 {
+          margin: 0;
+        }
+
+        span[scope-label] {
+          font-size: 12px;
+          color: #888;
+          background: #f0f0f0;
+          padding: 2px 8px;
+          border-radius: 4px;
+        }
+      }
+
       div[inspection-container] {
         gap: var(--spacing-medium, 8px);
         display: flex;
@@ -1124,7 +1382,7 @@ BuildingInspectionManagement.styles = [
       div[list-section] {
         display: flex;
         flex-direction: column;
-        gap: var(--spacing-small, 4px);
+        gap: 6px;
 
         h3[section-title] {
           color: #e15757;
@@ -1142,9 +1400,7 @@ BuildingInspectionManagement.styles = [
       }
 
       ox-grist {
-        overflow-y: auto;
-        flex: 1;
-        min-height: 150px;
+        padding: 0px 16px 10px;
       }
 
       div[action-buttons] {