npm - @dssp/supervision - Versions diffs - 1.0.0-alpha.26 → 1.0.0-alpha.27 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (76) hide show

package/dist-client/pages/building-inspection/component/daily-worklog-popup.d.ts ADDED Viewed

@@ -0,0 +1,17 @@
+import '@material/web/button/elevated-button.js';
+import '@material/web/icon/icon.js';
+import { LitElement } from 'lit';
+export declare class DailyWorklogPopup extends LitElement {
+    static styles: import("lit").CSSResult[];
+    date?: string;
+    project?: any;
+    private dailyWorklog;
+    render(): import("lit").TemplateResult<1>;
+    connectedCallback(): void;
+    private _fetch;
+    private _formatSelectedDate;
+    private _updateWorklogs;
+    private _addRow;
+    private _remove;
+    private _close;
+}

package/dist-client/pages/building-inspection/component/daily-worklog-popup.js ADDED Viewed

@@ -0,0 +1,354 @@
+import { __decorate, __metadata } from "tslib";
+import '@material/web/button/elevated-button.js';
+import '@material/web/icon/icon.js';
+import { css, html, LitElement } from 'lit';
+import { customElement, state, property } from 'lit/decorators.js';
+import { ScrollbarStyles } from '@operato/styles';
+import gql from 'graphql-tag';
+import { client } from '@operato/graphql';
+import moment from 'moment-timezone';
+let DailyWorklogPopup = class DailyWorklogPopup extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.dailyWorklog = {};
+        this._addRow = () => {
+            this.dailyWorklog.worklogs = [
+                ...this.dailyWorklog.worklogs,
+                { constructionType: '', supervisoryTitle: '', supervisorContent: '' }
+            ];
+        };
+    }
+    render() {
+        var _a, _b, _c;
+        return html `
+      <div class="container">
+        <div class="sheet">
+          <div class="title">공사감리일지</div>
+          <div class="body">
+            <table class="header-table">
+              <tr>
+                <th>문서번호</th>
+                <td colspan="3">${((_a = this.dailyWorklog) === null || _a === void 0 ? void 0 : _a.documentNo) || ''}</td>
+              </tr>
+              <tr>
+                <th>공종별 감리 책임자</th>
+                <td></td>
+                <th>총괄 감리 책임자</th>
+                <td></td>
+              </tr>
+              <tr>
+                <th>공사명</th>
+                <td colspan="3">
+                  <span class="construction-name">${((_b = this.project) === null || _b === void 0 ? void 0 : _b.name) || ''}</span>
+                  <span class="date-display">${this.dailyWorklog.date || this._formatSelectedDate()}</span>
+                </td>
+              </tr>
+            </table>
+            <div class="work-section">
+              <div class="left-title">작업사항</div>
+              <table class="work-table">
+                <thead>
+                  <tr>
+                    <th class="col-job">공종</th>
+                    <th>감리확인사항</th>
+                    <th>감리내용</th>
+                    <th style="width:60px">삭제</th>
+                  </tr>
+                </thead>
+                <tbody>
+                  ${(_c = this.dailyWorklog.worklogs) === null || _c === void 0 ? void 0 : _c.map((r, i) => html `
+                      <tr>
+                        <td>
+                          <input
+                            type="text"
+                            .value=${r.constructionType}
+                            @input=${(e) => this._updateWorklogs(i, 'constructionType', e.target.value)}
+                          />
+                        </td>
+                        <td>
+                          <input
+                            type="text"
+                            .value=${r.supervisoryTitle}
+                            @input=${(e) => this._updateWorklogs(i, 'supervisoryTitle', e.target.value)}
+                          />
+                        </td>
+                        <td>
+                          <input
+                            type="text"
+                            .value=${r.supervisorContent}
+                            @input=${(e) => this._updateWorklogs(i, 'supervisorContent', e.target.value)}
+                          />
+                        </td>
+                        <td style="text-align:center">
+                          <md-icon @click=${() => this._remove(i)} style="cursor:pointer">delete</md-icon>
+                        </td>
+                      </tr>
+                    `)}
+                  <tr>
+                    <td colspan="4" style="text-align:center; background:#fafafa">
+                      <md-elevated-button @click=${this._addRow}><md-icon slot="icon">add</md-icon>행 추가</md-elevated-button>
+                    </td>
+                  </tr>
+                </tbody>
+              </table>
+            </div>
+            <div>
+              <div class="section-title">특기사항</div>
+              <textarea
+                class="small"
+                placeholder="특기사항을 입력하세요."
+                .value=${this.dailyWorklog.memo || ''}
+                @input=${(e) => (this.dailyWorklog.memo = e.target.value)}
+              ></textarea>
+            </div>
+            <div>
+              <div class="section-title">지적사항 및 처리결과</div>
+              <textarea
+                class="small"
+                placeholder="지적사항 및 처리결과를 입력하세요."
+                .value=${this.dailyWorklog.directiveMemo || ''}
+                @input=${(e) => (this.dailyWorklog.directiveMemo = e.target.value)}
+              ></textarea>
+            </div>
+          </div>
+        </div>
+        <div class="footer">
+          <md-elevated-button @click=${this._close}><md-icon slot="icon">close</md-icon>닫기</md-elevated-button>
+        </div>
+      </div>
+    `;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this._fetch();
+    }
+    async _fetch() {
+        var _a, _b;
+        if (!((_a = this.project) === null || _a === void 0 ? void 0 : _a.id) || !this.date)
+            return;
+        const response = await client.query({
+            query: gql `
+        query ($projectId: String!, $date: String!) {
+          buildingInspectionDailyWorklogByProjectIdAndDate(projectId: $projectId, date: $date) {
+            id
+            date
+            documentNo
+            worklogs
+            memo
+            directiveMemo
+          }
+        }
+      `,
+            variables: { projectId: this.project.id, date: this.date }
+        });
+        const data = (_b = response.data) === null || _b === void 0 ? void 0 : _b.buildingInspectionDailyWorklogByProjectIdAndDate;
+        if (!data)
+            return;
+        this.dailyWorklog = data;
+    }
+    _formatSelectedDate() {
+        return moment.tz(this.date, 'Asia/Seoul').locale('ko').format('YYYY-MM-DD (dddd)');
+    }
+    _updateWorklogs(index, field, value) {
+        const newWorklogs = [...this.dailyWorklog.worklogs];
+        newWorklogs[index] = Object.assign(Object.assign({}, newWorklogs[index]), { [field]: value });
+        this.dailyWorklog.worklogs = newWorklogs;
+    }
+    _remove(index) {
+        const newWorklogs = [...this.dailyWorklog.worklogs];
+        newWorklogs.splice(index, 1);
+        this.dailyWorklog.worklogs = newWorklogs;
+    }
+    _close() {
+        this.dispatchEvent(new CustomEvent('popup-close', { bubbles: true }));
+        history.back();
+    }
+};
+DailyWorklogPopup.styles = [
+    ScrollbarStyles,
+    css `
+      :host {
+        display: block;
+        background: #fff;
+        width: 100%;
+        height: 100%;
+        overflow: hidden;
+      }
+      .container {
+        display: flex;
+        flex-direction: column;
+        gap: 12px;
+        padding: 20px;
+        height: 100%;
+        box-sizing: border-box;
+      }
+      .sheet {
+        flex: 1;
+        overflow: auto;
+        background: #fff;
+        border: 2px solid #333;
+      }
+      .title {
+        text-align: center;
+        padding: 16px 12px;
+        border-bottom: 1px solid #333;
+        font-weight: 800;
+        font-size: 18px;
+        letter-spacing: 1px;
+      }
+      .body {
+        padding: 16px;
+        display: flex;
+        flex-direction: column;
+        gap: 14px;
+      }
+      .header-table,
+      .work-table {
+        width: 100%;
+        border-collapse: collapse;
+      }
+      .header-table th,
+      .header-table td {
+        border: 1px solid #333;
+        padding: 8px;
+        font-size: 14px;
+        text-align: left;
+      }
+      .header-table th {
+        width: 140px;
+        background-color: #f5f5f5;
+        white-space: nowrap;
+      }
+      .inline {
+        display: grid;
+        grid-template-columns: 1fr 1fr;
+        gap: 8px;
+      }
+      .inline > * {
+        width: 100%;
+      }
+      .inline.readonly {
+        align-items: center;
+        grid-template-columns: auto;
+      }
+      .field {
+        display: flex;
+        flex-direction: column;
+        gap: 4px;
+      }
+      .field label {
+        font-size: 12px;
+        font-weight: 600;
+        color: #333;
+      }
+      .work-table th,
+      .work-table td {
+        border: 1px solid #333;
+        padding: 8px;
+        vertical-align: top;
+      }
+      .work-table thead th {
+        background-color: #f5f5f5;
+        text-align: center;
+      }
+      .work-table .col-job {
+        width: 140px;
+      }
+      .work-section {
+        display: grid;
+        grid-template-columns: 40px 1fr;
+        gap: 0;
+        align-items: stretch;
+      }
+      .left-title {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        border: 1px solid #333;
+        border-right: none;
+        background-color: #f5f5f5;
+        writing-mode: vertical-rl;
+        text-orientation: upright;
+        font-weight: 600;
+        letter-spacing: 2px;
+      }
+      .construction-name {
+        width: 50% !important;
+      }
+      .date-display {
+        font-size: 15px;
+        font-weight: 700;
+        margin-left: 15px;
+      }
+      input[type='text'],
+      input[type='date'],
+      textarea {
+        width: 100%;
+        box-sizing: border-box;
+        border: 1px solid #ddd;
+        padding: 8px;
+        font-size: 14px;
+        border-radius: 4px;
+        background: #fff;
+      }
+      textarea.small {
+        min-height: 80px;
+        resize: vertical;
+      }
+      .section-title {
+        font-weight: bold;
+        margin-top: 4px;
+        margin-bottom: 4px;
+      }
+      .footer {
+        display: flex;
+        justify-content: center;
+        padding: 12px 0;
+        border-top: 1px solid #ddd;
+      }
+    `
+];
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], DailyWorklogPopup.prototype, "date", void 0);
+__decorate([
+    property({ type: Object }),
+    __metadata("design:type", Object)
+], DailyWorklogPopup.prototype, "project", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], DailyWorklogPopup.prototype, "dailyWorklog", void 0);
+DailyWorklogPopup = __decorate([
+    customElement('daily-worklog-popup')
+], DailyWorklogPopup);
+export { DailyWorklogPopup };
+//# sourceMappingURL=daily-worklog-popup.js.map

package/dist-client/pages/building-inspection/component/daily-worklog-popup.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"daily-worklog-popup.js","sourceRoot":"","sources":["../../../../client/pages/building-inspection/component/daily-worklog-popup.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, state, property } from 'lit/decorators.js'\nimport { ScrollbarStyles } from '@operato/styles'\nimport gql from 'graphql-tag'\nimport { client } from '@operato/graphql'\nimport moment from 'moment-timezone'\n\n@customElement('daily-worklog-popup')\nexport class DailyWorklogPopup extends LitElement {\n static styles = [\n ScrollbarStyles,\n css`\n :host {\n display: block;\n background: #fff;\n width: 100%;\n height: 100%;\n overflow: hidden;\n }\n\n .container {\n display: flex;\n flex-direction: column;\n gap: 12px;\n padding: 20px;\n height: 100%;\n box-sizing: border-box;\n }\n\n .sheet {\n flex: 1;\n overflow: auto;\n background: #fff;\n border: 2px solid #333;\n }\n\n .title {\n text-align: center;\n padding: 16px 12px;\n border-bottom: 1px solid #333;\n font-weight: 800;\n font-size: 18px;\n letter-spacing: 1px;\n }\n\n .body {\n padding: 16px;\n display: flex;\n flex-direction: column;\n gap: 14px;\n }\n\n .header-table,\n .work-table {\n width: 100%;\n border-collapse: collapse;\n }\n\n .header-table th,\n .header-table td {\n border: 1px solid #333;\n padding: 8px;\n font-size: 14px;\n text-align: left;\n }\n\n .header-table th {\n width: 140px;\n background-color: #f5f5f5;\n white-space: nowrap;\n }\n\n .inline {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 8px;\n }\n\n .inline > * {\n width: 100%;\n }\n\n .inline.readonly {\n align-items: center;\n grid-template-columns: auto;\n }\n\n .field {\n display: flex;\n flex-direction: column;\n gap: 4px;\n }\n\n .field label {\n font-size: 12px;\n font-weight: 600;\n color: #333;\n }\n\n .work-table th,\n .work-table td {\n border: 1px solid #333;\n padding: 8px;\n vertical-align: top;\n }\n\n .work-table thead th {\n background-color: #f5f5f5;\n text-align: center;\n }\n\n .work-table .col-job {\n width: 140px;\n }\n\n .work-section {\n display: grid;\n grid-template-columns: 40px 1fr;\n gap: 0;\n align-items: stretch;\n }\n\n .left-title {\n display: flex;\n align-items: center;\n justify-content: center;\n border: 1px solid #333;\n border-right: none;\n background-color: #f5f5f5;\n writing-mode: vertical-rl;\n text-orientation: upright;\n font-weight: 600;\n letter-spacing: 2px;\n }\n\n .construction-name {\n width: 50% !important;\n }\n\n .date-display {\n font-size: 15px;\n font-weight: 700;\n margin-left: 15px;\n }\n\n input[type='text'],\n input[type='date'],\n textarea {\n width: 100%;\n box-sizing: border-box;\n border: 1px solid #ddd;\n padding: 8px;\n font-size: 14px;\n border-radius: 4px;\n background: #fff;\n }\n\n textarea.small {\n min-height: 80px;\n resize: vertical;\n }\n\n .section-title {\n font-weight: bold;\n margin-top: 4px;\n margin-bottom: 4px;\n }\n\n .footer {\n display: flex;\n justify-content: center;\n padding: 12px 0;\n border-top: 1px solid #ddd;\n }\n `\n ]\n\n @property({ type: String }) date?: string\n @property({ type: Object }) project?: any\n\n @state() private dailyWorklog: any = {}\n\n render() {\n return html`\n <div class=\"container\">\n <div class=\"sheet\">\n <div class=\"title\">공사감리일지</div>\n <div class=\"body\">\n <table class=\"header-table\">\n <tr>\n <th>문서번호</th>\n <td colspan=\"3\">${this.dailyWorklog?.documentNo || ''}</td>\n </tr>\n <tr>\n <th>공종별 감리 책임자</th>\n <td></td>\n <th>총괄 감리 책임자</th>\n <td></td>\n </tr>\n <tr>\n <th>공사명</th>\n <td colspan=\"3\">\n <span class=\"construction-name\">${this.project?.name || ''}</span>\n <span class=\"date-display\">${this.dailyWorklog.date || this._formatSelectedDate()}</span>\n </td>\n </tr>\n </table>\n\n <div class=\"work-section\">\n <div class=\"left-title\">작업사항</div>\n <table class=\"work-table\">\n <thead>\n <tr>\n <th class=\"col-job\">공종</th>\n <th>감리확인사항</th>\n <th>감리내용</th>\n <th style=\"width:60px\">삭제</th>\n </tr>\n </thead>\n <tbody>\n ${this.dailyWorklog.worklogs?.map(\n (r, i) => html`\n <tr>\n <td>\n <input\n type=\"text\"\n .value=${r.constructionType}\n @input=${(e: any) => this._updateWorklogs(i, 'constructionType', e.target.value)}\n />\n </td>\n <td>\n <input\n type=\"text\"\n .value=${r.supervisoryTitle}\n @input=${(e: any) => this._updateWorklogs(i, 'supervisoryTitle', e.target.value)}\n />\n </td>\n <td>\n <input\n type=\"text\"\n .value=${r.supervisorContent}\n @input=${(e: any) => this._updateWorklogs(i, 'supervisorContent', e.target.value)}\n />\n </td>\n <td style=\"text-align:center\">\n <md-icon @click=${() => this._remove(i)} style=\"cursor:pointer\">delete</md-icon>\n </td>\n </tr>\n `\n )}\n <tr>\n <td colspan=\"4\" style=\"text-align:center; background:#fafafa\">\n <md-elevated-button @click=${this._addRow}><md-icon slot=\"icon\">add</md-icon>행 추가</md-elevated-button>\n </td>\n </tr>\n </tbody>\n </table>\n </div>\n\n <div>\n <div class=\"section-title\">특기사항</div>\n <textarea\n class=\"small\"\n placeholder=\"특기사항을 입력하세요.\"\n .value=${this.dailyWorklog.memo || ''}\n @input=${(e: any) => (this.dailyWorklog.memo = e.target.value)}\n ></textarea>\n </div>\n\n <div>\n <div class=\"section-title\">지적사항 및 처리결과</div>\n <textarea\n class=\"small\"\n placeholder=\"지적사항 및 처리결과를 입력하세요.\"\n .value=${this.dailyWorklog.directiveMemo || ''}\n @input=${(e: any) => (this.dailyWorklog.directiveMemo = e.target.value)}\n ></textarea>\n </div>\n </div>\n </div>\n\n <div class=\"footer\">\n <md-elevated-button @click=${this._close}><md-icon slot=\"icon\">close</md-icon>닫기</md-elevated-button>\n </div>\n </div>\n `\n }\n\n connectedCallback(): void {\n super.connectedCallback()\n this._fetch()\n }\n\n private async _fetch() {\n if (!this.project?.id || !this.date) return\n\n const response = await client.query({\n query: gql`\n query ($projectId: String!, $date: String!) {\n buildingInspectionDailyWorklogByProjectIdAndDate(projectId: $projectId, date: $date) {\n id\n date\n documentNo\n worklogs\n memo\n directiveMemo\n }\n }\n `,\n variables: { projectId: this.project.id, date: this.date }\n })\n\n const data = response.data?.buildingInspectionDailyWorklogByProjectIdAndDate\n if (!data) return\n\n this.dailyWorklog = data\n }\n\n private _formatSelectedDate(): string {\n return moment.tz(this.date, 'Asia/Seoul').locale('ko').format('YYYY-MM-DD (dddd)')\n }\n\n private _updateWorklogs(index: number, field: string, value: string) {\n const newWorklogs = [...this.dailyWorklog.worklogs]\n newWorklogs[index] = { ...newWorklogs[index], [field]: value }\n this.dailyWorklog.worklogs = newWorklogs\n }\n\n private _addRow = () => {\n this.dailyWorklog.worklogs = [\n ...this.dailyWorklog.worklogs,\n { constructionType: '', supervisoryTitle: '', supervisorContent: '' }\n ]\n }\n\n private _remove(index: number) {\n const newWorklogs = [...this.dailyWorklog.worklogs]\n newWorklogs.splice(index, 1)\n this.dailyWorklog.worklogs = newWorklogs\n }\n\n private _close() {\n this.dispatchEvent(new CustomEvent('popup-close', { bubbles: true }))\n history.back()\n }\n}\n"]}

package/dist-client/pages/building-inspection/component/image-preview-popup.d.ts CHANGED Viewed

@@ -5,7 +5,7 @@ export declare class ImagePreviewPopup extends LitElement {
     static styles: import("lit").CSSResult[];
     images: any[];
     currentIndex: number;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
     private _previousImage;
     private _nextImage;
     private _close;

package/dist-client/pages/building-inspection/component/inspection-document/inspection-request-document.d.ts CHANGED Viewed

@@ -12,7 +12,7 @@ export declare class InspectionRequestDocument extends LitElement {
     checklist: any;
     buildingInspection: any;
     mode: InspectionMode;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
     private _formatDate;
     private _onInspectionMemoChange;
     private _onNameListUpload;

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

@@ -20,9 +20,9 @@ let InspectionRequestDocument = class InspectionRequestDocument extends LitEleme
     }
     render() {
         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 headerDate = this._formatDate(new Date(((_a = this.checklist) === null || _a === void 0 ? void 0 : _a.inspectionRequestUpdatedAt) || Date.now()));
         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) => {
+        const attachmentCount = (_d = (_c = (_b = this.buildingInspection) === null || _b === void 0 ? void 0 : _b.checklist) === null || _c === void 0 ? void 0 : _c.checklistItems) === null || _d === void 0 ? void 0 : _d.reduce((acc, item) => {
             return acc + item.checklistItemAttachmentCount;
         }, 0);
         return html `
@@ -32,17 +32,17 @@ let InspectionRequestDocument = class InspectionRequestDocument extends LitEleme
         </div>
         <div class="document-body">
-          <div class="date-section">${today}</div>
+          <div class="date-section">${headerDate}</div>
           <div class="request-info">
             <div class="recipient-section">
               <div class="recipient-item">
                 <span class="recipient-label">문서 번호:</span>
-                <span>${((_d = this.checklist) === null || _d === void 0 ? void 0 : _d.inspectionRequestDocumentNo) || ''}</span>
+                <span>${((_e = this.checklist) === null || _e === void 0 ? void 0 : _e.inspectionRequestDocumentNo) || ''}</span>
               </div>
               <div class="recipient-item">
                 <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>
+                <span>${(_j = (_h = (_g = (_f = this.buildingInspection) === null || _f === void 0 ? void 0 : _f.buildingLevel) === null || _g === void 0 ? void 0 : _g.building) === null || _h === void 0 ? void 0 : _h.buildingComplex) === null || _j === void 0 ? void 0 : _j.supervisoryCompany}</span>
               </div>
             </div>
@@ -51,11 +51,11 @@ let InspectionRequestDocument = class InspectionRequestDocument extends LitEleme
             <table class="request-table">
               <tr>
                 <th>위치 및 공종</th>
-                <td>${(((_j = this.checklist) === null || _j === void 0 ? void 0 : _j.location) || '') + ' - ' + (((_k = this.checklist) === null || _k === void 0 ? void 0 : _k.constructionType) || '')}</td>
+                <td>${(((_k = this.checklist) === null || _k === void 0 ? void 0 : _k.location) || '') + ' - ' + (((_l = this.checklist) === null || _l === void 0 ? void 0 : _l.constructionType) || '')}</td>
               </tr>
               <tr>
                 <th>검측 부위</th>
-                <td>${((_m = (_l = this.checklist) === null || _l === void 0 ? void 0 : _l.inspectionParts) === null || _m === void 0 ? void 0 : _m.join(', ')) || ''}</td>
+                <td>${((_o = (_m = this.checklist) === null || _m === void 0 ? void 0 : _m.inspectionParts) === null || _o === void 0 ? void 0 : _o.join(', ')) || ''}</td>
               </tr>
               <tr>
                 <th>검측 요구일시</th>
@@ -64,18 +64,14 @@ let InspectionRequestDocument = class InspectionRequestDocument extends LitEleme
               <tr>
                 <th>검측 사항</th>
                 <td>
-                  ${this.mode === InspectionMode.EDIT
-            ? html `
-                        <input
-                          type="text"
-                          name="memo"
-                          class="inspection-memo-input"
-                          .value=${((_o = this.buildingInspection) === null || _o === void 0 ? void 0 : _o.memo) || ''}
-                          @input=${this._onInspectionMemoChange}
-                          placeholder="검측사항을 입력하세요."
-                        />
-                      `
-            : html ` <div class="inspection-memo-text">${(_p = this.buildingInspection) === null || _p === void 0 ? void 0 : _p.memo}</div> `}
+                  <input
+                    type="text"
+                    class="inspection-memo-input"
+                    .value=${((_p = this.checklist) === null || _p === void 0 ? void 0 : _p.inspectionRequestMemo) || ''}
+                    @input=${this._onInspectionMemoChange}
+                    ?disabled=${this.mode === InspectionMode.VIEW}
+                    placeholder="검측사항을 입력하세요."
+                  />
                 </td>
               </tr>
             </table>
@@ -141,10 +137,10 @@ let InspectionRequestDocument = class InspectionRequestDocument extends LitEleme
     }
     _onInspectionMemoChange(e) {
         const target = e.target;
-        this.buildingInspection = Object.assign(Object.assign({}, this.buildingInspection), { memo: target.value });
+        this.checklist = Object.assign(Object.assign({}, this.checklist), { inspectionRequestMemo: target.value });
         // 부모 컴포넌트에 변경사항 전달
         this.dispatchEvent(new CustomEvent('inspection-memo-change', {
-            detail: { memo: target.value },
+            detail: { inspectionRequestMemo: target.value },
             bubbles: true
         }));
     }

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

	@@ -1 +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'\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"]}
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'\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 './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 headerDate = this._formatDate(new Date(this.checklist?.inspectionRequestUpdatedAt \|\| Date.now()))\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\">${headerDate}</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 <input\n type=\"text\"\n class=\"inspection-memo-input\"\n .value=${this.checklist?.inspectionRequestMemo \|\| ''}\n @input=${this._onInspectionMemoChange}\n ?disabled=${this.mode === InspectionMode.VIEW}\n placeholder=\"검측사항을 입력하세요.\"\n />\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.checklist = { ...this.checklist, inspectionRequestMemo: target.value }\n\n // 부모 컴포넌트에 변경사항 전달\n this.dispatchEvent(\n new CustomEvent('inspection-memo-change', {\n detail: { inspectionRequestMemo: 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 CHANGED Viewed

@@ -3,6 +3,7 @@ import '@material/web/icon/icon.js';
 import '@material/web/radio/radio.js';
 import '@material/web/textfield/outlined-text-field.js';
 import { LitElement } from 'lit';
+import { InspectionMode } from './inspection-request-document';
 export declare enum InspectionResultStatus {
     PASS = "PASS",// 합격
     FAIL = "FAIL"
@@ -17,7 +18,9 @@ export declare class InspectionResultNotification extends LitElement {
     checklist: any;
     buildingInspection: any;
     project: any;
-    render(): import("lit-html").TemplateResult<1>;
+    mode: InspectionMode;
+    render(): import("lit").TemplateResult<1>;
+    protected updated(): void;
     private _formatDate;
     private _getAttachmentCount;
     private _getOverallResult;