@dssp/supervision 0.0.10 → 0.0.11

package/client/pages/building-inspection/building-inspection-detail-checklist.ts

@@ -87,7 +87,6 @@ export class BuildingInspectionDetailChecklist extends ScopedElementsMixin(PageV
           <md-elevated-button @click=${this._onClickModifyChecklist}>
             <md-icon slot="icon">assignment</md-icon>등록
           </md-elevated-button>
-          <md-elevated-button> <md-icon slot="icon">assignment</md-icon>취소 </md-elevated-button>
         </div>
       </div>
     `
@@ -116,6 +115,12 @@ export class BuildingInspectionDetailChecklist extends ScopedElementsMixin(PageV
               location
               inspectionParts
               documentNo
+              constructionInspectionDate
+              supervisorInspectionDate
+              overallConstructorSignature
+              taskConstructorSignature
+              overallSupervisorySignature
+              taskSupervisorySignature
               checklistItems {
                 id
                 name
@@ -182,5 +187,41 @@ export class BuildingInspectionDetailChecklist extends ScopedElementsMixin(PageV
 
   private _onClickModifyChecklist() {
     console.log('checklist : ', this.buildingInspection.checklist)
+
+    this.validateChecklist(this.buildingInspection.checklist)
+  }
+
+  private async validateChecklist(checklist: any) {
+    const response = await client.mutate({
+      mutation: gql`
+        mutation UpdateBuildingInspectionChecklist($buildingInspection: UpdateBuildingInspectionSubmitType!) {
+          updateBuildingInspectionChecklist(buildingInspection: $buildingInspection)
+        }
+      `,
+      variables: {
+        buildingInspection: {
+          id: this.buildingInspection.id,
+          checklist: {
+            id: checklist.id,
+            overallConstructorSignature: checklist.overallConstructorSignature,
+            taskConstructorSignature: checklist.taskConstructorSignature,
+            overallSupervisorySignature: checklist.overallSupervisorySignature,
+            taskSupervisorySignature: checklist.taskSupervisorySignature
+          },
+          checklistItem: checklist.checklistItems.map(item => ({
+            id: item.id,
+            constructionConfirmStatus: item.constructionConfirmStatus,
+            supervisoryConfirmStatus: item.supervisoryConfirmStatus
+          }))
+        }
+      }
+    })
+
+    if (!response.errors) {
+      notify({ message: '검측요청서를 등록하였습니다.' })
+      this.initBuildingInspection(this.buildingInspection.id)
+    } else {
+      notify({ message: response.errors?.[0]?.message || '검측 요청서 등록에 실패하였습니다.', level: 'error' })
+    }
   }
 }

package/client/pages/building-inspection/building-inspection-detail-drawing.ts

@@ -60,7 +60,7 @@ export class BuildingInspectionDetailDrawing extends ScopedElementsMixin(PageVie
       <div body>
         <ox-image-marker
           .imageUrl=${this.buildingInspection?.buildingLevel?.mainDrawingImage || '/assets/images/img-drawing-default.png'}
-          .shapes=${JSON.parse(this.buildingInspection?.drawingMarker || [])}
+          .shapes=${JSON.parse(this.buildingInspection?.drawingMarker || null) || []}
           @shapes-changed=${this.onClickMarkerSave}
         ></ox-image-marker>
       </div>
@@ -138,7 +138,7 @@ export class BuildingInspectionDetailDrawing extends ScopedElementsMixin(PageVie
   private async onClickMarkerSave(e) {
     const response = await client.query({
       query: gql`
-        mutation UpdateBuildingInspection($patch: UpdateBuildingInspection!) {
+        mutation UpdateBuildingInspection($patch: UpdateBuildingInspectionDrawingMarker!) {
           updateBuildingInspection(patch: $patch) {
             id
             drawingMarker

package/client/pages/checklist/checklist-view.ts

@@ -1,12 +1,8 @@
 import '@material/web/icon/icon.js'
-import { css, html, LitElement } from 'lit'
-import { customElement, property } from 'lit/decorators.js'
+import { css, html, LitElement, PropertyValues } from 'lit'
+import { customElement, property, query } from 'lit/decorators.js'
 import { ButtonContainerStyles, ScrollbarStyles } from '@operato/styles'
-import {
-  ChecklistTypeMainType,
-  CHECKLIST_MAIN_TYPE_LIST,
-  BuildingInspectionStatus
-} from '../building-inspection/building-inspection-list'
+import { CHECKLIST_MAIN_TYPE_LIST, BuildingInspectionStatus } from '../building-inspection/building-inspection-list'
 import '@operato/input/ox-input-signature.js'
 
 export const enum ChecklistMode {
@@ -169,6 +165,11 @@ class ChecklistView extends LitElement {
   @property({ type: Object }) checklist: any = {}
   @property({ type: String }) status: BuildingInspectionStatus = BuildingInspectionStatus.WAIT
 
+  @query('ox-input-signature[name="overallConstructorSignature"]') private elOverallConstructorSignature
+  @query('ox-input-signature[name="taskConstructorSignature"]') private elTaskConstructorSignature
+  @query('ox-input-signature[name="overallSupervisorySignature"]') private elOverallSupervisorySignature
+  @query('ox-input-signature[name="taskSupervisorySignature"]') private elTaskSupervisorySignature
+
   render() {
     const today = this._getDate(new Date())
     const isConstructorStep = this.status == BuildingInspectionStatus.WAIT || this.status == BuildingInspectionStatus.FAIL
@@ -188,7 +189,9 @@ class ChecklistView extends LitElement {
       return a.sequence - b.sequence
     })
 
-    const processedItems = this.processChecklistItems(this.checklist?.checklistItems || [])
+    const processedItems = this.drawChecklistItems(this.checklist?.checklistItems || [])
+
+    console.log('this.checklist :', this.checklist)
 
     return html`
       <div wrapper>
@@ -252,6 +255,7 @@ class ChecklistView extends LitElement {
                     item-name="constructionConfirmStatus"
                     name=${'radio-construction-' + item.id}
                     value="T"
+                    .checked=${item.constructionConfirmStatus === 'T'}
                     ?disabled=${!isConstructorStep}
                     @change=${this._onChangeConfirmStatus}
                   ></md-radio>
@@ -262,6 +266,7 @@ class ChecklistView extends LitElement {
                     item-name="constructionConfirmStatus"
                     name=${'radio-construction-' + item.id}
                     value="F"
+                    .checked=${item.constructionConfirmStatus === 'F'}
                     ?disabled=${!isConstructorStep}
                     @change=${this._onChangeConfirmStatus}
                   ></md-radio>
@@ -272,6 +277,7 @@ class ChecklistView extends LitElement {
                     item-name="supervisoryConfirmStatus"
                     name=${'radio-supervisory-' + item.id}
                     value="T"
+                    .checked=${item.supervisoryConfirmStatus === 'T'}
                     ?disabled=${!isSupervisoryStep}
                     @change=${this._onChangeConfirmStatus}
                   ></md-radio>
@@ -282,6 +288,7 @@ class ChecklistView extends LitElement {
                     item-name="supervisoryConfirmStatus"
                     name=${'radio-supervisory-' + item.id}
                     value="F"
+                    .checked=${item.supervisoryConfirmStatus === 'F'}
                     ?disabled=${!isSupervisoryStep}
                     @change=${this._onChangeConfirmStatus}
                   ></md-radio>
@@ -298,7 +305,7 @@ class ChecklistView extends LitElement {
             <tr first>
               <th rowspan="2">시공자점검일</th>
               <td rowspan="2">
-                ${this.mode == ChecklistMode.VIEWER ? today : this._getDate(this.checklist.constructionInsprctionDate)}
+                ${this.mode == ChecklistMode.VIEWER ? today : this._getDate(this.checklist.constructionInspectionDate)}
               </td>
               <th>총괄 시공책임자</th>
               <td>
@@ -328,7 +335,7 @@ class ChecklistView extends LitElement {
             <tr>
               <th rowspan="2">감리자점검일</th>
               <td rowspan="2">
-                ${this.mode == ChecklistMode.VIEWER ? today : this._getDate(this.checklist.supervisorInsprctionDate)}
+                ${this.mode == ChecklistMode.VIEWER ? today : this._getDate(this.checklist.supervisorInspectionDate)}
               </td>
               <th>총괄 감리책임자</th>
               <td>
@@ -369,6 +376,19 @@ class ChecklistView extends LitElement {
     `
   }
 
+  updated(_changed: PropertyValues): void {
+    if (_changed.has('checklist')) {
+      if (this.checklist?.overallConstructorSignature)
+        this.elOverallConstructorSignature.loadSignature(this.checklist?.overallConstructorSignature)
+      if (this.checklist?.taskConstructorSignature)
+        this.elTaskConstructorSignature.loadSignature(this.checklist?.taskConstructorSignature)
+      if (this.checklist?.overallSupervisorySignature)
+        this.elOverallSupervisorySignature.loadSignature(this.checklist?.overallSupervisorySignature)
+      if (this.checklist?.taskSupervisorySignature)
+        this.elTaskSupervisorySignature.loadSignature(this.checklist?.taskSupervisorySignature)
+    }
+  }
+
   private _onChangeConfirmStatus(e: Event) {
     const target = e.target as HTMLInputElement
     const itemId = target.getAttribute('item-id')
@@ -389,7 +409,7 @@ class ChecklistView extends LitElement {
   private _getDate(date) {
     if (!date) return ' 년 월 일'
 
-    const _date = date || new Date()
+    const _date = new Date(date) || new Date()
     return _date.toLocaleDateString('ko-KR', {
       timeZone: 'Asia/Seoul',
       year: 'numeric',
@@ -398,7 +418,7 @@ class ChecklistView extends LitElement {
     })
   }
 
-  private processChecklistItems(checklistItems) {
+  private drawChecklistItems(checklistItems) {
     const mainTypeRowspans = {}
     const detailTypeRowspans = {}
     let previousMainType = null

package/dist-client/pages/building-inspection/building-inspection-detail-checklist.d.ts

@@ -17,5 +17,6 @@ export declare class BuildingInspectionDetailChecklist extends BuildingInspectio
     initBuildingInspection(buildingInspectionId?: string): Promise<void>;
     private _getProjectByBuildingComplexId;
     private _onClickModifyChecklist;
+    private validateChecklist;
 }
 export {};

package/dist-client/pages/building-inspection/building-inspection-detail-checklist.js

@@ -7,6 +7,7 @@ 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 { notify } from '@operato/layout';
 import gql from 'graphql-tag';
 import './component/building-inspection-detail-header';
 import '../checklist/checklist-view';
@@ -43,7 +44,6 @@ let BuildingInspectionDetailChecklist = class BuildingInspectionDetailChecklist
           <md-elevated-button @click=${this._onClickModifyChecklist}>
             <md-icon slot="icon">assignment</md-icon>등록
           </md-elevated-button>
-          <md-elevated-button> <md-icon slot="icon">assignment</md-icon>취소 </md-elevated-button>
         </div>
       </div>
     `;
@@ -71,6 +71,12 @@ let BuildingInspectionDetailChecklist = class BuildingInspectionDetailChecklist
               location
               inspectionParts
               documentNo
+              constructionInspectionDate
+              supervisorInspectionDate
+              overallConstructorSignature
+              taskConstructorSignature
+              overallSupervisorySignature
+              taskSupervisorySignature
               checklistItems {
                 id
                 name
@@ -132,6 +138,41 @@ let BuildingInspectionDetailChecklist = class BuildingInspectionDetailChecklist
     }
     _onClickModifyChecklist() {
         console.log('checklist : ', this.buildingInspection.checklist);
+        this.validateChecklist(this.buildingInspection.checklist);
+    }
+    async validateChecklist(checklist) {
+        var _a, _b;
+        const response = await client.mutate({
+            mutation: gql `
+        mutation UpdateBuildingInspectionChecklist($buildingInspection: UpdateBuildingInspectionSubmitType!) {
+          updateBuildingInspectionChecklist(buildingInspection: $buildingInspection)
+        }
+      `,
+            variables: {
+                buildingInspection: {
+                    id: this.buildingInspection.id,
+                    checklist: {
+                        id: checklist.id,
+                        overallConstructorSignature: checklist.overallConstructorSignature,
+                        taskConstructorSignature: checklist.taskConstructorSignature,
+                        overallSupervisorySignature: checklist.overallSupervisorySignature,
+                        taskSupervisorySignature: checklist.taskSupervisorySignature
+                    },
+                    checklistItem: checklist.checklistItems.map(item => ({
+                        id: item.id,
+                        constructionConfirmStatus: item.constructionConfirmStatus,
+                        supervisoryConfirmStatus: item.supervisoryConfirmStatus
+                    }))
+                }
+            }
+        });
+        if (!response.errors) {
+            notify({ message: '검측요청서를 등록하였습니다.' });
+            this.initBuildingInspection(this.buildingInspection.id);
+        }
+        else {
+            notify({ message: ((_b = (_a = response.errors) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.message) || '검측 요청서 등록에 실패하였습니다.', level: 'error' });
+        }
     }
 };
 BuildingInspectionDetailChecklist.styles = [

package/dist-client/pages/building-inspection/building-inspection-detail-checklist.js.map

@@ -1 +1 @@
-{"version":3,"file":"building-inspection-detail-checklist.js","sourceRoot":"","sources":["../../../client/pages/building-inspection/building-inspection-detail-checklist.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@operato/data-grist'\n\nimport { CommonGristStyles, CommonButtonStyles, ScrollbarStyles } from '@operato/styles'\nimport { PageView } from '@operato/shell'\nimport { css, html } from 'lit'\nimport { PageLifecycle } from '@operato/shell/dist/src/app/pages/page-view'\nimport { customElement, query, state } from 'lit/decorators.js'\nimport { ScopedElementsMixin } from '@open-wc/scoped-elements'\nimport { client } from '@operato/graphql'\nimport { notify } from '@operato/layout'\nimport gql from 'graphql-tag'\nimport { openPopup } from '@operato/layout'\n\nimport './component/building-inspection-detail-header'\nimport '../checklist/checklist-view'\nimport { ChecklistMode } from '../checklist/checklist-view'\n\n@customElement('building-inspection-detail-checklist')\nexport class BuildingInspectionDetailChecklist extends ScopedElementsMixin(PageView) {\n  static styles = [\n    ScrollbarStyles,\n    CommonGristStyles,\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      *[bold] {\n        font-weight: bold;\n      }\n\n      div[body] {\n        display: flex;\n        justify-content: center;\n        flex-direction: column;\n        align-items: center;\n\n        div[button-container] {\n          display: flex;\n          justify-content: flex-end;\n          width: 100%;\n          gap: 10px;\n          margin-right: 50px;\n          margin-bottom: 15px;\n        }\n      }\n    `\n  ]\n\n  @state() project: any = {}\n  @state() buildingInspection: any = {}\n\n  get context() {\n    return {\n      title: '검측 관리 상세 - 검측 체크리스트'\n    }\n  }\n\n  render() {\n    return html`\n      <building-inspection-detail-header\n        .buildingInspectionId=${this.buildingInspection?.id}\n        .buildingLevelId=${this.buildingInspection?.buildingLevel?.id}\n        .projectName=${this.project.name}\n        .buildingName=${this.buildingInspection?.buildingLevel?.building?.name}\n        .buildingLevelFloor=${this.buildingInspection?.buildingLevel?.floor}\n      ></building-inspection-detail-header>\n\n      <div body>\n        <checklist-view\n          .mode=${ChecklistMode.EDITOR}\n          status=${this.buildingInspection.status}\n          .checklist=${this.buildingInspection.checklist || {}}\n        ></checklist-view>\n\n        <div button-container>\n          <md-elevated-button @click=${this._onClickModifyChecklist}>\n            <md-icon slot=\"icon\">assignment</md-icon>등록\n          </md-elevated-button>\n          <md-elevated-button> <md-icon slot=\"icon\">assignment</md-icon>취소 </md-elevated-button>\n        </div>\n      </div>\n    `\n  }\n\n  async pageUpdated(changes: any, lifecycle: PageLifecycle) {\n    if (this.active) {\n      const buildingInspectionId = lifecycle.resourceId || ''\n      await this.initBuildingInspection(buildingInspectionId)\n    }\n  }\n\n  async initBuildingInspection(buildingInspectionId: string = '') {\n    const response = await client.query({\n      query: gql`\n        query BuildingInspection($buildingInspectionId: String!) {\n          buildingInspection(id: $buildingInspectionId) {\n            id\n            status\n            requestDate\n            checklist {\n              id\n              name\n              constructionType\n              constructionDetailType\n              location\n              inspectionParts\n              documentNo\n              checklistItems {\n                id\n                name\n                sequence\n                mainType\n                detailType\n                inspctionCriteria\n                constructionConfirmStatus\n                supervisoryConfirmStatus\n                comment\n              }\n            }\n            buildingLevel {\n              id\n              floor\n              mainDrawing {\n                id\n                name\n                fullpath\n              }\n              mainDrawingImage\n              building {\n                id\n                name\n                buildingComplex {\n                  id\n                }\n              }\n            }\n          }\n        }\n      `,\n      variables: {\n        buildingInspectionId\n      }\n    })\n\n    if (response.errors) return\n\n    this.buildingInspection = response.data.buildingInspection\n\n    await this._getProjectByBuildingComplexId(this.buildingInspection?.buildingLevel?.building?.buildingComplex?.id)\n  }\n\n  private async _getProjectByBuildingComplexId(buildingComplexId) {\n    const response = await client.query({\n      query: gql`\n        query ProjectByBuildingComplexId($buildingComplexId: String!) {\n          project: projectByBuildingComplexId(buildingComplexId: $buildingComplexId) {\n            id\n            name\n          }\n        }\n      `,\n      variables: {\n        buildingComplexId\n      }\n    })\n\n    if (response.errors) return\n\n    this.project = response.data.project\n  }\n\n  private _onClickModifyChecklist() {\n    console.log('checklist : ', this.buildingInspection.checklist)\n  }\n}\n"]}
+{"version":3,"file":"building-inspection-detail-checklist.js","sourceRoot":"","sources":["../../../client/pages/building-inspection/building-inspection-detail-checklist.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@operato/data-grist'\n\nimport { CommonGristStyles, CommonButtonStyles, ScrollbarStyles } from '@operato/styles'\nimport { PageView } from '@operato/shell'\nimport { css, html } from 'lit'\nimport { PageLifecycle } from '@operato/shell/dist/src/app/pages/page-view'\nimport { customElement, query, state } from 'lit/decorators.js'\nimport { ScopedElementsMixin } from '@open-wc/scoped-elements'\nimport { client } from '@operato/graphql'\nimport { notify } from '@operato/layout'\nimport gql from 'graphql-tag'\nimport { openPopup } from '@operato/layout'\n\nimport './component/building-inspection-detail-header'\nimport '../checklist/checklist-view'\nimport { ChecklistMode } from '../checklist/checklist-view'\n\n@customElement('building-inspection-detail-checklist')\nexport class BuildingInspectionDetailChecklist extends ScopedElementsMixin(PageView) {\n  static styles = [\n    ScrollbarStyles,\n    CommonGristStyles,\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      *[bold] {\n        font-weight: bold;\n      }\n\n      div[body] {\n        display: flex;\n        justify-content: center;\n        flex-direction: column;\n        align-items: center;\n\n        div[button-container] {\n          display: flex;\n          justify-content: flex-end;\n          width: 100%;\n          gap: 10px;\n          margin-right: 50px;\n          margin-bottom: 15px;\n        }\n      }\n    `\n  ]\n\n  @state() project: any = {}\n  @state() buildingInspection: any = {}\n\n  get context() {\n    return {\n      title: '검측 관리 상세 - 검측 체크리스트'\n    }\n  }\n\n  render() {\n    return html`\n      <building-inspection-detail-header\n        .buildingInspectionId=${this.buildingInspection?.id}\n        .buildingLevelId=${this.buildingInspection?.buildingLevel?.id}\n        .projectName=${this.project.name}\n        .buildingName=${this.buildingInspection?.buildingLevel?.building?.name}\n        .buildingLevelFloor=${this.buildingInspection?.buildingLevel?.floor}\n      ></building-inspection-detail-header>\n\n      <div body>\n        <checklist-view\n          .mode=${ChecklistMode.EDITOR}\n          status=${this.buildingInspection.status}\n          .checklist=${this.buildingInspection.checklist || {}}\n        ></checklist-view>\n\n        <div button-container>\n          <md-elevated-button @click=${this._onClickModifyChecklist}>\n            <md-icon slot=\"icon\">assignment</md-icon>등록\n          </md-elevated-button>\n        </div>\n      </div>\n    `\n  }\n\n  async pageUpdated(changes: any, lifecycle: PageLifecycle) {\n    if (this.active) {\n      const buildingInspectionId = lifecycle.resourceId || ''\n      await this.initBuildingInspection(buildingInspectionId)\n    }\n  }\n\n  async initBuildingInspection(buildingInspectionId: string = '') {\n    const response = await client.query({\n      query: gql`\n        query BuildingInspection($buildingInspectionId: String!) {\n          buildingInspection(id: $buildingInspectionId) {\n            id\n            status\n            requestDate\n            checklist {\n              id\n              name\n              constructionType\n              constructionDetailType\n              location\n              inspectionParts\n              documentNo\n              constructionInspectionDate\n              supervisorInspectionDate\n              overallConstructorSignature\n              taskConstructorSignature\n              overallSupervisorySignature\n              taskSupervisorySignature\n              checklistItems {\n                id\n                name\n                sequence\n                mainType\n                detailType\n                inspctionCriteria\n                constructionConfirmStatus\n                supervisoryConfirmStatus\n                comment\n              }\n            }\n            buildingLevel {\n              id\n              floor\n              mainDrawing {\n                id\n                name\n                fullpath\n              }\n              mainDrawingImage\n              building {\n                id\n                name\n                buildingComplex {\n                  id\n                }\n              }\n            }\n          }\n        }\n      `,\n      variables: {\n        buildingInspectionId\n      }\n    })\n\n    if (response.errors) return\n\n    this.buildingInspection = response.data.buildingInspection\n\n    await this._getProjectByBuildingComplexId(this.buildingInspection?.buildingLevel?.building?.buildingComplex?.id)\n  }\n\n  private async _getProjectByBuildingComplexId(buildingComplexId) {\n    const response = await client.query({\n      query: gql`\n        query ProjectByBuildingComplexId($buildingComplexId: String!) {\n          project: projectByBuildingComplexId(buildingComplexId: $buildingComplexId) {\n            id\n            name\n          }\n        }\n      `,\n      variables: {\n        buildingComplexId\n      }\n    })\n\n    if (response.errors) return\n\n    this.project = response.data.project\n  }\n\n  private _onClickModifyChecklist() {\n    console.log('checklist : ', this.buildingInspection.checklist)\n\n    this.validateChecklist(this.buildingInspection.checklist)\n  }\n\n  private async validateChecklist(checklist: any) {\n    const response = await client.mutate({\n      mutation: gql`\n        mutation UpdateBuildingInspectionChecklist($buildingInspection: UpdateBuildingInspectionSubmitType!) {\n          updateBuildingInspectionChecklist(buildingInspection: $buildingInspection)\n        }\n      `,\n      variables: {\n        buildingInspection: {\n          id: this.buildingInspection.id,\n          checklist: {\n            id: checklist.id,\n            overallConstructorSignature: checklist.overallConstructorSignature,\n            taskConstructorSignature: checklist.taskConstructorSignature,\n            overallSupervisorySignature: checklist.overallSupervisorySignature,\n            taskSupervisorySignature: checklist.taskSupervisorySignature\n          },\n          checklistItem: checklist.checklistItems.map(item => ({\n            id: item.id,\n            constructionConfirmStatus: item.constructionConfirmStatus,\n            supervisoryConfirmStatus: item.supervisoryConfirmStatus\n          }))\n        }\n      }\n    })\n\n    if (!response.errors) {\n      notify({ message: '검측요청서를 등록하였습니다.' })\n      this.initBuildingInspection(this.buildingInspection.id)\n    } else {\n      notify({ message: response.errors?.[0]?.message || '검측 요청서 등록에 실패하였습니다.', level: 'error' })\n    }\n  }\n}\n"]}

package/dist-client/pages/building-inspection/building-inspection-detail-drawing.js

@@ -36,7 +36,7 @@ let BuildingInspectionDetailDrawing = class BuildingInspectionDetailDrawing exte
       <div body>
         <ox-image-marker
           .imageUrl=${((_k = (_j = this.buildingInspection) === null || _j === void 0 ? void 0 : _j.buildingLevel) === null || _k === void 0 ? void 0 : _k.mainDrawingImage) || '/assets/images/img-drawing-default.png'}
-          .shapes=${JSON.parse(((_l = this.buildingInspection) === null || _l === void 0 ? void 0 : _l.drawingMarker) || [])}
+          .shapes=${JSON.parse(((_l = this.buildingInspection) === null || _l === void 0 ? void 0 : _l.drawingMarker) || null) || []}
           @shapes-changed=${this.onClickMarkerSave}
         ></ox-image-marker>
       </div>
@@ -108,7 +108,7 @@ let BuildingInspectionDetailDrawing = class BuildingInspectionDetailDrawing exte
     async onClickMarkerSave(e) {
         const response = await client.query({
             query: gql `
-        mutation UpdateBuildingInspection($patch: UpdateBuildingInspection!) {
+        mutation UpdateBuildingInspection($patch: UpdateBuildingInspectionDrawingMarker!) {
           updateBuildingInspection(patch: $patch) {
             id
             drawingMarker

package/dist-client/pages/building-inspection/building-inspection-detail-drawing.js.map

@@ -1 +1 @@
-{"version":3,"file":"building-inspection-detail-drawing.js","sourceRoot":"","sources":["../../../client/pages/building-inspection/building-inspection-detail-drawing.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport { CommonGristStyles, ScrollbarStyles } from '@operato/styles'\nimport { PageView } from '@operato/shell'\nimport { css, html } from 'lit'\nimport { PageLifecycle } from '@operato/shell/dist/src/app/pages/page-view'\nimport { customElement, query, state } from 'lit/decorators.js'\nimport { ScopedElementsMixin } from '@open-wc/scoped-elements'\nimport { client } from '@operato/graphql'\nimport { notify } from '@operato/layout'\nimport gql from 'graphql-tag'\nimport './component/building-inspection-detail-header'\nimport '@operato/image-marker/ox-image-marker.js'\n\n@customElement('building-inspection-detail-drawing')\nexport class BuildingInspectionDetailDrawing extends ScopedElementsMixin(PageView) {\n  static styles = [\n    ScrollbarStyles,\n    CommonGristStyles,\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      div[body] {\n        display: flex;\n        justify-content: center;\n      }\n    `\n  ]\n\n  @state() project: any = {}\n  @state() buildingInspection: any = {}\n  @state() buildingInspectionId: string = ''\n\n  get context() {\n    return {\n      title: '검측 관리 상세 - 검측 도면'\n    }\n  }\n\n  render() {\n    return html`\n      <building-inspection-detail-header\n        .buildingInspectionId=${this.buildingInspection?.id}\n        .buildingLevelId=${this.buildingInspection?.buildingLevel?.id}\n        .projectName=${this.project.name}\n        .buildingName=${this.buildingInspection?.buildingLevel?.building?.name}\n        .buildingLevelFloor=${this.buildingInspection?.buildingLevel?.floor}\n      ></building-inspection-detail-header>\n\n      <div body>\n        <ox-image-marker\n          .imageUrl=${this.buildingInspection?.buildingLevel?.mainDrawingImage || '/assets/images/img-drawing-default.png'}\n          .shapes=${JSON.parse(this.buildingInspection?.drawingMarker || [])}\n          @shapes-changed=${this.onClickMarkerSave}\n        ></ox-image-marker>\n      </div>\n    `\n  }\n\n  async pageUpdated(changes: any, lifecycle: PageLifecycle) {\n    if (this.active) {\n      this.buildingInspectionId = lifecycle.resourceId || ''\n      await this.initBuildingInspection(this.buildingInspectionId)\n    }\n  }\n\n  async initBuildingInspection(buildingInspectionId: string = '') {\n    const response = await client.query({\n      query: gql`\n        query BuildingInspection($buildingInspectionId: String!) {\n          buildingInspection(id: $buildingInspectionId) {\n            id\n            status\n            requestDate\n            drawingMarker\n            buildingLevel {\n              id\n              floor\n              mainDrawing {\n                id\n                name\n                fullpath\n              }\n              mainDrawingImage\n              building {\n                id\n                name\n                buildingComplex {\n                  id\n                }\n              }\n            }\n          }\n        }\n      `,\n      variables: {\n        buildingInspectionId\n      }\n    })\n\n    if (response.errors) return\n\n    this.buildingInspection = response.data.buildingInspection\n\n    await this._getProjectByBuildingComplexId(this.buildingInspection?.buildingLevel?.building?.buildingComplex?.id)\n  }\n\n  private async _getProjectByBuildingComplexId(buildingComplexId) {\n    const response = await client.query({\n      query: gql`\n        query ProjectByBuildingComplexId($buildingComplexId: String!) {\n          project: projectByBuildingComplexId(buildingComplexId: $buildingComplexId) {\n            id\n            name\n          }\n        }\n      `,\n      variables: {\n        buildingComplexId\n      }\n    })\n\n    if (response.errors) return\n\n    this.project = response.data.project\n  }\n\n  private async onClickMarkerSave(e) {\n    const response = await client.query({\n      query: gql`\n        mutation UpdateBuildingInspection($patch: UpdateBuildingInspection!) {\n          updateBuildingInspection(patch: $patch) {\n            id\n            drawingMarker\n          }\n        }\n      `,\n      variables: {\n        patch: {\n          id: this.buildingInspectionId,\n          drawingMarker: JSON.stringify(e.detail)\n        }\n      }\n    })\n\n    if (response.errors) return\n\n    notify({ message: '저장되었습니다.' })\n  }\n}\n"]}
+{"version":3,"file":"building-inspection-detail-drawing.js","sourceRoot":"","sources":["../../../client/pages/building-inspection/building-inspection-detail-drawing.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport { CommonGristStyles, ScrollbarStyles } from '@operato/styles'\nimport { PageView } from '@operato/shell'\nimport { css, html } from 'lit'\nimport { PageLifecycle } from '@operato/shell/dist/src/app/pages/page-view'\nimport { customElement, query, state } from 'lit/decorators.js'\nimport { ScopedElementsMixin } from '@open-wc/scoped-elements'\nimport { client } from '@operato/graphql'\nimport { notify } from '@operato/layout'\nimport gql from 'graphql-tag'\nimport './component/building-inspection-detail-header'\nimport '@operato/image-marker/ox-image-marker.js'\n\n@customElement('building-inspection-detail-drawing')\nexport class BuildingInspectionDetailDrawing extends ScopedElementsMixin(PageView) {\n  static styles = [\n    ScrollbarStyles,\n    CommonGristStyles,\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      div[body] {\n        display: flex;\n        justify-content: center;\n      }\n    `\n  ]\n\n  @state() project: any = {}\n  @state() buildingInspection: any = {}\n  @state() buildingInspectionId: string = ''\n\n  get context() {\n    return {\n      title: '검측 관리 상세 - 검측 도면'\n    }\n  }\n\n  render() {\n    return html`\n      <building-inspection-detail-header\n        .buildingInspectionId=${this.buildingInspection?.id}\n        .buildingLevelId=${this.buildingInspection?.buildingLevel?.id}\n        .projectName=${this.project.name}\n        .buildingName=${this.buildingInspection?.buildingLevel?.building?.name}\n        .buildingLevelFloor=${this.buildingInspection?.buildingLevel?.floor}\n      ></building-inspection-detail-header>\n\n      <div body>\n        <ox-image-marker\n          .imageUrl=${this.buildingInspection?.buildingLevel?.mainDrawingImage || '/assets/images/img-drawing-default.png'}\n          .shapes=${JSON.parse(this.buildingInspection?.drawingMarker || null) || []}\n          @shapes-changed=${this.onClickMarkerSave}\n        ></ox-image-marker>\n      </div>\n    `\n  }\n\n  async pageUpdated(changes: any, lifecycle: PageLifecycle) {\n    if (this.active) {\n      this.buildingInspectionId = lifecycle.resourceId || ''\n      await this.initBuildingInspection(this.buildingInspectionId)\n    }\n  }\n\n  async initBuildingInspection(buildingInspectionId: string = '') {\n    const response = await client.query({\n      query: gql`\n        query BuildingInspection($buildingInspectionId: String!) {\n          buildingInspection(id: $buildingInspectionId) {\n            id\n            status\n            requestDate\n            drawingMarker\n            buildingLevel {\n              id\n              floor\n              mainDrawing {\n                id\n                name\n                fullpath\n              }\n              mainDrawingImage\n              building {\n                id\n                name\n                buildingComplex {\n                  id\n                }\n              }\n            }\n          }\n        }\n      `,\n      variables: {\n        buildingInspectionId\n      }\n    })\n\n    if (response.errors) return\n\n    this.buildingInspection = response.data.buildingInspection\n\n    await this._getProjectByBuildingComplexId(this.buildingInspection?.buildingLevel?.building?.buildingComplex?.id)\n  }\n\n  private async _getProjectByBuildingComplexId(buildingComplexId) {\n    const response = await client.query({\n      query: gql`\n        query ProjectByBuildingComplexId($buildingComplexId: String!) {\n          project: projectByBuildingComplexId(buildingComplexId: $buildingComplexId) {\n            id\n            name\n          }\n        }\n      `,\n      variables: {\n        buildingComplexId\n      }\n    })\n\n    if (response.errors) return\n\n    this.project = response.data.project\n  }\n\n  private async onClickMarkerSave(e) {\n    const response = await client.query({\n      query: gql`\n        mutation UpdateBuildingInspection($patch: UpdateBuildingInspectionDrawingMarker!) {\n          updateBuildingInspection(patch: $patch) {\n            id\n            drawingMarker\n          }\n        }\n      `,\n      variables: {\n        patch: {\n          id: this.buildingInspectionId,\n          drawingMarker: JSON.stringify(e.detail)\n        }\n      }\n    })\n\n    if (response.errors) return\n\n    notify({ message: '저장되었습니다.' })\n  }\n}\n"]}

package/dist-client/pages/checklist/checklist-view.js

@@ -1,7 +1,7 @@
 import { __decorate, __metadata } from "tslib";
 import '@material/web/icon/icon.js';
 import { css, html, LitElement } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
+import { customElement, property, query } from 'lit/decorators.js';
 import { ButtonContainerStyles, ScrollbarStyles } from '@operato/styles';
 import { CHECKLIST_MAIN_TYPE_LIST, BuildingInspectionStatus } from '../building-inspection/building-inspection-list';
 import '@operato/input/ox-input-signature.js';
@@ -32,7 +32,8 @@ let ChecklistView = class ChecklistView extends LitElement {
             // 3순위: sequence 오름차순
             return a.sequence - b.sequence;
         });
-        const processedItems = this.processChecklistItems(((_c = this.checklist) === null || _c === void 0 ? void 0 : _c.checklistItems) || []);
+        const processedItems = this.drawChecklistItems(((_c = this.checklist) === null || _c === void 0 ? void 0 : _c.checklistItems) || []);
+        console.log('this.checklist :', this.checklist);
         return html `
       <div wrapper>
         <div name>${this.checklist.name}</div>
@@ -95,6 +96,7 @@ let ChecklistView = class ChecklistView extends LitElement {
                     item-name="constructionConfirmStatus"
                     name=${'radio-construction-' + item.id}
                     value="T"
+                    .checked=${item.constructionConfirmStatus === 'T'}
                     ?disabled=${!isConstructorStep}
                     @change=${this._onChangeConfirmStatus}
                   ></md-radio>
@@ -105,6 +107,7 @@ let ChecklistView = class ChecklistView extends LitElement {
                     item-name="constructionConfirmStatus"
                     name=${'radio-construction-' + item.id}
                     value="F"
+                    .checked=${item.constructionConfirmStatus === 'F'}
                     ?disabled=${!isConstructorStep}
                     @change=${this._onChangeConfirmStatus}
                   ></md-radio>
@@ -115,6 +118,7 @@ let ChecklistView = class ChecklistView extends LitElement {
                     item-name="supervisoryConfirmStatus"
                     name=${'radio-supervisory-' + item.id}
                     value="T"
+                    .checked=${item.supervisoryConfirmStatus === 'T'}
                     ?disabled=${!isSupervisoryStep}
                     @change=${this._onChangeConfirmStatus}
                   ></md-radio>
@@ -125,6 +129,7 @@ let ChecklistView = class ChecklistView extends LitElement {
                     item-name="supervisoryConfirmStatus"
                     name=${'radio-supervisory-' + item.id}
                     value="F"
+                    .checked=${item.supervisoryConfirmStatus === 'F'}
                     ?disabled=${!isSupervisoryStep}
                     @change=${this._onChangeConfirmStatus}
                   ></md-radio>
@@ -141,7 +146,7 @@ let ChecklistView = class ChecklistView extends LitElement {
             <tr first>
               <th rowspan="2">시공자점검일</th>
               <td rowspan="2">
-                ${this.mode == "VIEWER" /* ChecklistMode.VIEWER */ ? today : this._getDate(this.checklist.constructionInsprctionDate)}
+                ${this.mode == "VIEWER" /* ChecklistMode.VIEWER */ ? today : this._getDate(this.checklist.constructionInspectionDate)}
               </td>
               <th>총괄 시공책임자</th>
               <td>
@@ -171,7 +176,7 @@ let ChecklistView = class ChecklistView extends LitElement {
             <tr>
               <th rowspan="2">감리자점검일</th>
               <td rowspan="2">
-                ${this.mode == "VIEWER" /* ChecklistMode.VIEWER */ ? today : this._getDate(this.checklist.supervisorInsprctionDate)}
+                ${this.mode == "VIEWER" /* ChecklistMode.VIEWER */ ? today : this._getDate(this.checklist.supervisorInspectionDate)}
               </td>
               <th>총괄 감리책임자</th>
               <td>
@@ -211,6 +216,19 @@ let ChecklistView = class ChecklistView extends LitElement {
       </div>
     `;
     }
+    updated(_changed) {
+        var _a, _b, _c, _d, _e, _f, _g, _h;
+        if (_changed.has('checklist')) {
+            if ((_a = this.checklist) === null || _a === void 0 ? void 0 : _a.overallConstructorSignature)
+                this.elOverallConstructorSignature.loadSignature((_b = this.checklist) === null || _b === void 0 ? void 0 : _b.overallConstructorSignature);
+            if ((_c = this.checklist) === null || _c === void 0 ? void 0 : _c.taskConstructorSignature)
+                this.elTaskConstructorSignature.loadSignature((_d = this.checklist) === null || _d === void 0 ? void 0 : _d.taskConstructorSignature);
+            if ((_e = this.checklist) === null || _e === void 0 ? void 0 : _e.overallSupervisorySignature)
+                this.elOverallSupervisorySignature.loadSignature((_f = this.checklist) === null || _f === void 0 ? void 0 : _f.overallSupervisorySignature);
+            if ((_g = this.checklist) === null || _g === void 0 ? void 0 : _g.taskSupervisorySignature)
+                this.elTaskSupervisorySignature.loadSignature((_h = this.checklist) === null || _h === void 0 ? void 0 : _h.taskSupervisorySignature);
+        }
+    }
     _onChangeConfirmStatus(e) {
         var _a, _b;
         const target = e.target;
@@ -226,7 +244,7 @@ let ChecklistView = class ChecklistView extends LitElement {
     _getDate(date) {
         if (!date)
             return ' 년 월 일';
-        const _date = date || new Date();
+        const _date = new Date(date) || new Date();
         return _date.toLocaleDateString('ko-KR', {
             timeZone: 'Asia/Seoul',
             year: 'numeric',
@@ -234,7 +252,7 @@ let ChecklistView = class ChecklistView extends LitElement {
             day: 'numeric'
         });
     }
-    processChecklistItems(checklistItems) {
+    drawChecklistItems(checklistItems) {
         const mainTypeRowspans = {};
         const detailTypeRowspans = {};
         let previousMainType = null;
@@ -428,6 +446,22 @@ __decorate([
     property({ type: String }),
     __metadata("design:type", String)
 ], ChecklistView.prototype, "status", void 0);
+__decorate([
+    query('ox-input-signature[name="overallConstructorSignature"]'),
+    __metadata("design:type", Object)
+], ChecklistView.prototype, "elOverallConstructorSignature", void 0);
+__decorate([
+    query('ox-input-signature[name="taskConstructorSignature"]'),
+    __metadata("design:type", Object)
+], ChecklistView.prototype, "elTaskConstructorSignature", void 0);
+__decorate([
+    query('ox-input-signature[name="overallSupervisorySignature"]'),
+    __metadata("design:type", Object)
+], ChecklistView.prototype, "elOverallSupervisorySignature", void 0);
+__decorate([
+    query('ox-input-signature[name="taskSupervisorySignature"]'),
+    __metadata("design:type", Object)
+], ChecklistView.prototype, "elTaskSupervisorySignature", void 0);
 ChecklistView = __decorate([
     customElement('checklist-view')
 ], ChecklistView);

package/dist-client/pages/checklist/checklist-view.js.map

@@ -1 +1 @@
-{"version":3,"file":"checklist-view.js","sourceRoot":"","sources":["../../../client/pages/checklist/checklist-view.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { ButtonContainerStyles, ScrollbarStyles } from '@operato/styles'\nimport {\n  ChecklistTypeMainType,\n  CHECKLIST_MAIN_TYPE_LIST,\n  BuildingInspectionStatus\n} from '../building-inspection/building-inspection-list'\nimport '@operato/input/ox-input-signature.js'\n\nexport const enum ChecklistMode {\n  VIEWER = 'VIEWER',\n  EDITOR = 'EDITOR'\n}\n\n@customElement('checklist-view')\nclass ChecklistView extends LitElement {\n  static styles = [\n    ButtonContainerStyles,\n    ScrollbarStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n        font-size: 14px;\n        padding: 20px;\n        min-width: 800px;\n\n        background-color: var(--md-sys-color-surface);\n      }\n\n      [bold] {\n        font-weight: bold;\n      }\n\n      div[name] {\n        display: flex;\n        color: #586878;\n        font-size: 24px;\n        font-weight: bold;\n        align-items: center;\n        justify-content: center;\n      }\n\n      table {\n        width: 100%;\n        font-size: 15px;\n        color: #586878;\n        text-align: left;\n        border-collapse: collapse;\n        td,\n        th {\n          border: 1px #999999 solid;\n          padding-inline: 8px;\n        }\n        th {\n          background-color: #efefef;\n          font-weight: bold;\n        }\n        td {\n          height: 35px;\n          &[radio] {\n            text-align: center;\n            vertical-align: middle;\n            width: 55px;\n          }\n          &[attachment] {\n            width: 90px;\n          }\n        }\n      }\n\n      table[header] {\n        margin-top: 5px;\n\n        td {\n          min-width: 180px;\n          border-left: none;\n        }\n        th {\n          width: 110px;\n          border-right: none;\n        }\n      }\n\n      table[body] {\n        border: 2px solid #999999;\n        border-bottom: none;\n        margin-top: 10px;\n\n        th {\n          text-align: center;\n\n          &[type] {\n            min-width: 150px;\n          }\n          &[inspection-name] {\n            min-width: 250px;\n          }\n          &[result] {\n            width: 270px;\n          }\n          &[criteria] {\n            width: 90px;\n          }\n          &[small] {\n            width: 60px;\n          }\n        }\n        td {\n          &[main-type] {\n            width: 50px;\n            text-align: center;\n            word-break: keep-all;\n          }\n        }\n      }\n\n      table[tail] {\n        border: 2px solid #999999;\n        border-top: none;\n        margin-top: -1px;\n\n        tr[first] td {\n          border-top: none;\n        }\n        td {\n          width: 25%;\n          border-left: none;\n          text-align: center;\n          position: relative;\n        }\n        th {\n          width: 25%;\n          border-right: none;\n        }\n\n        span[sign-text] {\n          position: absolute;\n          top: 50%;\n          left: 50%;\n          transform: translate(-50%, -50%);\n          pointer-events: none;\n        }\n        ox-input-signature {\n          margin: 10px;\n\n          &[disabled] {\n            background: #eee;\n          }\n        }\n      }\n\n      div[footer] {\n        display: flex;\n        flex-direction: column;\n        gap: 3px;\n        font-size: 12px;\n        margin-top: 10px;\n        color: #586878;\n        text-indent: -9px;\n        padding-left: 9px;\n      }\n    `\n  ]\n\n  @property({ type: String }) mode: ChecklistMode = ChecklistMode.VIEWER\n  @property({ type: Object }) checklist: any = {}\n  @property({ type: String }) status: BuildingInspectionStatus = BuildingInspectionStatus.WAIT\n\n  render() {\n    const today = this._getDate(new Date())\n    const isConstructorStep = this.status == BuildingInspectionStatus.WAIT || this.status == BuildingInspectionStatus.FAIL\n    const isSupervisoryStep = this.status == BuildingInspectionStatus.REQUEST\n\n    // 체크리스트 아이템 정렬\n    this.checklist?.checklistItems?.sort((a, b) => {\n      // 1순위: mainType 오름차순\n      if (a.mainType < b.mainType) return -1\n      if (a.mainType > b.mainType) return 1\n\n      // 2순위: detailType 오름차순\n      if (a.detailType < b.detailType) return -1\n      if (a.detailType > b.detailType) return 1\n\n      // 3순위: sequence 오름차순\n      return a.sequence - b.sequence\n    })\n\n    const processedItems = this.processChecklistItems(this.checklist?.checklistItems || [])\n\n    return html`\n      <div wrapper>\n        <div name>${this.checklist.name}</div>\n\n        <table header>\n          <tr>\n            <th>공종</th>\n            <td>${this.checklist.constructionType}</td>\n            <th>문서 번호</th>\n            <td>${this.checklist.documentNo}</td>\n          </tr>\n          <tr>\n            <th>세부 공종</th>\n            <td>${this.checklist.constructionDetailType}</td>\n            <th>위치 및 부위</th>\n            <td>${this.checklist.location}</td>\n          </tr>\n          <tr>\n            <th>검측 부위</th>\n            <td>${this.checklist?.inspectionParts?.join(', ') || ''}</td>\n            <th></th>\n            <td></td>\n          </tr>\n        </table>\n\n        <table body>\n          <thead>\n            <tr>\n              <th colspan=\"2\" rowspan=\"3\" type>구분</th>\n              <th rowspan=\"3\" inspection-name>검사항목</th>\n              <th rowspan=\"3\" criteria>검사기준</th>\n              <th colspan=\"4\" result>검사결과</th>\n              <th rowspan=\"3\" small>첨부자료</th>\n              <th rowspan=\"3\" small>조치사항</th>\n            </tr>\n            <tr>\n              <th colspan=\"2\">시공자</th>\n              <th colspan=\"2\">감리자</th>\n            </tr>\n            <tr>\n              <th>적합</th>\n              <th>부적합</th>\n              <th>적합</th>\n              <th>부적합</th>\n            </tr>\n          </thead>\n          <tbody>\n            ${processedItems.map(({ item, showMainTypeCell, mainTypeRowspan, showDetailTypeCell, detailTypeRowspan }, idx) => {\n              return html` <tr>\n                ${showMainTypeCell\n                  ? html`<td main-type bold rowspan=\"${mainTypeRowspan}\">${CHECKLIST_MAIN_TYPE_LIST[item.mainType]}</td>`\n                  : ''}\n                ${showDetailTypeCell ? html` <td bold rowspan=\"${detailTypeRowspan}\">${item.detailType}</td> ` : ''}\n\n                <td bold>${idx + 1}. ${item.name}</td>\n                <td>${item.inspctionCriteria}</td>\n                <td radio>\n                  <md-radio\n                    item-id=${item.id}\n                    item-name=\"constructionConfirmStatus\"\n                    name=${'radio-construction-' + item.id}\n                    value=\"T\"\n                    ?disabled=${!isConstructorStep}\n                    @change=${this._onChangeConfirmStatus}\n                  ></md-radio>\n                </td>\n                <td radio>\n                  <md-radio\n                    item-id=${item.id}\n                    item-name=\"constructionConfirmStatus\"\n                    name=${'radio-construction-' + item.id}\n                    value=\"F\"\n                    ?disabled=${!isConstructorStep}\n                    @change=${this._onChangeConfirmStatus}\n                  ></md-radio>\n                </td>\n                <td radio>\n                  <md-radio\n                    item-id=${item.id}\n                    item-name=\"supervisoryConfirmStatus\"\n                    name=${'radio-supervisory-' + item.id}\n                    value=\"T\"\n                    ?disabled=${!isSupervisoryStep}\n                    @change=${this._onChangeConfirmStatus}\n                  ></md-radio>\n                </td>\n                <td radio>\n                  <md-radio\n                    item-id=${item.id}\n                    item-name=\"supervisoryConfirmStatus\"\n                    name=${'radio-supervisory-' + item.id}\n                    value=\"F\"\n                    ?disabled=${!isSupervisoryStep}\n                    @change=${this._onChangeConfirmStatus}\n                  ></md-radio>\n                </td>\n                <td attachment></td>\n                <td></td>\n              </tr>`\n            })}\n          </tbody>\n        </table>\n\n        <table tail>\n          <tbody>\n            <tr first>\n              <th rowspan=\"2\">시공자점검일</th>\n              <td rowspan=\"2\">\n                ${this.mode == ChecklistMode.VIEWER ? today : this._getDate(this.checklist.constructionInsprctionDate)}\n              </td>\n              <th>총괄 시공책임자</th>\n              <td>\n                <span sign-text>(인)</span>\n                <ox-input-signature\n                  .value=${this.checklist.overallConstructorSignature || ''}\n                  name=\"overallConstructorSignature\"\n                  @change=${this._onChangeSignature}\n                  ?disabled=${!isConstructorStep}\n                >\n                </ox-input-signature>\n              </td>\n            </tr>\n            <tr>\n              <th>공종별 시공관리자</th>\n              <td>\n                <span sign-text>(인)</span>\n                <ox-input-signature\n                  .value=${this.checklist.taskConstructorSignature || ''}\n                  name=\"taskConstructorSignature\"\n                  @change=${this._onChangeSignature}\n                  ?disabled=${!isConstructorStep}\n                >\n                </ox-input-signature>\n              </td>\n            </tr>\n            <tr>\n              <th rowspan=\"2\">감리자점검일</th>\n              <td rowspan=\"2\">\n                ${this.mode == ChecklistMode.VIEWER ? today : this._getDate(this.checklist.supervisorInsprctionDate)}\n              </td>\n              <th>총괄 감리책임자</th>\n              <td>\n                <span sign-text>(인)</span>\n                <ox-input-signature\n                  .value=${this.checklist.overallSupervisorySignature || ''}\n                  name=\"overallSupervisorySignature\"\n                  @change=${this._onChangeSignature}\n                  ?disabled=${!isSupervisoryStep}\n                >\n                </ox-input-signature>\n              </td>\n            </tr>\n            <tr>\n              <th>공종별 감리 책임자</th>\n              <td>\n                <span sign-text>(인)</span>\n                <ox-input-signature\n                  .value=${this.checklist.taskSupervisorySignature || ''}\n                  name=\"taskSupervisorySignature\"\n                  @change=${this._onChangeSignature}\n                  ?disabled=${!isSupervisoryStep}\n                >\n                </ox-input-signature>\n              </td>\n            </tr>\n          </tbody>\n        </table>\n\n        <div footer>\n          <div>\n            - 검사결과는 1차, 2차로 구분 재검측시 2차에 기록하고 검사기준도 검사결과와 비교될 수 있도록 시방서 또는 도면 등에 있는\n            수치를 작성하며, 수치가 없는 검사항목은 시방서 또는 설계도서에 있는 내용과 검사한 내용으로 작성함\n          </div>\n          <div>- 검사항목 및 검사기준은 각 공종별로 감리원과 협의하여 작성할 것</div>\n        </div>\n      </div>\n    `\n  }\n\n  private _onChangeConfirmStatus(e: Event) {\n    const target = e.target as HTMLInputElement\n    const itemId = target.getAttribute('item-id')\n    const name = target.getAttribute('item-name') || ''\n    const value = target.value\n\n    this.checklist.checklistItems = this.checklist?.checklistItems?.map(item =>\n      item.id == itemId ? { ...item, [name]: value } : item\n    )\n  }\n\n  private _onChangeSignature(e: Event) {\n    const target = e.target as HTMLInputElement\n\n    this.checklist[target.name] = target.value\n  }\n\n  private _getDate(date) {\n    if (!date) return ' 년 월 일'\n\n    const _date = date || new Date()\n    return _date.toLocaleDateString('ko-KR', {\n      timeZone: 'Asia/Seoul',\n      year: 'numeric',\n      month: 'long',\n      day: 'numeric'\n    })\n  }\n\n  private processChecklistItems(checklistItems) {\n    const mainTypeRowspans = {}\n    const detailTypeRowspans = {}\n    let previousMainType = null\n    let previousDetailType = null\n\n    return checklistItems.map((item, index) => {\n      const mainType = item.mainType\n      const detailType = item.detailType\n\n      // mainType이 변경되면 rowspan을 계산\n      if (mainType !== previousMainType) {\n        mainTypeRowspans[mainType] = checklistItems.filter(i => i.mainType === mainType).length\n        previousDetailType = null // detailType 초기화\n      }\n\n      // detailType이 변경되면 rowspan을 계산\n      if (detailType !== previousDetailType) {\n        detailTypeRowspans[`${mainType}-${detailType}`] = checklistItems.filter(\n          i => i.mainType === mainType && i.detailType === detailType\n        ).length\n      }\n\n      const showMainTypeCell = mainType !== previousMainType\n      const showDetailTypeCell = detailType !== previousDetailType\n\n      const mainTypeRowspan = mainTypeRowspans[mainType]\n      const detailTypeRowspan = detailTypeRowspans[`${mainType}-${detailType}`]\n\n      // 이전 값을 업데이트\n      previousMainType = mainType\n      previousDetailType = detailType\n\n      return {\n        item,\n        showMainTypeCell,\n        mainTypeRowspan,\n        showDetailTypeCell,\n        detailTypeRowspan\n      }\n    })\n  }\n}\n"]}
+{"version":3,"file":"checklist-view.js","sourceRoot":"","sources":["../../../client/pages/checklist/checklist-view.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport { css, html, LitElement, PropertyValues } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\nimport { ButtonContainerStyles, ScrollbarStyles } from '@operato/styles'\nimport { CHECKLIST_MAIN_TYPE_LIST, BuildingInspectionStatus } from '../building-inspection/building-inspection-list'\nimport '@operato/input/ox-input-signature.js'\n\nexport const enum ChecklistMode {\n  VIEWER = 'VIEWER',\n  EDITOR = 'EDITOR'\n}\n\n@customElement('checklist-view')\nclass ChecklistView extends LitElement {\n  static styles = [\n    ButtonContainerStyles,\n    ScrollbarStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n        font-size: 14px;\n        padding: 20px;\n        min-width: 800px;\n\n        background-color: var(--md-sys-color-surface);\n      }\n\n      [bold] {\n        font-weight: bold;\n      }\n\n      div[name] {\n        display: flex;\n        color: #586878;\n        font-size: 24px;\n        font-weight: bold;\n        align-items: center;\n        justify-content: center;\n      }\n\n      table {\n        width: 100%;\n        font-size: 15px;\n        color: #586878;\n        text-align: left;\n        border-collapse: collapse;\n        td,\n        th {\n          border: 1px #999999 solid;\n          padding-inline: 8px;\n        }\n        th {\n          background-color: #efefef;\n          font-weight: bold;\n        }\n        td {\n          height: 35px;\n          &[radio] {\n            text-align: center;\n            vertical-align: middle;\n            width: 55px;\n          }\n          &[attachment] {\n            width: 90px;\n          }\n        }\n      }\n\n      table[header] {\n        margin-top: 5px;\n\n        td {\n          min-width: 180px;\n          border-left: none;\n        }\n        th {\n          width: 110px;\n          border-right: none;\n        }\n      }\n\n      table[body] {\n        border: 2px solid #999999;\n        border-bottom: none;\n        margin-top: 10px;\n\n        th {\n          text-align: center;\n\n          &[type] {\n            min-width: 150px;\n          }\n          &[inspection-name] {\n            min-width: 250px;\n          }\n          &[result] {\n            width: 270px;\n          }\n          &[criteria] {\n            width: 90px;\n          }\n          &[small] {\n            width: 60px;\n          }\n        }\n        td {\n          &[main-type] {\n            width: 50px;\n            text-align: center;\n            word-break: keep-all;\n          }\n        }\n      }\n\n      table[tail] {\n        border: 2px solid #999999;\n        border-top: none;\n        margin-top: -1px;\n\n        tr[first] td {\n          border-top: none;\n        }\n        td {\n          width: 25%;\n          border-left: none;\n          text-align: center;\n          position: relative;\n        }\n        th {\n          width: 25%;\n          border-right: none;\n        }\n\n        span[sign-text] {\n          position: absolute;\n          top: 50%;\n          left: 50%;\n          transform: translate(-50%, -50%);\n          pointer-events: none;\n        }\n        ox-input-signature {\n          margin: 10px;\n\n          &[disabled] {\n            background: #eee;\n          }\n        }\n      }\n\n      div[footer] {\n        display: flex;\n        flex-direction: column;\n        gap: 3px;\n        font-size: 12px;\n        margin-top: 10px;\n        color: #586878;\n        text-indent: -9px;\n        padding-left: 9px;\n      }\n    `\n  ]\n\n  @property({ type: String }) mode: ChecklistMode = ChecklistMode.VIEWER\n  @property({ type: Object }) checklist: any = {}\n  @property({ type: String }) status: BuildingInspectionStatus = BuildingInspectionStatus.WAIT\n\n  @query('ox-input-signature[name=\"overallConstructorSignature\"]') private elOverallConstructorSignature\n  @query('ox-input-signature[name=\"taskConstructorSignature\"]') private elTaskConstructorSignature\n  @query('ox-input-signature[name=\"overallSupervisorySignature\"]') private elOverallSupervisorySignature\n  @query('ox-input-signature[name=\"taskSupervisorySignature\"]') private elTaskSupervisorySignature\n\n  render() {\n    const today = this._getDate(new Date())\n    const isConstructorStep = this.status == BuildingInspectionStatus.WAIT || this.status == BuildingInspectionStatus.FAIL\n    const isSupervisoryStep = this.status == BuildingInspectionStatus.REQUEST\n\n    // 체크리스트 아이템 정렬\n    this.checklist?.checklistItems?.sort((a, b) => {\n      // 1순위: mainType 오름차순\n      if (a.mainType < b.mainType) return -1\n      if (a.mainType > b.mainType) return 1\n\n      // 2순위: detailType 오름차순\n      if (a.detailType < b.detailType) return -1\n      if (a.detailType > b.detailType) return 1\n\n      // 3순위: sequence 오름차순\n      return a.sequence - b.sequence\n    })\n\n    const processedItems = this.drawChecklistItems(this.checklist?.checklistItems || [])\n\n    console.log('this.checklist :', this.checklist)\n\n    return html`\n      <div wrapper>\n        <div name>${this.checklist.name}</div>\n\n        <table header>\n          <tr>\n            <th>공종</th>\n            <td>${this.checklist.constructionType}</td>\n            <th>문서 번호</th>\n            <td>${this.checklist.documentNo}</td>\n          </tr>\n          <tr>\n            <th>세부 공종</th>\n            <td>${this.checklist.constructionDetailType}</td>\n            <th>위치 및 부위</th>\n            <td>${this.checklist.location}</td>\n          </tr>\n          <tr>\n            <th>검측 부위</th>\n            <td>${this.checklist?.inspectionParts?.join(', ') || ''}</td>\n            <th></th>\n            <td></td>\n          </tr>\n        </table>\n\n        <table body>\n          <thead>\n            <tr>\n              <th colspan=\"2\" rowspan=\"3\" type>구분</th>\n              <th rowspan=\"3\" inspection-name>검사항목</th>\n              <th rowspan=\"3\" criteria>검사기준</th>\n              <th colspan=\"4\" result>검사결과</th>\n              <th rowspan=\"3\" small>첨부자료</th>\n              <th rowspan=\"3\" small>조치사항</th>\n            </tr>\n            <tr>\n              <th colspan=\"2\">시공자</th>\n              <th colspan=\"2\">감리자</th>\n            </tr>\n            <tr>\n              <th>적합</th>\n              <th>부적합</th>\n              <th>적합</th>\n              <th>부적합</th>\n            </tr>\n          </thead>\n          <tbody>\n            ${processedItems.map(({ item, showMainTypeCell, mainTypeRowspan, showDetailTypeCell, detailTypeRowspan }, idx) => {\n              return html` <tr>\n                ${showMainTypeCell\n                  ? html`<td main-type bold rowspan=\"${mainTypeRowspan}\">${CHECKLIST_MAIN_TYPE_LIST[item.mainType]}</td>`\n                  : ''}\n                ${showDetailTypeCell ? html` <td bold rowspan=\"${detailTypeRowspan}\">${item.detailType}</td> ` : ''}\n\n                <td bold>${idx + 1}. ${item.name}</td>\n                <td>${item.inspctionCriteria}</td>\n                <td radio>\n                  <md-radio\n                    item-id=${item.id}\n                    item-name=\"constructionConfirmStatus\"\n                    name=${'radio-construction-' + item.id}\n                    value=\"T\"\n                    .checked=${item.constructionConfirmStatus === 'T'}\n                    ?disabled=${!isConstructorStep}\n                    @change=${this._onChangeConfirmStatus}\n                  ></md-radio>\n                </td>\n                <td radio>\n                  <md-radio\n                    item-id=${item.id}\n                    item-name=\"constructionConfirmStatus\"\n                    name=${'radio-construction-' + item.id}\n                    value=\"F\"\n                    .checked=${item.constructionConfirmStatus === 'F'}\n                    ?disabled=${!isConstructorStep}\n                    @change=${this._onChangeConfirmStatus}\n                  ></md-radio>\n                </td>\n                <td radio>\n                  <md-radio\n                    item-id=${item.id}\n                    item-name=\"supervisoryConfirmStatus\"\n                    name=${'radio-supervisory-' + item.id}\n                    value=\"T\"\n                    .checked=${item.supervisoryConfirmStatus === 'T'}\n                    ?disabled=${!isSupervisoryStep}\n                    @change=${this._onChangeConfirmStatus}\n                  ></md-radio>\n                </td>\n                <td radio>\n                  <md-radio\n                    item-id=${item.id}\n                    item-name=\"supervisoryConfirmStatus\"\n                    name=${'radio-supervisory-' + item.id}\n                    value=\"F\"\n                    .checked=${item.supervisoryConfirmStatus === 'F'}\n                    ?disabled=${!isSupervisoryStep}\n                    @change=${this._onChangeConfirmStatus}\n                  ></md-radio>\n                </td>\n                <td attachment></td>\n                <td></td>\n              </tr>`\n            })}\n          </tbody>\n        </table>\n\n        <table tail>\n          <tbody>\n            <tr first>\n              <th rowspan=\"2\">시공자점검일</th>\n              <td rowspan=\"2\">\n                ${this.mode == ChecklistMode.VIEWER ? today : this._getDate(this.checklist.constructionInspectionDate)}\n              </td>\n              <th>총괄 시공책임자</th>\n              <td>\n                <span sign-text>(인)</span>\n                <ox-input-signature\n                  .value=${this.checklist.overallConstructorSignature || ''}\n                  name=\"overallConstructorSignature\"\n                  @change=${this._onChangeSignature}\n                  ?disabled=${!isConstructorStep}\n                >\n                </ox-input-signature>\n              </td>\n            </tr>\n            <tr>\n              <th>공종별 시공관리자</th>\n              <td>\n                <span sign-text>(인)</span>\n                <ox-input-signature\n                  .value=${this.checklist.taskConstructorSignature || ''}\n                  name=\"taskConstructorSignature\"\n                  @change=${this._onChangeSignature}\n                  ?disabled=${!isConstructorStep}\n                >\n                </ox-input-signature>\n              </td>\n            </tr>\n            <tr>\n              <th rowspan=\"2\">감리자점검일</th>\n              <td rowspan=\"2\">\n                ${this.mode == ChecklistMode.VIEWER ? today : this._getDate(this.checklist.supervisorInspectionDate)}\n              </td>\n              <th>총괄 감리책임자</th>\n              <td>\n                <span sign-text>(인)</span>\n                <ox-input-signature\n                  .value=${this.checklist.overallSupervisorySignature || ''}\n                  name=\"overallSupervisorySignature\"\n                  @change=${this._onChangeSignature}\n                  ?disabled=${!isSupervisoryStep}\n                >\n                </ox-input-signature>\n              </td>\n            </tr>\n            <tr>\n              <th>공종별 감리 책임자</th>\n              <td>\n                <span sign-text>(인)</span>\n                <ox-input-signature\n                  .value=${this.checklist.taskSupervisorySignature || ''}\n                  name=\"taskSupervisorySignature\"\n                  @change=${this._onChangeSignature}\n                  ?disabled=${!isSupervisoryStep}\n                >\n                </ox-input-signature>\n              </td>\n            </tr>\n          </tbody>\n        </table>\n\n        <div footer>\n          <div>\n            - 검사결과는 1차, 2차로 구분 재검측시 2차에 기록하고 검사기준도 검사결과와 비교될 수 있도록 시방서 또는 도면 등에 있는\n            수치를 작성하며, 수치가 없는 검사항목은 시방서 또는 설계도서에 있는 내용과 검사한 내용으로 작성함\n          </div>\n          <div>- 검사항목 및 검사기준은 각 공종별로 감리원과 협의하여 작성할 것</div>\n        </div>\n      </div>\n    `\n  }\n\n  updated(_changed: PropertyValues): void {\n    if (_changed.has('checklist')) {\n      if (this.checklist?.overallConstructorSignature)\n        this.elOverallConstructorSignature.loadSignature(this.checklist?.overallConstructorSignature)\n      if (this.checklist?.taskConstructorSignature)\n        this.elTaskConstructorSignature.loadSignature(this.checklist?.taskConstructorSignature)\n      if (this.checklist?.overallSupervisorySignature)\n        this.elOverallSupervisorySignature.loadSignature(this.checklist?.overallSupervisorySignature)\n      if (this.checklist?.taskSupervisorySignature)\n        this.elTaskSupervisorySignature.loadSignature(this.checklist?.taskSupervisorySignature)\n    }\n  }\n\n  private _onChangeConfirmStatus(e: Event) {\n    const target = e.target as HTMLInputElement\n    const itemId = target.getAttribute('item-id')\n    const name = target.getAttribute('item-name') || ''\n    const value = target.value\n\n    this.checklist.checklistItems = this.checklist?.checklistItems?.map(item =>\n      item.id == itemId ? { ...item, [name]: value } : item\n    )\n  }\n\n  private _onChangeSignature(e: Event) {\n    const target = e.target as HTMLInputElement\n\n    this.checklist[target.name] = target.value\n  }\n\n  private _getDate(date) {\n    if (!date) return ' 년 월 일'\n\n    const _date = new Date(date) || new Date()\n    return _date.toLocaleDateString('ko-KR', {\n      timeZone: 'Asia/Seoul',\n      year: 'numeric',\n      month: 'long',\n      day: 'numeric'\n    })\n  }\n\n  private drawChecklistItems(checklistItems) {\n    const mainTypeRowspans = {}\n    const detailTypeRowspans = {}\n    let previousMainType = null\n    let previousDetailType = null\n\n    return checklistItems.map((item, index) => {\n      const mainType = item.mainType\n      const detailType = item.detailType\n\n      // mainType이 변경되면 rowspan을 계산\n      if (mainType !== previousMainType) {\n        mainTypeRowspans[mainType] = checklistItems.filter(i => i.mainType === mainType).length\n        previousDetailType = null // detailType 초기화\n      }\n\n      // detailType이 변경되면 rowspan을 계산\n      if (detailType !== previousDetailType) {\n        detailTypeRowspans[`${mainType}-${detailType}`] = checklistItems.filter(\n          i => i.mainType === mainType && i.detailType === detailType\n        ).length\n      }\n\n      const showMainTypeCell = mainType !== previousMainType\n      const showDetailTypeCell = detailType !== previousDetailType\n\n      const mainTypeRowspan = mainTypeRowspans[mainType]\n      const detailTypeRowspan = detailTypeRowspans[`${mainType}-${detailType}`]\n\n      // 이전 값을 업데이트\n      previousMainType = mainType\n      previousDetailType = detailType\n\n      return {\n        item,\n        showMainTypeCell,\n        mainTypeRowspan,\n        showDetailTypeCell,\n        detailTypeRowspan\n      }\n    })\n  }\n}\n"]}