@dssp/supervision 1.0.0-alpha.25 → 1.0.0-alpha.26

package/dist-client/pages/building-inspection/component/inspection-document/inspection-request-document.js

@@ -1,10 +1,10 @@
 import { __decorate, __metadata } from "tslib";
 import '@material/web/button/elevated-button.js';
 import '@material/web/icon/icon.js';
+import '@material/web/button/outlined-button.js';
 import { css, html, LitElement } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 import { ScrollbarStyles } from '@operato/styles';
-import { openPopup } from '@operato/layout';
 import './photo-album-popup';
 export var InspectionMode;
 (function (InspectionMode) {
@@ -19,12 +19,13 @@ let InspectionRequestDocument = class InspectionRequestDocument extends LitEleme
         this.mode = InspectionMode.VIEW;
     }
     render() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y;
         const today = this._formatDate(new Date());
         const requestDate = this._formatDate(new Date(this.buildingInspection.requestDate));
+        const attachmentCount = (_c = (_b = (_a = this.buildingInspection) === null || _a === void 0 ? void 0 : _a.checklist) === null || _b === void 0 ? void 0 : _b.checklistItems) === null || _c === void 0 ? void 0 : _c.reduce((acc, item) => {
+            return acc + item.checklistItemAttachmentCount;
+        }, 0);
         return html `
-      <div class="document-main-title">검측요청결과 통보내용</div>
-
       <div class="document-container">
         <div class="document-header">
           <div class="document-title">검측요청서</div>
@@ -36,12 +37,12 @@ let InspectionRequestDocument = class InspectionRequestDocument extends LitEleme
           <div class="request-info">
             <div class="recipient-section">
               <div class="recipient-item">
-                <span class="recipient-label">번호:</span>
-                <span>${((_a = this.checklist) === null || _a === void 0 ? void 0 : _a.documentNo) || ''}</span>
+                <span class="recipient-label">문서 번호:</span>
+                <span>${((_d = this.checklist) === null || _d === void 0 ? void 0 : _d.inspectionRequestDocumentNo) || ''}</span>
               </div>
               <div class="recipient-item">
-                <span class="recipient-label">받음:</span>
-                <span>${(_e = (_d = (_c = (_b = this.buildingInspection) === null || _b === void 0 ? void 0 : _b.buildingLevel) === null || _c === void 0 ? void 0 : _c.building) === null || _d === void 0 ? void 0 : _d.buildingComplex) === null || _e === void 0 ? void 0 : _e.supervisoryCompany}</span>
+                <span class="recipient-label">수신:</span>
+                <span>${(_h = (_g = (_f = (_e = this.buildingInspection) === null || _e === void 0 ? void 0 : _e.buildingLevel) === null || _f === void 0 ? void 0 : _f.building) === null || _g === void 0 ? void 0 : _g.buildingComplex) === null || _h === void 0 ? void 0 : _h.supervisoryCompany}</span>
               </div>
             </div>
 
@@ -50,11 +51,11 @@ let InspectionRequestDocument = class InspectionRequestDocument extends LitEleme
             <table class="request-table">
               <tr>
                 <th>위치 및 공종</th>
-                <td>${(((_f = this.checklist) === null || _f === void 0 ? void 0 : _f.location) || '') + ' - ' + (((_g = this.checklist) === null || _g === void 0 ? void 0 : _g.constructionType) || '')}</td>
+                <td>${(((_j = this.checklist) === null || _j === void 0 ? void 0 : _j.location) || '') + ' - ' + (((_k = this.checklist) === null || _k === void 0 ? void 0 : _k.constructionType) || '')}</td>
               </tr>
               <tr>
                 <th>검측 부위</th>
-                <td>${((_j = (_h = this.checklist) === null || _h === void 0 ? void 0 : _h.inspectionParts) === null || _j === void 0 ? void 0 : _j.join(', ')) || ''}</td>
+                <td>${((_m = (_l = this.checklist) === null || _l === void 0 ? void 0 : _l.inspectionParts) === null || _m === void 0 ? void 0 : _m.join(', ')) || ''}</td>
               </tr>
               <tr>
                 <th>검측 요구일시</th>
@@ -69,63 +70,70 @@ let InspectionRequestDocument = class InspectionRequestDocument extends LitEleme
                           type="text"
                           name="memo"
                           class="inspection-memo-input"
-                          .value=${((_k = this.buildingInspection) === null || _k === void 0 ? void 0 : _k.memo) || ''}
+                          .value=${((_o = this.buildingInspection) === null || _o === void 0 ? void 0 : _o.memo) || ''}
                           @input=${this._onInspectionMemoChange}
                           placeholder="검측사항을 입력하세요."
                         />
                       `
-            : html ` <div class="inspection-memo-text">${(_l = this.buildingInspection) === null || _l === void 0 ? void 0 : _l.memo}</div> `}
+            : html ` <div class="inspection-memo-text">${(_p = this.buildingInspection) === null || _p === void 0 ? void 0 : _p.memo}</div> `}
                 </td>
               </tr>
             </table>
           </div>
 
-          <div class="attachment-section">
-            <div class="attachment-title">
-              <md-icon class="attachment-icon">attach_file</md-icon>
-              첨부자료
-            </div>
-            <div class="attachment-list">
-              <div
-                class="attachment-item ${this.mode === InspectionMode.EDIT ? 'disabled' : ''}"
-                @click=${this.mode === InspectionMode.VIEW ? this._onChecklistClick : null}
-              >
-                <md-icon class="attachment-icon">assignment</md-icon>
-                시공자 검측 체크리스트
-              </div>
-              <div class="attachment-item" @click=${this._onPhotoAlbumClick}>
-                <md-icon class="attachment-icon">photo_library</md-icon>
-                사진대지
-              </div>
-              <div class="attachment-item" @click=${this._onParticipantListClick}>
-                <md-icon class="attachment-icon">people</md-icon>
-                공사 참여자 실명부
+          <div class="document-footer">
+            <div class="attachment-section">
+              <div class="attachment-title">첨부 파일</div>
+              <div class="attachment-list">
+                <div class="attachment-item">시공자의 검측 체크리스트</div>
+                ${this.mode === InspectionMode.EDIT
+            ? html `
+                      <div class="attachment-item upload">
+                        실명부
+                        <md-outlined-button @click=${this._onNameListUpload.bind(this)}>
+                          ${((_q = this.checklist) === null || _q === void 0 ? void 0 : _q.nameListAttachment) ? '다시 업로드' : '업로드'}
+                        </md-outlined-button>
+                        ${((_r = this.checklist) === null || _r === void 0 ? void 0 : _r.nameListAttachment) ? html `<span>(업로드 완료)</span>` : ''}
+                      </div>
+                    `
+            : ((_s = this.checklist) === null || _s === void 0 ? void 0 : _s.nameListAttachment)
+                ? html `<div class="attachment-item">실명부</div>`
+                : ''}
+                ${attachmentCount > 0 ? html `<div class="attachment-item">첨부 사진 ${attachmentCount}개</div>` : ''}
               </div>
             </div>
-          </div>
 
-          <div class="signature-section">
-            <div class="signature-box">
-              <div class="signature-title">공종별 시공 관리자</div>
-              <div class="signature-name">${((_o = (_m = this.checklist) === null || _m === void 0 ? void 0 : _m.taskConstructor) === null || _o === void 0 ? void 0 : _o.name) || ''}</div>
-              <div class="signature-container">
-                <img class="signature-image" src="${((_p = this.checklist) === null || _p === void 0 ? void 0 : _p.taskConstructorSignature) || ''}" alt="서명" />
+            <div class="signature-section">
+              <div class="signature-box">
+                <div class="signature-title">공종별 시공 관리자</div>
+                <div class="signature-name">${(_u = (_t = this.checklist) === null || _t === void 0 ? void 0 : _t.taskConstructor) === null || _u === void 0 ? void 0 : _u.name}</div>
+                <div class="signature-container">
+                  ${((_v = this.checklist) === null || _v === void 0 ? void 0 : _v.taskConstructorSignature)
+            ? html `<img class="signature-image" src="${this.checklist.taskConstructorSignature}" alt="서명" />`
+            : ''}
+                </div>
               </div>
-            </div>
-            <div class="signature-box">
-              <div class="signature-title">총괄 시공 책임자</div>
-              <div class="signature-name">${((_r = (_q = this.checklist) === null || _q === void 0 ? void 0 : _q.overallConstructor) === null || _r === void 0 ? void 0 : _r.name) || ''}</div>
-              <div class="signature-container">
-                <img class="signature-image" src="${((_s = this.checklist) === null || _s === void 0 ? void 0 : _s.overallConstructorSignature) || ''}" alt="서명" />
+              <div class="signature-box">
+                <div class="signature-title">총괄 시공 책임자</div>
+                <div class="signature-name">${(_x = (_w = this.checklist) === null || _w === void 0 ? void 0 : _w.overallConstructor) === null || _x === void 0 ? void 0 : _x.name}</div>
+                <div class="signature-container">
+                  ${((_y = this.checklist) === null || _y === void 0 ? void 0 : _y.overallConstructorSignature)
+            ? html `<img class="signature-image" src="${this.checklist.overallConstructorSignature}" alt="서명" />`
+            : ''}
+                </div>
               </div>
             </div>
           </div>
-
-          <div class="button-container">
-            <md-elevated-button @click=${this._onConfirm}> 확인 </md-elevated-button>
-          </div>
         </div>
       </div>
+
+      ${this.mode === InspectionMode.EDIT
+            ? html `
+            <div class="button-container">
+              <md-elevated-button @click=${this._onConfirm}> 확인 </md-elevated-button>
+            </div>
+          `
+            : ''}
     `;
     }
     _formatDate(date) {
@@ -140,24 +148,22 @@ let InspectionRequestDocument = class InspectionRequestDocument extends LitEleme
             bubbles: true
         }));
     }
-    // 체크리스트 팝업 열기
-    _onChecklistClick() {
-        // TODO: 체크리스트 팝업 구현
-        console.log('체크리스트 클릭');
-    }
-    // 사진대지 팝업 열기
-    _onPhotoAlbumClick() {
-        var _a;
-        openPopup(html ` <photo-album-popup .checklistId=${((_a = this.checklist) === null || _a === void 0 ? void 0 : _a.id) || ''}></photo-album-popup> `, {
-            backdrop: true,
-            size: 'large',
-            title: '사진대지'
-        });
-    }
-    // 참여자 실명부 팝업 열기
-    _onParticipantListClick() {
-        // TODO: 참여자 실명부 팝업 구현
-        console.log('참여자 실명부 클릭');
+    // 실명부 업로드
+    _onNameListUpload() {
+        const input = document.createElement('input');
+        input.type = 'file';
+        input.accept = '.pdf,.doc,.docx,.jpg,.jpeg,.png';
+        input.onchange = (e) => {
+            const file = e.target.files[0];
+            if (file) {
+                // checklist에 파일과 업로드 플래그 저장
+                this.checklist = Object.assign(Object.assign({}, this.checklist), { nameListAttachment: file, isNameListAttachmentUploaded: true });
+                // 부모 컴포넌트에 변경사항 알림
+                this.dispatchEvent(new CustomEvent('name-list-file-selected', { detail: { file } }));
+                this.requestUpdate();
+            }
+        };
+        input.click();
     }
     // 확인 버튼
     _onConfirm() {
@@ -195,16 +201,6 @@ InspectionRequestDocument.styles = [
         margin-bottom: 10px;
       }
 
-      .document-main-title {
-        font-size: 20px;
-        font-weight: bold;
-        text-align: center;
-        margin-bottom: 20px;
-        background-color: var(--md-sys-color-primary);
-        color: white;
-        padding: 10px;
-      }
-
       .document-body {
         padding: 20px;
       }
@@ -247,55 +243,50 @@ InspectionRequestDocument.styles = [
 
       .signature-section {
         display: flex;
-        justify-content: space-around;
-        margin-top: 30px;
-        padding: 20px;
-        background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
-        border-radius: 10px;
-        border: 2px solid #e1e8ed;
+        flex-direction: column;
+        align-items: flex-end;
+        gap: 15px;
       }
 
       .signature-box {
-        text-align: center;
-        width: 220px;
-        background: white;
-        border-radius: 8px;
-        padding: 20px;
-        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
-        border: 1px solid #d1d9e6;
+        display: flex;
+        align-items: center;
+        gap: 15px;
+        text-align: right;
       }
 
       .signature-title {
+        font-size: 14px;
         font-weight: bold;
-        margin-bottom: 15px;
-        color: #2c3e50;
-        font-size: 16px;
-        border-bottom: 2px solid #3498db;
-        padding-bottom: 5px;
+        color: #333;
+        min-width: 120px;
       }
 
       .signature-name {
-        font-weight: bold;
-        margin-bottom: 15px;
-        color: #34495e;
         font-size: 14px;
-        background-color: #ecf0f1;
-        padding: 8px;
-        border-radius: 5px;
+        color: #333;
       }
 
       .signature-container {
         position: relative;
-        border: 2px solid #333;
-        border-radius: 8px;
-        padding: 10px;
-        margin-bottom: 10px;
-        min-height: 80px;
+        min-width: 100px;
+        min-height: 60px;
         display: flex;
         align-items: center;
         justify-content: center;
       }
 
+      .signature-container::after {
+        content: '(인)';
+        position: absolute;
+        bottom: 5px;
+        right: 5px;
+        font-size: 12px;
+        color: #333;
+        font-weight: bold;
+        z-index: 2;
+      }
+
       .signature-image {
         max-width: 140px;
         max-height: 60px;
@@ -305,84 +296,50 @@ InspectionRequestDocument.styles = [
 
       .attachment-section {
         margin-top: 30px;
-        padding: 20px;
-        background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
-        border: 1px solid #dee2e6;
-        border-radius: 8px;
-        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
+        margin-bottom: 30px;
       }
 
       .attachment-title {
         font-weight: bold;
-        font-size: 16px;
-        color: #495057;
-        margin-bottom: 15px;
+        font-size: 14px;
+        color: #333;
+        margin-bottom: 10px;
         display: flex;
         align-items: center;
         gap: 8px;
       }
 
       .attachment-list {
-        display: flex;
-        flex-direction: column;
-        gap: 12px;
+        margin-left: 30px;
       }
 
       .attachment-item {
-        display: inline-flex;
-        align-items: center;
-        gap: 8px;
-        padding: 12px 16px;
-        background-color: white;
-        border: 1px solid #dee2e6;
-        border-radius: 6px;
-        cursor: pointer;
-        color: #495057;
-        text-decoration: none;
-        transition: all 0.2s ease;
-        font-weight: 500;
-        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
-      }
-
-      .attachment-item:hover {
-        background-color: #e3f2fd;
-        border-color: #2196f3;
-        color: #1976d2;
-        transform: translateY(-1px);
-        box-shadow: 0 2px 8px rgba(33, 150, 243, 0.15);
+        margin-bottom: 5px;
+        color: #2196f3;
+        font-size: 14px;
+        line-height: 1.5;
       }
 
-      .attachment-item:active {
-        transform: translateY(0);
-        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+      .attachment-item.upload {
+        display: flex;
+        align-items: center;
+        gap: 10px;
       }
 
-      .attachment-item.disabled {
-        cursor: not-allowed;
-        background-color: #f8f9fa;
-        color: #6c757d;
-        border-color: #e9ecef;
+      .attachment-item.upload md-outlined-button {
+        --md-outlined-button-container-height: 24px;
+        --md-outlined-button-label-text-size: 12px;
+        --md-outlined-button-outline-color: #666;
+        --md-outlined-button-label-text-color: #666;
       }
 
-      .attachment-item.disabled:hover {
-        background-color: #f8f9fa;
-        border-color: #e9ecef;
-        color: #6c757d;
-        transform: none;
-        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+      .attachment-item.upload span {
+        color: #666;
+        font-size: 12px;
       }
 
       .attachment-icon {
-        --md-icon-size: 18px;
-        color: #6c757d;
-      }
-
-      .attachment-item:hover .attachment-icon {
-        color: #1976d2;
-      }
-
-      .attachment-item.disabled .attachment-icon {
-        color: #adb5bd;
+        display: none;
       }
 
       .date-section {
@@ -452,6 +409,12 @@ InspectionRequestDocument.styles = [
         font-weight: bold;
         border-radius: 8px;
       }
+
+      .document-footer {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+      }
     `
 ];
 __decorate([

package/dist-client/pages/building-inspection/component/inspection-document/inspection-request-document.js.map

@@ -1 +1 @@
-{"version":3,"file":"inspection-request-document.js","sourceRoot":"","sources":["../../../../../client/pages/building-inspection/component/inspection-document/inspection-request-document.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/button/elevated-button.js'\nimport '@material/web/icon/icon.js'\n\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { ScrollbarStyles } from '@operato/styles'\nimport { openPopup } from '@operato/layout'\nimport './photo-album-popup'\n\nexport enum InspectionMode {\n  EDIT = 'EDIT',\n  VIEW = 'VIEW'\n}\n\n@customElement('inspection-request-document')\nexport class InspectionRequestDocument extends LitElement {\n  static styles = [\n    ScrollbarStyles,\n    css`\n      :host {\n        display: block;\n        padding: 20px;\n        font-family: 'Noto Sans KR', sans-serif;\n        line-height: 1.4;\n        overflow-y: auto;\n      }\n\n      .document-container {\n        max-width: 800px;\n        margin: 0 auto;\n        background: white;\n        border: 2px solid #333;\n      }\n\n      .document-header {\n        text-align: center;\n        padding: 15px;\n        border-bottom: 1px solid #333;\n      }\n\n      .document-title {\n        font-size: 18px;\n        font-weight: bold;\n        margin-bottom: 10px;\n      }\n\n      .document-main-title {\n        font-size: 20px;\n        font-weight: bold;\n        text-align: center;\n        margin-bottom: 20px;\n        background-color: var(--md-sys-color-primary);\n        color: white;\n        padding: 10px;\n      }\n\n      .document-body {\n        padding: 20px;\n      }\n\n      .request-info {\n        margin-bottom: 20px;\n      }\n\n      .request-table {\n        width: 100%;\n        border-collapse: collapse;\n        margin-bottom: 20px;\n      }\n\n      .request-table th,\n      .request-table td {\n        border: 1px solid #333;\n        padding: 8px;\n        text-align: left;\n      }\n\n      .request-table th {\n        background-color: #f5f5f5;\n        font-weight: bold;\n        width: 120px;\n      }\n\n      .inspection-items {\n        margin: 20px 0;\n      }\n\n      .inspection-items textarea {\n        width: 100%;\n        min-height: 100px;\n        border: 1px solid #ddd;\n        padding: 10px;\n        font-family: inherit;\n        resize: vertical;\n      }\n\n      .signature-section {\n        display: flex;\n        justify-content: space-around;\n        margin-top: 30px;\n        padding: 20px;\n        background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);\n        border-radius: 10px;\n        border: 2px solid #e1e8ed;\n      }\n\n      .signature-box {\n        text-align: center;\n        width: 220px;\n        background: white;\n        border-radius: 8px;\n        padding: 20px;\n        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n        border: 1px solid #d1d9e6;\n      }\n\n      .signature-title {\n        font-weight: bold;\n        margin-bottom: 15px;\n        color: #2c3e50;\n        font-size: 16px;\n        border-bottom: 2px solid #3498db;\n        padding-bottom: 5px;\n      }\n\n      .signature-name {\n        font-weight: bold;\n        margin-bottom: 15px;\n        color: #34495e;\n        font-size: 14px;\n        background-color: #ecf0f1;\n        padding: 8px;\n        border-radius: 5px;\n      }\n\n      .signature-container {\n        position: relative;\n        border: 2px solid #333;\n        border-radius: 8px;\n        padding: 10px;\n        margin-bottom: 10px;\n        min-height: 80px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n      }\n\n      .signature-image {\n        max-width: 140px;\n        max-height: 60px;\n        width: auto;\n        height: auto;\n      }\n\n      .attachment-section {\n        margin-top: 30px;\n        padding: 20px;\n        background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n        border: 1px solid #dee2e6;\n        border-radius: 8px;\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\n      }\n\n      .attachment-title {\n        font-weight: bold;\n        font-size: 16px;\n        color: #495057;\n        margin-bottom: 15px;\n        display: flex;\n        align-items: center;\n        gap: 8px;\n      }\n\n      .attachment-list {\n        display: flex;\n        flex-direction: column;\n        gap: 12px;\n      }\n\n      .attachment-item {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        padding: 12px 16px;\n        background-color: white;\n        border: 1px solid #dee2e6;\n        border-radius: 6px;\n        cursor: pointer;\n        color: #495057;\n        text-decoration: none;\n        transition: all 0.2s ease;\n        font-weight: 500;\n        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n      }\n\n      .attachment-item:hover {\n        background-color: #e3f2fd;\n        border-color: #2196f3;\n        color: #1976d2;\n        transform: translateY(-1px);\n        box-shadow: 0 2px 8px rgba(33, 150, 243, 0.15);\n      }\n\n      .attachment-item:active {\n        transform: translateY(0);\n        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n      }\n\n      .attachment-item.disabled {\n        cursor: not-allowed;\n        background-color: #f8f9fa;\n        color: #6c757d;\n        border-color: #e9ecef;\n      }\n\n      .attachment-item.disabled:hover {\n        background-color: #f8f9fa;\n        border-color: #e9ecef;\n        color: #6c757d;\n        transform: none;\n        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n      }\n\n      .attachment-icon {\n        --md-icon-size: 18px;\n        color: #6c757d;\n      }\n\n      .attachment-item:hover .attachment-icon {\n        color: #1976d2;\n      }\n\n      .attachment-item.disabled .attachment-icon {\n        color: #adb5bd;\n      }\n\n      .date-section {\n        text-align: right;\n        margin-bottom: 20px;\n        font-size: 14px;\n      }\n\n      .form-row {\n        display: flex;\n        align-items: flex-start;\n        margin-bottom: 10px;\n      }\n\n      .form-label {\n        font-weight: bold;\n        width: 100px;\n        margin-right: 10px;\n      }\n\n      .recipient-section {\n        margin-bottom: 30px;\n      }\n\n      .recipient-item {\n        display: flex;\n        margin-bottom: 5px;\n      }\n\n      .recipient-label {\n        font-weight: bold;\n        margin-right: 18px;\n      }\n\n      .inspection-memo-input {\n        width: 100%;\n        max-width: -webkit-fill-available;\n        height: 40px;\n        border: 1px solid #ddd;\n        padding: 10px;\n        font-size: 15px;\n        border-radius: 5px;\n      }\n\n      .inspection-memo-text {\n        padding: 10px;\n        font-size: 15px;\n        color: #495057;\n        border: 1px solid #e9ecef;\n        border-radius: 5px;\n        min-height: 20px;\n      }\n\n      .button-container {\n        display: flex;\n        justify-content: center;\n        margin-top: 20px;\n        padding: 15px 0;\n        border-top: 1px solid #ddd;\n      }\n\n      .button-container md-elevated-button {\n        background-color: #3498db;\n        color: white;\n        padding: 12px 30px;\n        font-size: 16px;\n        font-weight: bold;\n        border-radius: 8px;\n      }\n    `\n  ]\n\n  @property({ type: Object }) checklist: any = {}\n  @property({ type: Object }) buildingInspection: any = {}\n  @property({ type: String }) mode: InspectionMode = InspectionMode.VIEW\n\n  render() {\n    const today = this._formatDate(new Date())\n    const requestDate = this._formatDate(new Date(this.buildingInspection.requestDate))\n\n    return html`\n      <div class=\"document-main-title\">검측요청결과 통보내용</div>\n\n      <div class=\"document-container\">\n        <div class=\"document-header\">\n          <div class=\"document-title\">검측요청서</div>\n        </div>\n\n        <div class=\"document-body\">\n          <div class=\"date-section\">${today}</div>\n\n          <div class=\"request-info\">\n            <div class=\"recipient-section\">\n              <div class=\"recipient-item\">\n                <span class=\"recipient-label\">번호:</span>\n                <span>${this.checklist?.documentNo || ''}</span>\n              </div>\n              <div class=\"recipient-item\">\n                <span class=\"recipient-label\">받음:</span>\n                <span>${this.buildingInspection?.buildingLevel?.building?.buildingComplex?.supervisoryCompany}</span>\n              </div>\n            </div>\n\n            <div style=\"margin: 15px 0;\">다음과 같은 세부공종에 대하여 검측요청 하오니 검사 후 승인하여 주시 기 바랍니다.</div>\n\n            <table class=\"request-table\">\n              <tr>\n                <th>위치 및 공종</th>\n                <td>${(this.checklist?.location || '') + ' - ' + (this.checklist?.constructionType || '')}</td>\n              </tr>\n              <tr>\n                <th>검측 부위</th>\n                <td>${this.checklist?.inspectionParts?.join(', ') || ''}</td>\n              </tr>\n              <tr>\n                <th>검측 요구일시</th>\n                <td>${requestDate}</td>\n              </tr>\n              <tr>\n                <th>검측 사항</th>\n                <td>\n                  ${this.mode === InspectionMode.EDIT\n                    ? html`\n                        <input\n                          type=\"text\"\n                          name=\"memo\"\n                          class=\"inspection-memo-input\"\n                          .value=${this.buildingInspection?.memo || ''}\n                          @input=${this._onInspectionMemoChange}\n                          placeholder=\"검측사항을 입력하세요.\"\n                        />\n                      `\n                    : html` <div class=\"inspection-memo-text\">${this.buildingInspection?.memo}</div> `}\n                </td>\n              </tr>\n            </table>\n          </div>\n\n          <div class=\"attachment-section\">\n            <div class=\"attachment-title\">\n              <md-icon class=\"attachment-icon\">attach_file</md-icon>\n              첨부자료\n            </div>\n            <div class=\"attachment-list\">\n              <div\n                class=\"attachment-item ${this.mode === InspectionMode.EDIT ? 'disabled' : ''}\"\n                @click=${this.mode === InspectionMode.VIEW ? this._onChecklistClick : null}\n              >\n                <md-icon class=\"attachment-icon\">assignment</md-icon>\n                시공자 검측 체크리스트\n              </div>\n              <div class=\"attachment-item\" @click=${this._onPhotoAlbumClick}>\n                <md-icon class=\"attachment-icon\">photo_library</md-icon>\n                사진대지\n              </div>\n              <div class=\"attachment-item\" @click=${this._onParticipantListClick}>\n                <md-icon class=\"attachment-icon\">people</md-icon>\n                공사 참여자 실명부\n              </div>\n            </div>\n          </div>\n\n          <div class=\"signature-section\">\n            <div class=\"signature-box\">\n              <div class=\"signature-title\">공종별 시공 관리자</div>\n              <div class=\"signature-name\">${this.checklist?.taskConstructor?.name || ''}</div>\n              <div class=\"signature-container\">\n                <img class=\"signature-image\" src=\"${this.checklist?.taskConstructorSignature || ''}\" alt=\"서명\" />\n              </div>\n            </div>\n            <div class=\"signature-box\">\n              <div class=\"signature-title\">총괄 시공 책임자</div>\n              <div class=\"signature-name\">${this.checklist?.overallConstructor?.name || ''}</div>\n              <div class=\"signature-container\">\n                <img class=\"signature-image\" src=\"${this.checklist?.overallConstructorSignature || ''}\" alt=\"서명\" />\n              </div>\n            </div>\n          </div>\n\n          <div class=\"button-container\">\n            <md-elevated-button @click=${this._onConfirm}> 확인 </md-elevated-button>\n          </div>\n        </div>\n      </div>\n    `\n  }\n\n  private _formatDate(date: Date): string {\n    return `${date.getFullYear()}. ${String(date.getMonth() + 1).padStart(2, '0')}. ${String(date.getDate()).padStart(2, '0')}.`\n  }\n\n  private _onInspectionMemoChange(e: Event) {\n    const target = e.target as HTMLInputElement\n    this.buildingInspection = { ...this.buildingInspection, memo: target.value }\n\n    // 부모 컴포넌트에 변경사항 전달\n    this.dispatchEvent(\n      new CustomEvent('inspection-memo-change', {\n        detail: { memo: target.value },\n        bubbles: true\n      })\n    )\n  }\n\n  // 체크리스트 팝업 열기\n  private _onChecklistClick() {\n    // TODO: 체크리스트 팝업 구현\n    console.log('체크리스트 클릭')\n  }\n\n  // 사진대지 팝업 열기\n  private _onPhotoAlbumClick() {\n    openPopup(html` <photo-album-popup .checklistId=${this.checklist?.id || ''}></photo-album-popup> `, {\n      backdrop: true,\n      size: 'large',\n      title: '사진대지'\n    })\n  }\n\n  // 참여자 실명부 팝업 열기\n  private _onParticipantListClick() {\n    // TODO: 참여자 실명부 팝업 구현\n    console.log('참여자 실명부 클릭')\n  }\n\n  // 확인 버튼\n  private _onConfirm() {\n    this.dispatchEvent(new CustomEvent('popup-close', { bubbles: true }))\n    history.back()\n  }\n}\n"]}
+{"version":3,"file":"inspection-request-document.js","sourceRoot":"","sources":["../../../../../client/pages/building-inspection/component/inspection-document/inspection-request-document.ts"],"names":[],"mappings":";AAAA,OAAO,yCAAyC,CAAA;AAChD,OAAO,4BAA4B,CAAA;AACnC,OAAO,yCAAyC,CAAA;AAEhD,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAIjD,OAAO,qBAAqB,CAAA;AAE5B,MAAM,CAAN,IAAY,cAGX;AAHD,WAAY,cAAc;IACxB,+BAAa,CAAA;IACb,+BAAa,CAAA;AACf,CAAC,EAHW,cAAc,KAAd,cAAc,QAGzB;AAGM,IAAM,yBAAyB,GAA/B,MAAM,yBAA0B,SAAQ,UAAU;IAAlD;;QAwPuB,cAAS,GAAQ,EAAE,CAAA;QACnB,uBAAkB,GAAQ,EAAE,CAAA;QAC5B,SAAI,GAAmB,cAAc,CAAC,IAAI,CAAA;IAsKxE,CAAC;IApKC,MAAM;;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,IAAI,EAAE,CAAC,CAAA;QAC1C,MAAM,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,kBAAkB,CAAC,WAAW,CAAC,CAAC,CAAA;QACnF,MAAM,eAAe,GAAG,MAAA,MAAA,MAAA,IAAI,CAAC,kBAAkB,0CAAE,SAAS,0CAAE,cAAc,0CAAE,MAAM,CAAC,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE;YAC/F,OAAO,GAAG,GAAG,IAAI,CAAC,4BAA4B,CAAA;QAChD,CAAC,EAAE,CAAC,CAAC,CAAA;QAEL,OAAO,IAAI,CAAA;;;;;;;sCAOuB,KAAK;;;;;;wBAMnB,CAAA,MAAA,IAAI,CAAC,SAAS,0CAAE,2BAA2B,KAAI,EAAE;;;;wBAIjD,MAAA,MAAA,MAAA,MAAA,IAAI,CAAC,kBAAkB,0CAAE,aAAa,0CAAE,QAAQ,0CAAE,eAAe,0CAAE,kBAAkB;;;;;;;;;sBASvF,CAAC,CAAA,MAAA,IAAI,CAAC,SAAS,0CAAE,QAAQ,KAAI,EAAE,CAAC,GAAG,KAAK,GAAG,CAAC,CAAA,MAAA,IAAI,CAAC,SAAS,0CAAE,gBAAgB,KAAI,EAAE,CAAC;;;;sBAInF,CAAA,MAAA,MAAA,IAAI,CAAC,SAAS,0CAAE,eAAe,0CAAE,IAAI,CAAC,IAAI,CAAC,KAAI,EAAE;;;;sBAIjD,WAAW;;;;;oBAKb,IAAI,CAAC,IAAI,KAAK,cAAc,CAAC,IAAI;YACjC,CAAC,CAAC,IAAI,CAAA;;;;;mCAKS,CAAA,MAAA,IAAI,CAAC,kBAAkB,0CAAE,IAAI,KAAI,EAAE;mCACnC,IAAI,CAAC,uBAAuB;;;uBAGxC;YACH,CAAC,CAAC,IAAI,CAAA,sCAAsC,MAAA,IAAI,CAAC,kBAAkB,0CAAE,IAAI,SAAS;;;;;;;;;;;kBAWpF,IAAI,CAAC,IAAI,KAAK,cAAc,CAAC,IAAI;YACjC,CAAC,CAAC,IAAI,CAAA;;;qDAG6B,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC;4BAC1D,CAAA,MAAA,IAAI,CAAC,SAAS,0CAAE,kBAAkB,EAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK;;0BAEvD,CAAA,MAAA,IAAI,CAAC,SAAS,0CAAE,kBAAkB,EAAC,CAAC,CAAC,IAAI,CAAA,uBAAuB,CAAC,CAAC,CAAC,EAAE;;qBAE1E;YACH,CAAC,CAAC,CAAA,MAAA,IAAI,CAAC,SAAS,0CAAE,kBAAkB;gBAClC,CAAC,CAAC,IAAI,CAAA,wCAAwC;gBAC9C,CAAC,CAAC,EAAE;kBACN,eAAe,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA,sCAAsC,eAAe,SAAS,CAAC,CAAC,CAAC,EAAE;;;;;;;8CAOjE,MAAA,MAAA,IAAI,CAAC,SAAS,0CAAE,eAAe,0CAAE,IAAI;;oBAE/D,CAAA,MAAA,IAAI,CAAC,SAAS,0CAAE,wBAAwB;YACxC,CAAC,CAAC,IAAI,CAAA,qCAAqC,IAAI,CAAC,SAAS,CAAC,wBAAwB,eAAe;YACjG,CAAC,CAAC,EAAE;;;;;8CAKsB,MAAA,MAAA,IAAI,CAAC,SAAS,0CAAE,kBAAkB,0CAAE,IAAI;;oBAElE,CAAA,MAAA,IAAI,CAAC,SAAS,0CAAE,2BAA2B;YAC3C,CAAC,CAAC,IAAI,CAAA,qCAAqC,IAAI,CAAC,SAAS,CAAC,2BAA2B,eAAe;YACpG,CAAC,CAAC,EAAE;;;;;;;;QAQhB,IAAI,CAAC,IAAI,KAAK,cAAc,CAAC,IAAI;YACjC,CAAC,CAAC,IAAI,CAAA;;2CAE6B,IAAI,CAAC,UAAU;;WAE/C;YACH,CAAC,CAAC,EAAE;KACP,CAAA;IACH,CAAC;IAEO,WAAW,CAAC,IAAU;QAC5B,OAAO,GAAG,IAAI,CAAC,WAAW,EAAE,KAAK,MAAM,CAAC,IAAI,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,KAAK,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,GAAG,CAAA;IAC9H,CAAC;IAEO,uBAAuB,CAAC,CAAQ;QACtC,MAAM,MAAM,GAAG,CAAC,CAAC,MAA0B,CAAA;QAC3C,IAAI,CAAC,kBAAkB,mCAAQ,IAAI,CAAC,kBAAkB,KAAE,IAAI,EAAE,MAAM,CAAC,KAAK,GAAE,CAAA;QAE5E,mBAAmB;QACnB,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,wBAAwB,EAAE;YACxC,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,CAAC,KAAK,EAAE;YAC9B,OAAO,EAAE,IAAI;SACd,CAAC,CACH,CAAA;IACH,CAAC;IAED,UAAU;IACF,iBAAiB;QACvB,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAA;QAC7C,KAAK,CAAC,IAAI,GAAG,MAAM,CAAA;QACnB,KAAK,CAAC,MAAM,GAAG,iCAAiC,CAAA;QAChD,KAAK,CAAC,QAAQ,GAAG,CAAC,CAAM,EAAE,EAAE;YAC1B,MAAM,IAAI,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;YAC9B,IAAI,IAAI,EAAE,CAAC;gBACT,4BAA4B;gBAC5B,IAAI,CAAC,SAAS,mCACT,IAAI,CAAC,SAAS,KACjB,kBAAkB,EAAE,IAAI,EACxB,4BAA4B,EAAE,IAAI,GACnC,CAAA;gBAED,mBAAmB;gBACnB,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,yBAAyB,EAAE,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC,CAAA;gBACpF,IAAI,CAAC,aAAa,EAAE,CAAA;YACtB,CAAC;QACH,CAAC,CAAA;QACD,KAAK,CAAC,KAAK,EAAE,CAAA;IACf,CAAC;IAED,QAAQ;IACA,UAAU;QAChB,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,aAAa,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAA;QACrE,OAAO,CAAC,IAAI,EAAE,CAAA;IAChB,CAAC;;AA9ZM,gCAAM,GAAG;IACd,eAAe;IACf,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAkPF;CACF,AArPY,CAqPZ;AAE2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;4DAAoB;AACnB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;qEAA6B;AAC5B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;uDAA2C;AA1P3D,yBAAyB;IADrC,aAAa,CAAC,6BAA6B,CAAC;GAChC,yBAAyB,CAgarC","sourcesContent":["import '@material/web/button/elevated-button.js'\nimport '@material/web/icon/icon.js'\nimport '@material/web/button/outlined-button.js'\n\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { ScrollbarStyles } from '@operato/styles'\nimport { openPopup } from '@operato/layout'\nimport { client } from '@operato/graphql'\nimport gql from 'graphql-tag'\nimport './photo-album-popup'\n\nexport enum InspectionMode {\n  EDIT = 'EDIT',\n  VIEW = 'VIEW'\n}\n\n@customElement('inspection-request-document')\nexport class InspectionRequestDocument extends LitElement {\n  static styles = [\n    ScrollbarStyles,\n    css`\n      :host {\n        display: block;\n        padding: 20px;\n        font-family: 'Noto Sans KR', sans-serif;\n        line-height: 1.4;\n        overflow-y: auto;\n      }\n\n      .document-container {\n        max-width: 800px;\n        margin: 0 auto;\n        background: white;\n        border: 2px solid #333;\n      }\n\n      .document-header {\n        text-align: center;\n        padding: 15px;\n        border-bottom: 1px solid #333;\n      }\n\n      .document-title {\n        font-size: 18px;\n        font-weight: bold;\n        margin-bottom: 10px;\n      }\n\n      .document-body {\n        padding: 20px;\n      }\n\n      .request-info {\n        margin-bottom: 20px;\n      }\n\n      .request-table {\n        width: 100%;\n        border-collapse: collapse;\n        margin-bottom: 20px;\n      }\n\n      .request-table th,\n      .request-table td {\n        border: 1px solid #333;\n        padding: 8px;\n        text-align: left;\n      }\n\n      .request-table th {\n        background-color: #f5f5f5;\n        font-weight: bold;\n        width: 120px;\n      }\n\n      .inspection-items {\n        margin: 20px 0;\n      }\n\n      .inspection-items textarea {\n        width: 100%;\n        min-height: 100px;\n        border: 1px solid #ddd;\n        padding: 10px;\n        font-family: inherit;\n        resize: vertical;\n      }\n\n      .signature-section {\n        display: flex;\n        flex-direction: column;\n        align-items: flex-end;\n        gap: 15px;\n      }\n\n      .signature-box {\n        display: flex;\n        align-items: center;\n        gap: 15px;\n        text-align: right;\n      }\n\n      .signature-title {\n        font-size: 14px;\n        font-weight: bold;\n        color: #333;\n        min-width: 120px;\n      }\n\n      .signature-name {\n        font-size: 14px;\n        color: #333;\n      }\n\n      .signature-container {\n        position: relative;\n        min-width: 100px;\n        min-height: 60px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n      }\n\n      .signature-container::after {\n        content: '(인)';\n        position: absolute;\n        bottom: 5px;\n        right: 5px;\n        font-size: 12px;\n        color: #333;\n        font-weight: bold;\n        z-index: 2;\n      }\n\n      .signature-image {\n        max-width: 140px;\n        max-height: 60px;\n        width: auto;\n        height: auto;\n      }\n\n      .attachment-section {\n        margin-top: 30px;\n        margin-bottom: 30px;\n      }\n\n      .attachment-title {\n        font-weight: bold;\n        font-size: 14px;\n        color: #333;\n        margin-bottom: 10px;\n        display: flex;\n        align-items: center;\n        gap: 8px;\n      }\n\n      .attachment-list {\n        margin-left: 30px;\n      }\n\n      .attachment-item {\n        margin-bottom: 5px;\n        color: #2196f3;\n        font-size: 14px;\n        line-height: 1.5;\n      }\n\n      .attachment-item.upload {\n        display: flex;\n        align-items: center;\n        gap: 10px;\n      }\n\n      .attachment-item.upload md-outlined-button {\n        --md-outlined-button-container-height: 24px;\n        --md-outlined-button-label-text-size: 12px;\n        --md-outlined-button-outline-color: #666;\n        --md-outlined-button-label-text-color: #666;\n      }\n\n      .attachment-item.upload span {\n        color: #666;\n        font-size: 12px;\n      }\n\n      .attachment-icon {\n        display: none;\n      }\n\n      .date-section {\n        text-align: right;\n        margin-bottom: 20px;\n        font-size: 14px;\n      }\n\n      .form-row {\n        display: flex;\n        align-items: flex-start;\n        margin-bottom: 10px;\n      }\n\n      .form-label {\n        font-weight: bold;\n        width: 100px;\n        margin-right: 10px;\n      }\n\n      .recipient-section {\n        margin-bottom: 30px;\n      }\n\n      .recipient-item {\n        display: flex;\n        margin-bottom: 5px;\n      }\n\n      .recipient-label {\n        font-weight: bold;\n        margin-right: 18px;\n      }\n\n      .inspection-memo-input {\n        width: 100%;\n        max-width: -webkit-fill-available;\n        height: 40px;\n        border: 1px solid #ddd;\n        padding: 10px;\n        font-size: 15px;\n        border-radius: 5px;\n      }\n\n      .inspection-memo-text {\n        padding: 10px;\n        font-size: 15px;\n        color: #495057;\n        border: 1px solid #e9ecef;\n        border-radius: 5px;\n        min-height: 20px;\n      }\n\n      .button-container {\n        display: flex;\n        justify-content: center;\n        margin-top: 20px;\n        padding: 15px 0;\n        border-top: 1px solid #ddd;\n      }\n\n      .button-container md-elevated-button {\n        background-color: #3498db;\n        color: white;\n        padding: 12px 30px;\n        font-size: 16px;\n        font-weight: bold;\n        border-radius: 8px;\n      }\n\n      .document-footer {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n      }\n    `\n  ]\n\n  @property({ type: Object }) checklist: any = {}\n  @property({ type: Object }) buildingInspection: any = {}\n  @property({ type: String }) mode: InspectionMode = InspectionMode.VIEW\n\n  render() {\n    const today = this._formatDate(new Date())\n    const requestDate = this._formatDate(new Date(this.buildingInspection.requestDate))\n    const attachmentCount = this.buildingInspection?.checklist?.checklistItems?.reduce((acc, item) => {\n      return acc + item.checklistItemAttachmentCount\n    }, 0)\n\n    return html`\n      <div class=\"document-container\">\n        <div class=\"document-header\">\n          <div class=\"document-title\">검측요청서</div>\n        </div>\n\n        <div class=\"document-body\">\n          <div class=\"date-section\">${today}</div>\n\n          <div class=\"request-info\">\n            <div class=\"recipient-section\">\n              <div class=\"recipient-item\">\n                <span class=\"recipient-label\">문서 번호:</span>\n                <span>${this.checklist?.inspectionRequestDocumentNo || ''}</span>\n              </div>\n              <div class=\"recipient-item\">\n                <span class=\"recipient-label\">수신:</span>\n                <span>${this.buildingInspection?.buildingLevel?.building?.buildingComplex?.supervisoryCompany}</span>\n              </div>\n            </div>\n\n            <div style=\"margin: 15px 0;\">다음과 같은 세부공종에 대하여 검측요청 하오니 검사 후 승인하여 주시 기 바랍니다.</div>\n\n            <table class=\"request-table\">\n              <tr>\n                <th>위치 및 공종</th>\n                <td>${(this.checklist?.location || '') + ' - ' + (this.checklist?.constructionType || '')}</td>\n              </tr>\n              <tr>\n                <th>검측 부위</th>\n                <td>${this.checklist?.inspectionParts?.join(', ') || ''}</td>\n              </tr>\n              <tr>\n                <th>검측 요구일시</th>\n                <td>${requestDate}</td>\n              </tr>\n              <tr>\n                <th>검측 사항</th>\n                <td>\n                  ${this.mode === InspectionMode.EDIT\n                    ? html`\n                        <input\n                          type=\"text\"\n                          name=\"memo\"\n                          class=\"inspection-memo-input\"\n                          .value=${this.buildingInspection?.memo || ''}\n                          @input=${this._onInspectionMemoChange}\n                          placeholder=\"검측사항을 입력하세요.\"\n                        />\n                      `\n                    : html` <div class=\"inspection-memo-text\">${this.buildingInspection?.memo}</div> `}\n                </td>\n              </tr>\n            </table>\n          </div>\n\n          <div class=\"document-footer\">\n            <div class=\"attachment-section\">\n              <div class=\"attachment-title\">첨부 파일</div>\n              <div class=\"attachment-list\">\n                <div class=\"attachment-item\">시공자의 검측 체크리스트</div>\n                ${this.mode === InspectionMode.EDIT\n                  ? html`\n                      <div class=\"attachment-item upload\">\n                        실명부\n                        <md-outlined-button @click=${this._onNameListUpload.bind(this)}>\n                          ${this.checklist?.nameListAttachment ? '다시 업로드' : '업로드'}\n                        </md-outlined-button>\n                        ${this.checklist?.nameListAttachment ? html`<span>(업로드 완료)</span>` : ''}\n                      </div>\n                    `\n                  : this.checklist?.nameListAttachment\n                    ? html`<div class=\"attachment-item\">실명부</div>`\n                    : ''}\n                ${attachmentCount > 0 ? html`<div class=\"attachment-item\">첨부 사진 ${attachmentCount}개</div>` : ''}\n              </div>\n            </div>\n\n            <div class=\"signature-section\">\n              <div class=\"signature-box\">\n                <div class=\"signature-title\">공종별 시공 관리자</div>\n                <div class=\"signature-name\">${this.checklist?.taskConstructor?.name}</div>\n                <div class=\"signature-container\">\n                  ${this.checklist?.taskConstructorSignature\n                    ? html`<img class=\"signature-image\" src=\"${this.checklist.taskConstructorSignature}\" alt=\"서명\" />`\n                    : ''}\n                </div>\n              </div>\n              <div class=\"signature-box\">\n                <div class=\"signature-title\">총괄 시공 책임자</div>\n                <div class=\"signature-name\">${this.checklist?.overallConstructor?.name}</div>\n                <div class=\"signature-container\">\n                  ${this.checklist?.overallConstructorSignature\n                    ? html`<img class=\"signature-image\" src=\"${this.checklist.overallConstructorSignature}\" alt=\"서명\" />`\n                    : ''}\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      ${this.mode === InspectionMode.EDIT\n        ? html`\n            <div class=\"button-container\">\n              <md-elevated-button @click=${this._onConfirm}> 확인 </md-elevated-button>\n            </div>\n          `\n        : ''}\n    `\n  }\n\n  private _formatDate(date: Date): string {\n    return `${date.getFullYear()}. ${String(date.getMonth() + 1).padStart(2, '0')}. ${String(date.getDate()).padStart(2, '0')}.`\n  }\n\n  private _onInspectionMemoChange(e: Event) {\n    const target = e.target as HTMLInputElement\n    this.buildingInspection = { ...this.buildingInspection, memo: target.value }\n\n    // 부모 컴포넌트에 변경사항 전달\n    this.dispatchEvent(\n      new CustomEvent('inspection-memo-change', {\n        detail: { memo: target.value },\n        bubbles: true\n      })\n    )\n  }\n\n  // 실명부 업로드\n  private _onNameListUpload() {\n    const input = document.createElement('input')\n    input.type = 'file'\n    input.accept = '.pdf,.doc,.docx,.jpg,.jpeg,.png'\n    input.onchange = (e: any) => {\n      const file = e.target.files[0]\n      if (file) {\n        // checklist에 파일과 업로드 플래그 저장\n        this.checklist = {\n          ...this.checklist,\n          nameListAttachment: file,\n          isNameListAttachmentUploaded: true\n        }\n\n        // 부모 컴포넌트에 변경사항 알림\n        this.dispatchEvent(new CustomEvent('name-list-file-selected', { detail: { file } }))\n        this.requestUpdate()\n      }\n    }\n    input.click()\n  }\n\n  // 확인 버튼\n  private _onConfirm() {\n    this.dispatchEvent(new CustomEvent('popup-close', { bubbles: true }))\n    history.back()\n  }\n}\n"]}

package/dist-client/pages/building-inspection/component/inspection-document/inspection-result-notification.d.ts

@@ -0,0 +1,27 @@
+import '@material/web/button/elevated-button.js';
+import '@material/web/icon/icon.js';
+import '@material/web/radio/radio.js';
+import '@material/web/textfield/outlined-text-field.js';
+import { LitElement } from 'lit';
+export declare enum InspectionResultStatus {
+    PASS = "PASS",// 합격
+    FAIL = "FAIL"
+}
+export declare enum InspectionResultType {
+    GENERAL = "GENERAL",// 일반
+    FOCUS = "FOCUS",// 중점
+    CONCEALED_WORK = "CONCEALED_WORK"
+}
+export declare class InspectionResultNotification extends LitElement {
+    static styles: import("lit").CSSResult[];
+    checklist: any;
+    buildingInspection: any;
+    project: any;
+    render(): import("lit-html").TemplateResult<1>;
+    private _formatDate;
+    private _getAttachmentCount;
+    private _getOverallResult;
+    private _onInspectionTypeChange;
+    private _onInstructionsChange;
+    private _onConfirm;
+}