@dssp/project 0.0.8 → 0.0.10

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

@@ -3,12 +3,14 @@ import '@material/web/icon/icon.js';
 import '@material/web/button/elevated-button.js';
 import '@material/web/textfield/outlined-text-field.js';
 import '@material/web/button/outlined-button.js';
-import { PageView } from '@operato/shell';
+import { navigate, PageView } from '@operato/shell';
 import { css, html } from 'lit';
 import { customElement, state } from 'lit/decorators.js';
 import { ScopedElementsMixin } from '@open-wc/scoped-elements';
 import { client } from '@operato/graphql';
+import { ScrollbarStyles } from '@operato/styles';
 import gql from 'graphql-tag';
+import { BUILDING_INSPECTION_STATUS } from './project-list';
 import _getWeather from '../lib/waether';
 import '@operato/chart/ox-progress-circle.js';
 let ProjectDetail = class ProjectDetail extends ScopedElementsMixin(PageView) {
@@ -29,7 +31,9 @@ let ProjectDetail = class ProjectDetail extends ScopedElementsMixin(PageView) {
         };
         this.projectId = '';
         this.project = Object.assign({}, this.defaultProject);
+        this.buildingInspections = [];
         this.inspectionSummary = {
+            wait: 0,
             request: 0,
             pass: 0,
             fail: 0
@@ -47,7 +51,7 @@ let ProjectDetail = class ProjectDetail extends ScopedElementsMixin(PageView) {
         };
     }
     render() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
         return html `
       <div header>
         <h2>${this.project.name}</h2>
@@ -77,7 +81,7 @@ let ProjectDetail = class ProjectDetail extends ScopedElementsMixin(PageView) {
               <div>
                 <div row>
                   <span>- 면적 : </span>
-                  <span>${(_c = this.project.buildingComplex) === null || _c === void 0 ? void 0 : _c.area}</span>
+                  <span>${(_d = (_c = this.project.buildingComplex) === null || _c === void 0 ? void 0 : _c.area) === null || _d === void 0 ? void 0 : _d.toLocaleString()}</span>
                 </div>
                 <div row>
                   <span>- 착공 ~ 준공 : </span>
@@ -85,19 +89,19 @@ let ProjectDetail = class ProjectDetail extends ScopedElementsMixin(PageView) {
                 </div>
                 <div row>
                   <span>- 발주처 : </span>
-                  <span>${(_d = this.project.buildingComplex) === null || _d === void 0 ? void 0 : _d.clientCompany}</span>
+                  <span>${(_e = this.project.buildingComplex) === null || _e === void 0 ? void 0 : _e.clientCompany}</span>
                 </div>
                 <div row>
                   <span>- 건설사 : </span>
-                  <span>${(_e = this.project.buildingComplex) === null || _e === void 0 ? void 0 : _e.constructionCompany}</span>
+                  <span>${(_f = this.project.buildingComplex) === null || _f === void 0 ? void 0 : _f.constructionCompany}</span>
                 </div>
                 <div row>
                   <span>- 감리사 : </span>
-                  <span>${(_f = this.project.buildingComplex) === null || _f === void 0 ? void 0 : _f.supervisoryCompany}</span>
+                  <span>${(_g = this.project.buildingComplex) === null || _g === void 0 ? void 0 : _g.supervisoryCompany}</span>
                 </div>
                 <div row>
                   <span>- 설계사 : </span>
-                  <span>${(_g = this.project.buildingComplex) === null || _g === void 0 ? void 0 : _g.designCompany}</span>
+                  <span>${(_h = this.project.buildingComplex) === null || _h === void 0 ? void 0 : _h.designCompany}</span>
                 </div>
               </div>
             </div>
@@ -105,32 +109,32 @@ let ProjectDetail = class ProjectDetail extends ScopedElementsMixin(PageView) {
             <div content-2>
               <div row>
                 <span>- 건설구분 : </span>
-                <span>${(_h = this.project.buildingComplex) === null || _h === void 0 ? void 0 : _h.constructionType}</span>
+                <span>${(_j = this.project.buildingComplex) === null || _j === void 0 ? void 0 : _j.constructionType}</span>
               </div>
               <div row>
                 <span>- 공사금액 : </span>
-                <span>${(_j = this.project.buildingComplex) === null || _j === void 0 ? void 0 : _j.constructionCost}</span>
+                <span>${(_l = (_k = this.project.buildingComplex) === null || _k === void 0 ? void 0 : _k.constructionCost) === null || _l === void 0 ? void 0 : _l.toLocaleString()} 원</span>
               </div>
               <div row>
                 <span>- 세대수 : </span>
-                <span>${(_k = this.project.buildingComplex) === null || _k === void 0 ? void 0 : _k.householdCount}</span>
+                <span>${(_o = (_m = this.project.buildingComplex) === null || _m === void 0 ? void 0 : _m.householdCount) === null || _o === void 0 ? void 0 : _o.toLocaleString()}</span>
               </div>
               <div row>
                 <span>- 기타 : </span>
-                <span>${(_l = this.project.buildingComplex) === null || _l === void 0 ? void 0 : _l.etc}</span>
+                <span>${(_p = this.project.buildingComplex) === null || _p === void 0 ? void 0 : _p.etc}</span>
               </div>
             </div>
           </div>
 
           <div left-bottom>
             <h3>조감도(BIM도면)</h3>
-            ${((_o = (_m = this.project.buildingComplex) === null || _m === void 0 ? void 0 : _m.drawing) === null || _o === void 0 ? void 0 : _o.fullpath)
+            ${((_r = (_q = this.project.buildingComplex) === null || _q === void 0 ? void 0 : _q.drawing) === null || _r === void 0 ? void 0 : _r.fullpath)
             ? html `<div building-complex-img></div>`
             : html `<img building-complex-img src="/assets/images/img-building-complex-default.jpg" />`}
             <div>
               <div subject bold>개별 단지 상세정보 바로가기</div>
               <div building-container>
-                ${(_q = (_p = this.project.buildingComplex) === null || _p === void 0 ? void 0 : _p.buildings) === null || _q === void 0 ? void 0 : _q.map(building => {
+                ${(_t = (_s = this.project.buildingComplex) === null || _s === void 0 ? void 0 : _s.buildings) === null || _t === void 0 ? void 0 : _t.map(building => {
             return html `<md-outlined-button href=${`building-complex-detail/${this.project.id}?buildingId=${building.id}`}>
                     ${building.name}
                   </md-outlined-button>`;
@@ -146,7 +150,7 @@ let ProjectDetail = class ProjectDetail extends ScopedElementsMixin(PageView) {
             <div state>
               <span progress>
                 <ox-progress-circle
-                  .value=${70}
+                  .value=${this.project.totalProgress}
                   titleText="전체"
                   suffix="%"
                   fontSize="27px"
@@ -161,8 +165,9 @@ let ProjectDetail = class ProjectDetail extends ScopedElementsMixin(PageView) {
               </span>
               <span progress>
                 <ox-progress-circle
-                  .value=${30.4}
+                  .value=${this.project.weeklyProgress}
                   titleText="주간"
+                  suffix="%"
                   fontSize="27px"
                   fontColor="#4E5055"
                   borderStyle="none"
@@ -176,7 +181,7 @@ let ProjectDetail = class ProjectDetail extends ScopedElementsMixin(PageView) {
               <span weather>
                 <div bold>현장현황</div>
                 <div>
-                  <span><md-icon slot="icon">rainy</md-icon> 강수확률</span>
+                  <span><md-icon slot="icon">rainy</md-icon>강수확률</span>
                   <span bold>${this.weather.rain}%</span>
                 </div>
                 <div>
@@ -200,6 +205,10 @@ let ProjectDetail = class ProjectDetail extends ScopedElementsMixin(PageView) {
               </span>
               <span>
                 <div>검측요청</div>
+                <div bold>${this.inspectionSummary.wait}</div>
+              </span>
+              <span>
+                <div>검측대기</div>
                 <div bold>${this.inspectionSummary.request}</div>
               </span>
               <span>
@@ -218,25 +227,32 @@ let ProjectDetail = class ProjectDetail extends ScopedElementsMixin(PageView) {
           </div>
 
           <div right-bottom>
-            <h3>기타 사항</h3>
+            <h3>검측 현황</h3>
             <div table-container>
               <hr />
               <table>
                 <thead>
                   <tr>
-                    <th width="20%">검측 위치</th>
-                    <th width="20%">공종</th>
-                    <th width="40%">내용</th>
-                    <th width="20%">검측결과</th>
+                    <th width="5%">순번</th>
+                    <th width="10%">검측 위치</th>
+                    <th width="10%">공종</th>
+                    <th width="20%">내용</th>
+                    <th width="15%">검측 요청일</th>
+                    <th width="10%">검측 결과</th>
+                    <th width="15%">검측 결과 데이터</th>
                   </tr>
                 </thead>
                 <tbody>
-                  ${[1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1].map(inspection => {
-            return html `<tr>
-                      <td>101동 3층</td>
-                      <td bold>단열공사</td>
-                      <td>단열재 시공 층간 차음재 시공 벽돌/블록 및 ALC 패널 공사</td>
-                      <td bold>검측완료</td>
+                  ${this.buildingInspections.map((inspection, idx) => {
+            var _a, _b, _c, _d, _e, _f;
+            return html ` <tr @click=${() => this._onClickInspection(inspection.id || '')}>
+                      <td>${idx + 1}</td>
+                      <td>${(_b = (_a = inspection === null || inspection === void 0 ? void 0 : inspection.buildingLevel) === null || _a === void 0 ? void 0 : _a.building) === null || _b === void 0 ? void 0 : _b.name} ${(_c = inspection === null || inspection === void 0 ? void 0 : inspection.buildingLevel) === null || _c === void 0 ? void 0 : _c.floor}층</td>
+                      <td bold>${(_d = inspection.checklist) === null || _d === void 0 ? void 0 : _d.constructionType}</td>
+                      <td>${((_f = (_e = inspection.checklist) === null || _e === void 0 ? void 0 : _e.inspectionParts) === null || _f === void 0 ? void 0 : _f.join(', ')) || ''}</td>
+                      <td>${this._formatDate(inspection.requestDate)}</td>
+                      <td bold>${inspection.status && BUILDING_INSPECTION_STATUS[inspection.status]}</td>
+                      <td>ㅁㅁㅁㅁㅁㅁ</td>
                     </tr>`;
         })}
                 </tbody>
@@ -251,14 +267,14 @@ let ProjectDetail = class ProjectDetail extends ScopedElementsMixin(PageView) {
     async pageUpdated(changes, lifecycle) {
         if (this.active) {
             this.projectId = lifecycle.resourceId || '';
-            await this.initProject(this.projectId);
+            await this.initProject(lifecycle.resourceId);
         }
     }
     async initProject(projectId = '') {
-        var _a, _b, _c;
+        var _a, _b, _c, _d, _e;
         const response = await client.query({
             query: gql `
-        query Project($id: String!, $projectId: String!) {
+        query Project($id: String!, $projectId: String!, $params: BuildingInspectionsOfProject!) {
           project(id: $id) {
             id
             name
@@ -302,30 +318,70 @@ let ProjectDetail = class ProjectDetail extends ScopedElementsMixin(PageView) {
             }
           }
 
-          inspectionSummary(projectId: $projectId) {
+          inspectionSummary: buildingInspectionSummaryOfProject(projectId: $projectId) {
+            wait
             request
             pass
             fail
           }
+
+          buildingInspectionsOfProject(params: $params) {
+            items {
+              id
+              status
+              requestDate
+              buildingLevel {
+                floor
+                building {
+                  name
+                }
+              }
+              checklist {
+                name
+                constructionType
+                constructionDetailType
+                inspectionParts
+              }
+            }
+            total
+          }
         }
       `,
             variables: {
                 id: projectId,
-                projectId
+                projectId,
+                params: {
+                    projectId,
+                    limit: 20
+                }
             }
         });
         if (response.errors)
             return;
         this.project = ((_a = response.data) === null || _a === void 0 ? void 0 : _a.project) || {};
         this.inspectionSummary = ((_b = response.data) === null || _b === void 0 ? void 0 : _b.inspectionSummary) || {};
-        const { latitude, longitude } = (_c = this.project) === null || _c === void 0 ? void 0 : _c.buildingComplex;
+        this.buildingInspections = ((_d = (_c = response.data) === null || _c === void 0 ? void 0 : _c.buildingInspectionsOfProject) === null || _d === void 0 ? void 0 : _d.items) || [];
+        const { latitude, longitude } = (_e = this.project) === null || _e === void 0 ? void 0 : _e.buildingComplex;
         if (latitude && longitude) {
             this.weather = await _getWeather(latitude, longitude);
         }
-        console.log('init project : ', this.project);
+    }
+    _onClickInspection(buildingInspectionId) {
+        navigate(`building-inspection-detail-drawing/${buildingInspectionId}`);
+    }
+    _formatDate(date) {
+        return date
+            ? new Intl.DateTimeFormat('en-CA', {
+                timeZone: 'Asia/Seoul',
+                year: 'numeric',
+                month: '2-digit',
+                day: '2-digit'
+            }).format(new Date(date))
+            : '';
     }
 };
 ProjectDetail.styles = [
+    ScrollbarStyles,
     css `
       :host {
         display: grid;
@@ -393,6 +449,11 @@ ProjectDetail.styles = [
           color: #2e79be;
           font-size: 18px;
           margin: 0px;
+
+          a {
+            text-decoration: none;
+            color: #2e79be;
+          }
         }
 
         & > div {
@@ -462,8 +523,6 @@ ProjectDetail.styles = [
           }
 
           div[right-top] {
-            flex: 3;
-
             div[state] {
               display: grid;
               grid-template-columns: 0.95fr 0.95fr 1.1fr;
@@ -505,7 +564,7 @@ ProjectDetail.styles = [
             }
             div[inspection] {
               display: grid;
-              grid-template-columns: 1.4fr 0.9fr 0.9fr 0.9fr;
+              grid-template-columns: 1.4fr 0.9fr 0.9fr 0.9fr 0.9fr;
               margin-top: 5px;
               background: #f6f6f6;
               border-radius: 7px;
@@ -555,8 +614,6 @@ ProjectDetail.styles = [
           }
 
           div[right-bottom] {
-            flex: 2;
-
             div[table-container] {
               width: 100%;
               height: 15rem;
@@ -590,6 +647,7 @@ ProjectDetail.styles = [
             thead th {
               padding: 5px;
               font-size: 15px;
+              text-wrap: pretty;
             }
 
             tbody td {
@@ -599,7 +657,28 @@ ProjectDetail.styles = [
               white-space: nowrap;
               text-overflow: ellipsis;
               overflow: hidden;
-              font-size: 15px;
+              font-size: 13px;
+            }
+
+            md-elevated-button {
+              margin: 0px 3px;
+
+              --md-elevated-button-container-height: 35px;
+              --md-elevated-button-label-text-size: 16px;
+              --md-elevated-button-container-color: #0595e5;
+
+              --md-elevated-button-label-text-color: #fff;
+              --md-elevated-button-hover-label-text-color: #fff;
+              --md-elevated-button-pressed-label-text-color: #fff;
+              --md-elevated-button-focus-label-text-color: #fff;
+              --md-elevated-button-icon-color: #fff;
+              --md-elevated-button-hover-icon-color: #fff;
+              --md-elevated-button-pressed-icon-color: #fff;
+              --md-elevated-button-focus-icon-color: #fff;
+
+              &[red] {
+                --md-elevated-button-container-color: #e15757;
+              }
             }
           }
         }
@@ -614,6 +693,10 @@ __decorate([
     state(),
     __metadata("design:type", Object)
 ], ProjectDetail.prototype, "project", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Array)
+], ProjectDetail.prototype, "buildingInspections", void 0);
 __decorate([
     state(),
     __metadata("design:type", Object)

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

@@ -1 +1 @@
-{"version":3,"file":"project-detail.js","sourceRoot":"","sources":["../../../client/pages/project/project-detail.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@material/web/button/elevated-button.js'\nimport '@material/web/textfield/outlined-text-field.js'\nimport '@material/web/button/outlined-button.js'\n\nimport { PageView } from '@operato/shell'\nimport { PageLifecycle } from '@operato/shell/dist/src/app/pages/page-view'\nimport { css, html } from 'lit'\nimport { customElement, state } from 'lit/decorators.js'\nimport { ScopedElementsMixin } from '@open-wc/scoped-elements'\nimport { client } from '@operato/graphql'\n\nimport gql from 'graphql-tag'\nimport { Project } from './project-list'\nimport _getWeather from '../lib/waether'\nimport '@operato/chart/ox-progress-circle.js'\n\nexport interface InspectionSummary {\n  request: number\n  pass: number\n  fail: number\n}\n\ninterface Weather {\n  rain: number\n  temperature: number\n  humidity: number\n  wind: string\n}\n\n@customElement('project-detail')\nexport class ProjectDetail extends ScopedElementsMixin(PageView) {\n  static styles = [\n    css`\n      :host {\n        display: grid;\n        grid-template-rows: 75px auto;\n        color: #4e5055;\n\n        width: 100%;\n        background-color: #f7f7f7;\n        overflow-y: auto;\n\n        --grid-record-emphasized-background-color: red;\n        --grid-record-emphasized-color: yellow;\n      }\n\n      md-outlined-button {\n        --md-outlined-button-container-height: 30px;\n        --md-outlined-button-trailing-space: 15px;\n        --md-outlined-button-leading-space: 15px;\n      }\n\n      *[bold] {\n        font-weight: bold;\n      }\n\n      div[header] {\n        display: flex;\n        margin: 0px 20px;\n\n        h2 {\n          flex: 0.5;\n          color: #3f71a0;\n        }\n\n        div[button-container] {\n          display: flex;\n          align-items: center;\n          justify-content: end;\n          flex: 0.5;\n\n          md-elevated-button {\n            margin: 0px 3px;\n\n            --md-elevated-button-container-height: 35px;\n            --md-elevated-button-label-text-size: 16px;\n            --md-elevated-button-container-color: #0595e5;\n\n            --md-elevated-button-label-text-color: #fff;\n            --md-elevated-button-hover-label-text-color: #fff;\n            --md-elevated-button-pressed-label-text-color: #fff;\n            --md-elevated-button-focus-label-text-color: #fff;\n            --md-elevated-button-icon-color: #fff;\n            --md-elevated-button-hover-icon-color: #fff;\n            --md-elevated-button-pressed-icon-color: #fff;\n            --md-elevated-button-focus-icon-color: #fff;\n          }\n        }\n      }\n\n      div[body] {\n        display: flex;\n        margin: 0px 25px 25px 25px;\n        gap: 10px;\n\n        h3 {\n          color: #2e79be;\n          font-size: 18px;\n          margin: 0px;\n        }\n\n        & > div {\n          display: flex;\n          flex: 1;\n          gap: 10px;\n          flex-direction: column;\n\n          & > div {\n            display: flex;\n            flex-direction: column;\n            background-color: #ffffff;\n            border: 1px solid #cccccc80;\n            gap: 10px;\n            padding: 15px;\n            border-radius: 5px;\n          }\n\n          div[left-top] {\n            div[content-1] {\n              display: flex;\n              align-items: center;\n              gap: 15px;\n\n              img {\n                width: 42%;\n                height: auto;\n                aspect-ratio: 1920 / 1080;\n              }\n              img[no-image] {\n                object-fit: contain;\n                opacity: 0.5;\n              }\n\n              div[row] {\n                line-height: 25px;\n              }\n            }\n            div[content-2] {\n              height: 65px;\n              overflow-y: auto;\n            }\n          }\n\n          div[left-bottom] {\n            [building-complex-img] {\n              width: 100%;\n              aspect-ratio: 2 / 1;\n            }\n            img {\n              opacity: 0.5;\n            }\n\n            div[subject] {\n              margin-bottom: 7px;\n            }\n            div[building-container] {\n              display: block;\n              height: 40px;\n              overflow-y: auto;\n\n              & > * {\n                margin-right: 10px;\n                margin-bottom: 7px;\n              }\n            }\n          }\n\n          div[right-top] {\n            flex: 3;\n\n            div[state] {\n              display: grid;\n              grid-template-columns: 0.95fr 0.95fr 1.1fr;\n              gap: 15px;\n\n              span[progress] {\n                max-width: 170px;\n                text-align: center;\n                display: flex;\n                justify-self: center;\n                flex-direction: column;\n                width: 100%;\n\n                & > div {\n                  font-weight: bold;\n                  color: #2e79be;\n                  font-size: 12px;\n                  margin-top: 5px;\n                }\n                & > div[week] {\n                  color: #06b5af;\n                }\n              }\n              span[weather] {\n                display: flex;\n                flex-direction: column;\n                gap: 5px;\n                margin-left: 10px;\n\n                & > div {\n                  display: flex;\n                  justify-content: space-between;\n\n                  & > span {\n                    display: flex;\n                  }\n                }\n              }\n            }\n            div[inspection] {\n              display: grid;\n              grid-template-columns: 1.4fr 0.9fr 0.9fr 0.9fr;\n              margin-top: 5px;\n              background: #f6f6f6;\n              border-radius: 7px;\n              padding: 7px 0px;\n\n              & > span {\n                display: flex;\n                flex-direction: column;\n                align-items: center;\n                justify-content: center;\n\n                div[pass] {\n                  color: #1bb401;\n                }\n                div[fail] {\n                  color: #ff4444;\n                }\n              }\n              & > span[name] {\n                flex-direction: row;\n                text-align: right;\n                gap: 10px;\n\n                md-icon {\n                  width: 40px;\n                  height: 40px;\n                  border-radius: 7px;\n                  color: #fff;\n                  background: #f16154;\n                }\n              }\n            }\n            div[notice] {\n              margin-top: 7px;\n\n              div[name] {\n                margin-left: 4px;\n              }\n              div[content] {\n                background-color: #ebc8321a;\n                border-radius: 10px;\n                padding: 10px;\n                font-size: 14px;\n                margin-top: 6px;\n              }\n            }\n          }\n\n          div[right-bottom] {\n            flex: 2;\n\n            div[table-container] {\n              width: 100%;\n              height: 15rem;\n              overflow-y: auto;\n              overflow-x: hidden;\n              position: relative;\n            }\n\n            hr {\n              position: sticky;\n              width: 100%;\n              margin: 0;\n              top: 0px;\n              border: 1px solid #3295f1;\n            }\n\n            table {\n              width: 100%;\n              border-collapse: collapse;\n              table-layout: fixed;\n            }\n\n            thead {\n              position: sticky;\n              top: 2px;\n              background-color: #464651;\n              color: #fff;\n              z-index: 1;\n            }\n\n            thead th {\n              padding: 5px;\n              font-size: 15px;\n            }\n\n            tbody td {\n              border-bottom: 1px solid #cccccc;\n              padding: 5px 3px;\n              text-align: center;\n              white-space: nowrap;\n              text-overflow: ellipsis;\n              overflow: hidden;\n              font-size: 15px;\n            }\n          }\n        }\n      }\n    `\n  ]\n\n  get context() {\n    return {\n      title: '진행 중 프로젝트 상세 정보'\n    }\n  }\n\n  private defaultProject = {\n    name: '',\n    buildingComplex: {\n      address: '',\n      area: 0,\n      constructionCompany: '',\n      clientCompany: '',\n      supervisoryCompany: '',\n      designCompany: '',\n      constructionType: '',\n      buildings: []\n    }\n  }\n\n  @state() projectId: string = ''\n  @state() project: Project = { ...this.defaultProject }\n  @state() inspectionSummary: InspectionSummary = {\n    request: 0,\n    pass: 0,\n    fail: 0\n  }\n  @state() weather: Weather = {\n    rain: 0,\n    temperature: 0,\n    humidity: 0,\n    wind: ''\n  }\n\n  render() {\n    return html`\n      <div header>\n        <h2>${this.project.name}</h2>\n        <div button-container>\n          <md-elevated-button href=${`project-update/${this.project.id}`}>\n            <md-icon slot=\"icon\">assignment</md-icon>프로젝트 정보 수정\n          </md-elevated-button>\n          <md-elevated-button href=${`project-plan-management/${this.project.id}`}>\n            <md-icon slot=\"icon\">description</md-icon>도면 관리\n          </md-elevated-button>\n          <md-elevated-button href=${`project-task-update/${this.project.id}`}>\n            <md-icon slot=\"icon\">event_note</md-icon>공정표 관리\n          </md-elevated-button>\n        </div>\n      </div>\n\n      <div body>\n        <div>\n          <div left-top>\n            <h3>기본 정보</h3>\n            <div content-1>\n              <img\n                ?no-image=${!this.project.mainPhoto?.fullpath}\n                src=${this.project.mainPhoto?.fullpath || '/assets/images/no-image.png'}\n              />\n\n              <div>\n                <div row>\n                  <span>- 면적 : </span>\n                  <span>${this.project.buildingComplex?.area}</span>\n                </div>\n                <div row>\n                  <span>- 착공 ~ 준공 : </span>\n                  <span bold>${this.project.startDate} ~ ${this.project.endDate}</span>\n                </div>\n                <div row>\n                  <span>- 발주처 : </span>\n                  <span>${this.project.buildingComplex?.clientCompany}</span>\n                </div>\n                <div row>\n                  <span>- 건설사 : </span>\n                  <span>${this.project.buildingComplex?.constructionCompany}</span>\n                </div>\n                <div row>\n                  <span>- 감리사 : </span>\n                  <span>${this.project.buildingComplex?.supervisoryCompany}</span>\n                </div>\n                <div row>\n                  <span>- 설계사 : </span>\n                  <span>${this.project.buildingComplex?.designCompany}</span>\n                </div>\n              </div>\n            </div>\n\n            <div content-2>\n              <div row>\n                <span>- 건설구분 : </span>\n                <span>${this.project.buildingComplex?.constructionType}</span>\n              </div>\n              <div row>\n                <span>- 공사금액 : </span>\n                <span>${this.project.buildingComplex?.constructionCost}</span>\n              </div>\n              <div row>\n                <span>- 세대수 : </span>\n                <span>${this.project.buildingComplex?.householdCount}</span>\n              </div>\n              <div row>\n                <span>- 기타 : </span>\n                <span>${this.project.buildingComplex?.etc}</span>\n              </div>\n            </div>\n          </div>\n\n          <div left-bottom>\n            <h3>조감도(BIM도면)</h3>\n            ${this.project.buildingComplex?.drawing?.fullpath\n              ? html`<div building-complex-img></div>`\n              : html`<img building-complex-img src=\"/assets/images/img-building-complex-default.jpg\" />`}\n            <div>\n              <div subject bold>개별 단지 상세정보 바로가기</div>\n              <div building-container>\n                ${this.project.buildingComplex?.buildings?.map(building => {\n                  return html`<md-outlined-button href=${`building-complex-detail/${this.project.id}?buildingId=${building.id}`}>\n                    ${building.name}\n                  </md-outlined-button>`\n                })}\n              </div>\n            </div>\n          </div>\n        </div>\n\n        <div>\n          <div right-top>\n            <h3>프로젝트 현황</h3>\n            <div state>\n              <span progress>\n                <ox-progress-circle\n                  .value=${70}\n                  titleText=\"전체\"\n                  suffix=\"%\"\n                  fontSize=\"27px\"\n                  fontColor=\"#4E5055\"\n                  borderStyle=\"none\"\n                  innerCircleSize=\"28%\"\n                  circleColor=\"#0595E5\"\n                  shadow=\"#00000026 4px 4px 4px\"\n                  background=\"#eaf5fd\"\n                ></ox-progress-circle>\n                <div>전체공정율(%)</div>\n              </span>\n              <span progress>\n                <ox-progress-circle\n                  .value=${30.4}\n                  titleText=\"주간\"\n                  fontSize=\"27px\"\n                  fontColor=\"#4E5055\"\n                  borderStyle=\"none\"\n                  innerCircleSize=\"28%\"\n                  circleColor=\"#06B5AF\"\n                  shadow=\"#00000026 4px 4px 4px\"\n                  background=\"#eaf7f7\"\n                ></ox-progress-circle>\n                <div week>주간공정율(%)</div>\n              </span>\n              <span weather>\n                <div bold>현장현황</div>\n                <div>\n                  <span><md-icon slot=\"icon\">rainy</md-icon> 강수확률</span>\n                  <span bold>${this.weather.rain}%</span>\n                </div>\n                <div>\n                  <span><md-icon slot=\"icon\">humidity_percentage</md-icon> 습도</span>\n                  <span bold>${this.weather.humidity}%</span>\n                </div>\n                <div>\n                  <span><md-icon slot=\"icon\">thermostat</md-icon> 온도</span>\n                  <span bold>${this.weather.temperature}°C</span>\n                </div>\n                <div>\n                  <span><md-icon slot=\"icon\">air</md-icon> 풍향</span>\n                  <span bold>${this.weather.wind}</span>\n                </div>\n              </span>\n            </div>\n            <div inspection>\n              <span name bold>\n                <md-icon slot=\"icon\">list_alt_add</md-icon>\n                시공검측<br />현황\n              </span>\n              <span>\n                <div>검측요청</div>\n                <div bold>${this.inspectionSummary.request}</div>\n              </span>\n              <span>\n                <div>합격</div>\n                <div bold pass>${this.inspectionSummary.pass}</div>\n              </span>\n              <span>\n                <div>불합격</div>\n                <div bold fail>${this.inspectionSummary.fail}</div>\n              </span>\n            </div>\n            <div notice>\n              <div name bold>공지사항</div>\n              <div content>${this.project.buildingComplex.notice}</div>\n            </div>\n          </div>\n\n          <div right-bottom>\n            <h3>기타 사항</h3>\n            <div table-container>\n              <hr />\n              <table>\n                <thead>\n                  <tr>\n                    <th width=\"20%\">검측 위치</th>\n                    <th width=\"20%\">공종</th>\n                    <th width=\"40%\">내용</th>\n                    <th width=\"20%\">검측결과</th>\n                  </tr>\n                </thead>\n                <tbody>\n                  ${[1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1].map(inspection => {\n                    return html`<tr>\n                      <td>101동 3층</td>\n                      <td bold>단열공사</td>\n                      <td>단열재 시공 층간 차음재 시공 벽돌/블록 및 ALC 패널 공사</td>\n                      <td bold>검측완료</td>\n                    </tr>`\n                  })}\n                </tbody>\n              </table>\n            </div>\n          </div>\n        </div>\n      </div>\n    `\n  }\n\n  async pageInitialized(lifecycle: PageLifecycle) {}\n\n  async pageUpdated(changes: any, lifecycle: PageLifecycle) {\n    if (this.active) {\n      this.projectId = lifecycle.resourceId || ''\n      await this.initProject(this.projectId)\n    }\n  }\n\n  async initProject(projectId: string = '') {\n    const response = await client.query({\n      query: gql`\n        query Project($id: String!, $projectId: String!) {\n          project(id: $id) {\n            id\n            name\n            startDate\n            endDate\n            mainPhoto {\n              fullpath\n            }\n            totalProgress\n            weeklyProgress\n            kpi\n            inspPassRate\n            robotProgressRate\n            structuralSafetyRate\n            buildingComplex {\n              id\n              address\n              latitude\n              longitude\n              area\n              clientCompany\n              constructionCompany\n              supervisoryCompany\n              designCompany\n              drawing {\n                id\n                name\n                fullpath\n              }\n              constructionType\n              constructionCost\n              etc\n              notice\n              householdCount\n              buildingCount\n              buildings {\n                id\n                name\n                floorCount\n              }\n            }\n          }\n\n          inspectionSummary(projectId: $projectId) {\n            request\n            pass\n            fail\n          }\n        }\n      `,\n      variables: {\n        id: projectId,\n        projectId\n      }\n    })\n\n    if (response.errors) return\n\n    this.project = response.data?.project || {}\n    this.inspectionSummary = response.data?.inspectionSummary || {}\n\n    const { latitude, longitude } = this.project?.buildingComplex\n    if (latitude && longitude) {\n      this.weather = await _getWeather(latitude, longitude)\n    }\n\n    console.log('init project : ', this.project)\n  }\n}\n"]}
+{"version":3,"file":"project-detail.js","sourceRoot":"","sources":["../../../client/pages/project/project-detail.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@material/web/button/elevated-button.js'\nimport '@material/web/textfield/outlined-text-field.js'\nimport '@material/web/button/outlined-button.js'\n\nimport { navigate, PageView } from '@operato/shell'\nimport { PageLifecycle } from '@operato/shell/dist/src/app/pages/page-view'\nimport { css, html } from 'lit'\nimport { customElement, state } from 'lit/decorators.js'\nimport { ScopedElementsMixin } from '@open-wc/scoped-elements'\nimport { client } from '@operato/graphql'\nimport { ScrollbarStyles } from '@operato/styles'\n\nimport gql from 'graphql-tag'\nimport { BUILDING_INSPECTION_STATUS, BuildingInspection, BuildingInspectionStatus, Project } from './project-list'\nimport _getWeather from '../lib/waether'\nimport '@operato/chart/ox-progress-circle.js'\n\nexport interface InspectionSummary {\n  wait: number\n  request: number\n  pass: number\n  fail: number\n}\n\ninterface Weather {\n  rain: number\n  temperature: number\n  humidity: number\n  wind: string\n}\n\n@customElement('project-detail')\nexport class ProjectDetail extends ScopedElementsMixin(PageView) {\n  static styles = [\n    ScrollbarStyles,\n    css`\n      :host {\n        display: grid;\n        grid-template-rows: 75px auto;\n        color: #4e5055;\n\n        width: 100%;\n        background-color: #f7f7f7;\n        overflow-y: auto;\n\n        --grid-record-emphasized-background-color: red;\n        --grid-record-emphasized-color: yellow;\n      }\n\n      md-outlined-button {\n        --md-outlined-button-container-height: 30px;\n        --md-outlined-button-trailing-space: 15px;\n        --md-outlined-button-leading-space: 15px;\n      }\n\n      *[bold] {\n        font-weight: bold;\n      }\n\n      div[header] {\n        display: flex;\n        margin: 0px 20px;\n\n        h2 {\n          flex: 0.5;\n          color: #3f71a0;\n        }\n\n        div[button-container] {\n          display: flex;\n          align-items: center;\n          justify-content: end;\n          flex: 0.5;\n\n          md-elevated-button {\n            margin: 0px 3px;\n\n            --md-elevated-button-container-height: 35px;\n            --md-elevated-button-label-text-size: 16px;\n            --md-elevated-button-container-color: #0595e5;\n\n            --md-elevated-button-label-text-color: #fff;\n            --md-elevated-button-hover-label-text-color: #fff;\n            --md-elevated-button-pressed-label-text-color: #fff;\n            --md-elevated-button-focus-label-text-color: #fff;\n            --md-elevated-button-icon-color: #fff;\n            --md-elevated-button-hover-icon-color: #fff;\n            --md-elevated-button-pressed-icon-color: #fff;\n            --md-elevated-button-focus-icon-color: #fff;\n          }\n        }\n      }\n\n      div[body] {\n        display: flex;\n        margin: 0px 25px 25px 25px;\n        gap: 10px;\n\n        h3 {\n          color: #2e79be;\n          font-size: 18px;\n          margin: 0px;\n\n          a {\n            text-decoration: none;\n            color: #2e79be;\n          }\n        }\n\n        & > div {\n          display: flex;\n          flex: 1;\n          gap: 10px;\n          flex-direction: column;\n\n          & > div {\n            display: flex;\n            flex-direction: column;\n            background-color: #ffffff;\n            border: 1px solid #cccccc80;\n            gap: 10px;\n            padding: 15px;\n            border-radius: 5px;\n          }\n\n          div[left-top] {\n            div[content-1] {\n              display: flex;\n              align-items: center;\n              gap: 15px;\n\n              img {\n                width: 42%;\n                height: auto;\n                aspect-ratio: 1920 / 1080;\n              }\n              img[no-image] {\n                object-fit: contain;\n                opacity: 0.5;\n              }\n\n              div[row] {\n                line-height: 25px;\n              }\n            }\n            div[content-2] {\n              height: 65px;\n              overflow-y: auto;\n            }\n          }\n\n          div[left-bottom] {\n            [building-complex-img] {\n              width: 100%;\n              aspect-ratio: 2 / 1;\n            }\n            img {\n              opacity: 0.5;\n            }\n\n            div[subject] {\n              margin-bottom: 7px;\n            }\n            div[building-container] {\n              display: block;\n              height: 40px;\n              overflow-y: auto;\n\n              & > * {\n                margin-right: 10px;\n                margin-bottom: 7px;\n              }\n            }\n          }\n\n          div[right-top] {\n            div[state] {\n              display: grid;\n              grid-template-columns: 0.95fr 0.95fr 1.1fr;\n              gap: 15px;\n\n              span[progress] {\n                max-width: 170px;\n                text-align: center;\n                display: flex;\n                justify-self: center;\n                flex-direction: column;\n                width: 100%;\n\n                & > div {\n                  font-weight: bold;\n                  color: #2e79be;\n                  font-size: 12px;\n                  margin-top: 5px;\n                }\n                & > div[week] {\n                  color: #06b5af;\n                }\n              }\n              span[weather] {\n                display: flex;\n                flex-direction: column;\n                gap: 5px;\n                margin-left: 10px;\n\n                & > div {\n                  display: flex;\n                  justify-content: space-between;\n\n                  & > span {\n                    display: flex;\n                  }\n                }\n              }\n            }\n            div[inspection] {\n              display: grid;\n              grid-template-columns: 1.4fr 0.9fr 0.9fr 0.9fr 0.9fr;\n              margin-top: 5px;\n              background: #f6f6f6;\n              border-radius: 7px;\n              padding: 7px 0px;\n\n              & > span {\n                display: flex;\n                flex-direction: column;\n                align-items: center;\n                justify-content: center;\n\n                div[pass] {\n                  color: #1bb401;\n                }\n                div[fail] {\n                  color: #ff4444;\n                }\n              }\n              & > span[name] {\n                flex-direction: row;\n                text-align: right;\n                gap: 10px;\n\n                md-icon {\n                  width: 40px;\n                  height: 40px;\n                  border-radius: 7px;\n                  color: #fff;\n                  background: #f16154;\n                }\n              }\n            }\n            div[notice] {\n              margin-top: 7px;\n\n              div[name] {\n                margin-left: 4px;\n              }\n              div[content] {\n                background-color: #ebc8321a;\n                border-radius: 10px;\n                padding: 10px;\n                font-size: 14px;\n                margin-top: 6px;\n              }\n            }\n          }\n\n          div[right-bottom] {\n            div[table-container] {\n              width: 100%;\n              height: 15rem;\n              overflow-y: auto;\n              overflow-x: hidden;\n              position: relative;\n            }\n\n            hr {\n              position: sticky;\n              width: 100%;\n              margin: 0;\n              top: 0px;\n              border: 1px solid #3295f1;\n            }\n\n            table {\n              width: 100%;\n              border-collapse: collapse;\n              table-layout: fixed;\n            }\n\n            thead {\n              position: sticky;\n              top: 2px;\n              background-color: #464651;\n              color: #fff;\n              z-index: 1;\n            }\n\n            thead th {\n              padding: 5px;\n              font-size: 15px;\n              text-wrap: pretty;\n            }\n\n            tbody td {\n              border-bottom: 1px solid #cccccc;\n              padding: 5px 3px;\n              text-align: center;\n              white-space: nowrap;\n              text-overflow: ellipsis;\n              overflow: hidden;\n              font-size: 13px;\n            }\n\n            md-elevated-button {\n              margin: 0px 3px;\n\n              --md-elevated-button-container-height: 35px;\n              --md-elevated-button-label-text-size: 16px;\n              --md-elevated-button-container-color: #0595e5;\n\n              --md-elevated-button-label-text-color: #fff;\n              --md-elevated-button-hover-label-text-color: #fff;\n              --md-elevated-button-pressed-label-text-color: #fff;\n              --md-elevated-button-focus-label-text-color: #fff;\n              --md-elevated-button-icon-color: #fff;\n              --md-elevated-button-hover-icon-color: #fff;\n              --md-elevated-button-pressed-icon-color: #fff;\n              --md-elevated-button-focus-icon-color: #fff;\n\n              &[red] {\n                --md-elevated-button-container-color: #e15757;\n              }\n            }\n          }\n        }\n      }\n    `\n  ]\n\n  get context() {\n    return {\n      title: '진행 중 프로젝트 상세 정보'\n    }\n  }\n\n  private defaultProject = {\n    name: '',\n    buildingComplex: {\n      address: '',\n      area: 0,\n      constructionCompany: '',\n      clientCompany: '',\n      supervisoryCompany: '',\n      designCompany: '',\n      constructionType: '',\n      buildings: []\n    }\n  }\n\n  @state() projectId: string = ''\n  @state() project: Project = { ...this.defaultProject }\n  @state() buildingInspections: BuildingInspection[] = []\n  @state() inspectionSummary: InspectionSummary = {\n    wait: 0,\n    request: 0,\n    pass: 0,\n    fail: 0\n  }\n  @state() weather: Weather = {\n    rain: 0,\n    temperature: 0,\n    humidity: 0,\n    wind: ''\n  }\n\n  render() {\n    return html`\n      <div header>\n        <h2>${this.project.name}</h2>\n        <div button-container>\n          <md-elevated-button href=${`project-update/${this.project.id}`}>\n            <md-icon slot=\"icon\">assignment</md-icon>프로젝트 정보 수정\n          </md-elevated-button>\n          <md-elevated-button href=${`project-plan-management/${this.project.id}`}>\n            <md-icon slot=\"icon\">description</md-icon>도면 관리\n          </md-elevated-button>\n          <md-elevated-button href=${`project-task-update/${this.project.id}`}>\n            <md-icon slot=\"icon\">event_note</md-icon>공정표 관리\n          </md-elevated-button>\n        </div>\n      </div>\n\n      <div body>\n        <div>\n          <div left-top>\n            <h3>기본 정보</h3>\n            <div content-1>\n              <img\n                ?no-image=${!this.project.mainPhoto?.fullpath}\n                src=${this.project.mainPhoto?.fullpath || '/assets/images/no-image.png'}\n              />\n\n              <div>\n                <div row>\n                  <span>- 면적 : </span>\n                  <span>${this.project.buildingComplex?.area?.toLocaleString()}</span>\n                </div>\n                <div row>\n                  <span>- 착공 ~ 준공 : </span>\n                  <span bold>${this.project.startDate} ~ ${this.project.endDate}</span>\n                </div>\n                <div row>\n                  <span>- 발주처 : </span>\n                  <span>${this.project.buildingComplex?.clientCompany}</span>\n                </div>\n                <div row>\n                  <span>- 건설사 : </span>\n                  <span>${this.project.buildingComplex?.constructionCompany}</span>\n                </div>\n                <div row>\n                  <span>- 감리사 : </span>\n                  <span>${this.project.buildingComplex?.supervisoryCompany}</span>\n                </div>\n                <div row>\n                  <span>- 설계사 : </span>\n                  <span>${this.project.buildingComplex?.designCompany}</span>\n                </div>\n              </div>\n            </div>\n\n            <div content-2>\n              <div row>\n                <span>- 건설구분 : </span>\n                <span>${this.project.buildingComplex?.constructionType}</span>\n              </div>\n              <div row>\n                <span>- 공사금액 : </span>\n                <span>${this.project.buildingComplex?.constructionCost?.toLocaleString()} 원</span>\n              </div>\n              <div row>\n                <span>- 세대수 : </span>\n                <span>${this.project.buildingComplex?.householdCount?.toLocaleString()}</span>\n              </div>\n              <div row>\n                <span>- 기타 : </span>\n                <span>${this.project.buildingComplex?.etc}</span>\n              </div>\n            </div>\n          </div>\n\n          <div left-bottom>\n            <h3>조감도(BIM도면)</h3>\n            ${this.project.buildingComplex?.drawing?.fullpath\n              ? html`<div building-complex-img></div>`\n              : html`<img building-complex-img src=\"/assets/images/img-building-complex-default.jpg\" />`}\n            <div>\n              <div subject bold>개별 단지 상세정보 바로가기</div>\n              <div building-container>\n                ${this.project.buildingComplex?.buildings?.map(building => {\n                  return html`<md-outlined-button href=${`building-complex-detail/${this.project.id}?buildingId=${building.id}`}>\n                    ${building.name}\n                  </md-outlined-button>`\n                })}\n              </div>\n            </div>\n          </div>\n        </div>\n\n        <div>\n          <div right-top>\n            <h3>프로젝트 현황</h3>\n            <div state>\n              <span progress>\n                <ox-progress-circle\n                  .value=${this.project.totalProgress}\n                  titleText=\"전체\"\n                  suffix=\"%\"\n                  fontSize=\"27px\"\n                  fontColor=\"#4E5055\"\n                  borderStyle=\"none\"\n                  innerCircleSize=\"28%\"\n                  circleColor=\"#0595E5\"\n                  shadow=\"#00000026 4px 4px 4px\"\n                  background=\"#eaf5fd\"\n                ></ox-progress-circle>\n                <div>전체공정율(%)</div>\n              </span>\n              <span progress>\n                <ox-progress-circle\n                  .value=${this.project.weeklyProgress}\n                  titleText=\"주간\"\n                  suffix=\"%\"\n                  fontSize=\"27px\"\n                  fontColor=\"#4E5055\"\n                  borderStyle=\"none\"\n                  innerCircleSize=\"28%\"\n                  circleColor=\"#06B5AF\"\n                  shadow=\"#00000026 4px 4px 4px\"\n                  background=\"#eaf7f7\"\n                ></ox-progress-circle>\n                <div week>주간공정율(%)</div>\n              </span>\n              <span weather>\n                <div bold>현장현황</div>\n                <div>\n                  <span><md-icon slot=\"icon\">rainy</md-icon>강수확률</span>\n                  <span bold>${this.weather.rain}%</span>\n                </div>\n                <div>\n                  <span><md-icon slot=\"icon\">humidity_percentage</md-icon> 습도</span>\n                  <span bold>${this.weather.humidity}%</span>\n                </div>\n                <div>\n                  <span><md-icon slot=\"icon\">thermostat</md-icon> 온도</span>\n                  <span bold>${this.weather.temperature}°C</span>\n                </div>\n                <div>\n                  <span><md-icon slot=\"icon\">air</md-icon> 풍향</span>\n                  <span bold>${this.weather.wind}</span>\n                </div>\n              </span>\n            </div>\n            <div inspection>\n              <span name bold>\n                <md-icon slot=\"icon\">list_alt_add</md-icon>\n                시공검측<br />현황\n              </span>\n              <span>\n                <div>검측요청</div>\n                <div bold>${this.inspectionSummary.wait}</div>\n              </span>\n              <span>\n                <div>검측대기</div>\n                <div bold>${this.inspectionSummary.request}</div>\n              </span>\n              <span>\n                <div>합격</div>\n                <div bold pass>${this.inspectionSummary.pass}</div>\n              </span>\n              <span>\n                <div>불합격</div>\n                <div bold fail>${this.inspectionSummary.fail}</div>\n              </span>\n            </div>\n            <div notice>\n              <div name bold>공지사항</div>\n              <div content>${this.project.buildingComplex.notice}</div>\n            </div>\n          </div>\n\n          <div right-bottom>\n            <h3>검측 현황</h3>\n            <div table-container>\n              <hr />\n              <table>\n                <thead>\n                  <tr>\n                    <th width=\"5%\">순번</th>\n                    <th width=\"10%\">검측 위치</th>\n                    <th width=\"10%\">공종</th>\n                    <th width=\"20%\">내용</th>\n                    <th width=\"15%\">검측 요청일</th>\n                    <th width=\"10%\">검측 결과</th>\n                    <th width=\"15%\">검측 결과 데이터</th>\n                  </tr>\n                </thead>\n                <tbody>\n                  ${this.buildingInspections.map((inspection, idx) => {\n                    return html` <tr @click=${() => this._onClickInspection(inspection.id || '')}>\n                      <td>${idx + 1}</td>\n                      <td>${inspection?.buildingLevel?.building?.name} ${inspection?.buildingLevel?.floor}층</td>\n                      <td bold>${inspection.checklist?.constructionType}</td>\n                      <td>${inspection.checklist?.inspectionParts?.join(', ') || ''}</td>\n                      <td>${this._formatDate(inspection.requestDate)}</td>\n                      <td bold>${inspection.status && BUILDING_INSPECTION_STATUS[inspection.status]}</td>\n                      <td>ㅁㅁㅁㅁㅁㅁ</td>\n                    </tr>`\n                  })}\n                </tbody>\n              </table>\n            </div>\n          </div>\n        </div>\n      </div>\n    `\n  }\n\n  async pageInitialized(lifecycle: PageLifecycle) {}\n\n  async pageUpdated(changes: any, lifecycle: PageLifecycle) {\n    if (this.active) {\n      this.projectId = lifecycle.resourceId || ''\n      await this.initProject(lifecycle.resourceId)\n    }\n  }\n\n  async initProject(projectId: string = '') {\n    const response = await client.query({\n      query: gql`\n        query Project($id: String!, $projectId: String!, $params: BuildingInspectionsOfProject!) {\n          project(id: $id) {\n            id\n            name\n            startDate\n            endDate\n            mainPhoto {\n              fullpath\n            }\n            totalProgress\n            weeklyProgress\n            kpi\n            inspPassRate\n            robotProgressRate\n            structuralSafetyRate\n            buildingComplex {\n              id\n              address\n              latitude\n              longitude\n              area\n              clientCompany\n              constructionCompany\n              supervisoryCompany\n              designCompany\n              drawing {\n                id\n                name\n                fullpath\n              }\n              constructionType\n              constructionCost\n              etc\n              notice\n              householdCount\n              buildingCount\n              buildings {\n                id\n                name\n                floorCount\n              }\n            }\n          }\n\n          inspectionSummary: buildingInspectionSummaryOfProject(projectId: $projectId) {\n            wait\n            request\n            pass\n            fail\n          }\n\n          buildingInspectionsOfProject(params: $params) {\n            items {\n              id\n              status\n              requestDate\n              buildingLevel {\n                floor\n                building {\n                  name\n                }\n              }\n              checklist {\n                name\n                constructionType\n                constructionDetailType\n                inspectionParts\n              }\n            }\n            total\n          }\n        }\n      `,\n      variables: {\n        id: projectId,\n        projectId,\n        params: {\n          projectId,\n          limit: 20\n        }\n      }\n    })\n\n    if (response.errors) return\n\n    this.project = response.data?.project || {}\n    this.inspectionSummary = response.data?.inspectionSummary || {}\n    this.buildingInspections = response.data?.buildingInspectionsOfProject?.items || []\n\n    const { latitude, longitude } = this.project?.buildingComplex\n    if (latitude && longitude) {\n      this.weather = await _getWeather(latitude, longitude)\n    }\n  }\n\n  private _onClickInspection(buildingInspectionId: string) {\n    navigate(`building-inspection-detail-drawing/${buildingInspectionId}`)\n  }\n\n  private _formatDate(date: Date | undefined) {\n    return date\n      ? new Intl.DateTimeFormat('en-CA', {\n          timeZone: 'Asia/Seoul',\n          year: 'numeric',\n          month: '2-digit',\n          day: '2-digit'\n        }).format(new Date(date))\n      : ''\n  }\n}\n"]}

package/dist-client/pages/project/project-list.d.ts

@@ -3,14 +3,21 @@ import { PageView } from '@operato/shell';
 import { Attachment } from '@things-factory/attachment-base';
 import type { FileUpload } from 'graphql-upload/GraphQLUpload.js';
 export declare enum ProjectStatus {
-    'PROCEEDING' = "10",
-    'COMPLICATED' = "20"
+    'ONGOING' = "10",
+    'COMPLETED' = "20"
 }
-export declare enum InspectionStatus {
+export declare enum BuildingInspectionStatus {
+    WAIT = "WAIT",
     REQUEST = "REQUEST",
     PASS = "PASS",
     FAIL = "FAIL"
 }
+export declare const BUILDING_INSPECTION_STATUS: {
+    WAIT: string;
+    REQUEST: string;
+    PASS: string;
+    FAIL: string;
+};
 export interface Project {
     id?: string;
     name: string;
@@ -69,15 +76,34 @@ export interface BuildingLevel {
     rebarDistributionDrawing?: Attachment;
     rebarDistributionDrawingThumbnail?: string;
     rebarDistributionDrawingUpload?: FileUpload;
+    building?: Building;
     buildingInspections?: BuildingInspection[];
 }
 export interface BuildingInspection {
     id?: string;
-    indexX?: number;
-    indexY?: number;
-    status?: InspectionStatus;
-    detail?: string;
     attatchments?: Attachment[];
+    status?: BuildingInspectionStatus;
+    requestDate?: Date;
+    buildingLevel?: BuildingLevel;
+    checklist?: Checklist;
+    createdAt?: Date;
+    updatedAt?: Date;
+    deletedAt?: Date;
+}
+export interface Checklist {
+    id: string;
+    name?: string;
+    documentNo?: string;
+    constructionType?: string;
+    constructionDetailType?: string;
+    location?: string;
+    constructionInspectorDate?: Date;
+    supervisorInspectorDate?: Date;
+    overallConstructorSignature?: string;
+    taskConstructorSignature?: string;
+    overallSupervisorySignature?: string;
+    taskSupervisorySignature?: string;
+    inspectionParts?: string[];
 }
 declare const ProjectListPage_base: typeof PageView & import("@open-wc/dedupe-mixin").Constructor<import("@open-wc/scoped-elements/types/src/types").ScopedElementsHost>;
 export declare class ProjectListPage extends ProjectListPage_base {

package/dist-client/pages/project/project-list.js

@@ -8,15 +8,22 @@ import { client } from '@operato/graphql';
 import gql from 'graphql-tag';
 export var ProjectStatus;
 (function (ProjectStatus) {
-    ProjectStatus["PROCEEDING"] = "10";
-    ProjectStatus["COMPLICATED"] = "20";
+    ProjectStatus["ONGOING"] = "10";
+    ProjectStatus["COMPLETED"] = "20";
 })(ProjectStatus || (ProjectStatus = {}));
-export var InspectionStatus;
-(function (InspectionStatus) {
-    InspectionStatus["REQUEST"] = "REQUEST";
-    InspectionStatus["PASS"] = "PASS";
-    InspectionStatus["FAIL"] = "FAIL";
-})(InspectionStatus || (InspectionStatus = {}));
+export var BuildingInspectionStatus;
+(function (BuildingInspectionStatus) {
+    BuildingInspectionStatus["WAIT"] = "WAIT";
+    BuildingInspectionStatus["REQUEST"] = "REQUEST";
+    BuildingInspectionStatus["PASS"] = "PASS";
+    BuildingInspectionStatus["FAIL"] = "FAIL";
+})(BuildingInspectionStatus || (BuildingInspectionStatus = {}));
+export const BUILDING_INSPECTION_STATUS = {
+    [BuildingInspectionStatus.WAIT]: '검측 대기',
+    [BuildingInspectionStatus.REQUEST]: '검측 요청',
+    [BuildingInspectionStatus.PASS]: '합격',
+    [BuildingInspectionStatus.FAIL]: '불합격'
+};
 let ProjectListPage = class ProjectListPage extends ScopedElementsMixin(PageView) {
     constructor() {
         super(...arguments);
@@ -115,8 +122,8 @@ let ProjectListPage = class ProjectListPage extends ScopedElementsMixin(PageView
         var _a, _b;
         const response = await client.query({
             query: gql `
-        query Projects($projectName: String!) {
-          projects(projectName: $projectName) {
+        query Projects($filters: [Filter!]) {
+          projects(filters: $filters) {
             items {
               id
               name
@@ -142,7 +149,15 @@ let ProjectListPage = class ProjectListPage extends ScopedElementsMixin(PageView
         }
       `,
             variables: {
-                projectName: this.projectName || ''
+                filters: this.projectName
+                    ? [
+                        {
+                            name: 'name',
+                            operator: 'search',
+                            value: `%${this.projectName}%`
+                        }
+                    ]
+                    : []
             }
         });
         this.projectList = ((_a = response.data.projects) === null || _a === void 0 ? void 0 : _a.items) || [];