@dssp/supervision 1.0.0-alpha.97 → 1.0.0

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

@@ -1,542 +0,0 @@
-import { __decorate, __metadata } from "tslib";
-import '@material/web/button/elevated-button.js';
-import '@material/web/icon/icon.js';
-import '@material/web/radio/radio.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';
-import { notify } from '@operato/layout';
-export var DailyWorklogMode;
-(function (DailyWorklogMode) {
-    DailyWorklogMode["EDIT"] = "edit";
-    DailyWorklogMode["CREATE"] = "create";
-})(DailyWorklogMode || (DailyWorklogMode = {}));
-let DailyWorklogPopup = class DailyWorklogPopup extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.dailyWorklog = {};
-        this.mode = DailyWorklogMode.CREATE;
-        this.selectedRowIndex = -1;
-        this.selectedBuildingInspection = {};
-        this._addRow = () => {
-            const current = Array.isArray(this.dailyWorklog.worklogs) ? this.dailyWorklog.worklogs : [];
-            const newWorklogs = [...current, { constructionType: '', supervisoryTitle: '', supervisorContent: '' }];
-            this.dailyWorklog = Object.assign(Object.assign({}, this.dailyWorklog), { worklogs: newWorklogs });
-        };
-    }
-    render() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
-        const taskSupervisorySignature = this.mode === DailyWorklogMode.CREATE
-            ? ((_a = this.selectedBuildingInspection.checklist) === null || _a === void 0 ? void 0 : _a.taskSupervisorySignature) || ''
-            : (_b = this.dailyWorklog) === null || _b === void 0 ? void 0 : _b.taskSupervisorySignature;
-        const overallSupervisorySignature = this.mode === DailyWorklogMode.CREATE
-            ? ((_c = this.selectedBuildingInspection.checklist) === null || _c === void 0 ? void 0 : _c.overallSupervisorySignature) || ''
-            : (_d = this.dailyWorklog) === null || _d === void 0 ? void 0 : _d.overallSupervisorySignature;
-        const taskSupervisoryName = this.mode === DailyWorklogMode.CREATE
-            ? ((_f = (_e = this.selectedBuildingInspection.checklist) === null || _e === void 0 ? void 0 : _e.taskSupervisory) === null || _f === void 0 ? void 0 : _f.name) || ''
-            : (_h = (_g = this.dailyWorklog) === null || _g === void 0 ? void 0 : _g.taskSupervisory) === null || _h === void 0 ? void 0 : _h.name;
-        const overallSupervisoryName = this.mode === DailyWorklogMode.CREATE
-            ? ((_k = (_j = this.selectedBuildingInspection.checklist) === null || _j === void 0 ? void 0 : _j.overallSupervisory) === null || _k === void 0 ? void 0 : _k.name) || ''
-            : (_m = (_l = this.dailyWorklog) === null || _l === void 0 ? void 0 : _l.overallSupervisory) === null || _m === void 0 ? void 0 : _m.name;
-        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">${((_o = this.dailyWorklog) === null || _o === void 0 ? void 0 : _o.documentNo) || ''}</td>
-              </tr>
-              <tr>
-                <th>공종별 감리 책임자</th>
-                <td>
-                  <div class="signature-box">
-                    <div class="signature-name">${taskSupervisoryName}</div>
-                    <div class="signature-container">
-                      ${taskSupervisorySignature
-            ? html `<img class="signature-image" src="${taskSupervisorySignature}" alt="서명" />`
-            : ''}
-                    </div>
-                  </div>
-                </td>
-                <th>총괄 감리 책임자</th>
-                <td>
-                  <div class="signature-box">
-                    <div class="signature-name">${overallSupervisoryName}</div>
-                    <div class="signature-container">
-                      ${overallSupervisorySignature
-            ? html `<img class="signature-image" src="${overallSupervisorySignature}" alt="서명" />`
-            : ''}
-                    </div>
-                  </div>
-                </td>
-              </tr>
-              <tr>
-                <th>공사명</th>
-                <td colspan="3">
-                  <span class="construction-name">${((_p = this.project) === null || _p === void 0 ? void 0 : _p.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>
-                    ${this.mode === DailyWorklogMode.CREATE ? html `<th class="col-select">선택</th>` : html ``}
-                    <th class="col-job">공종</th>
-                    <th>감리확인사항</th>
-                    <th>감리내용</th>
-                    <th class="col-action">삭제</th>
-                  </tr>
-                </thead>
-                <tbody>
-                  ${(_q = this.dailyWorklog.worklogs) === null || _q === void 0 ? void 0 : _q.map((worklog, i) => {
-            var _a, _b, _c;
-            const hasBuildingInspectionId = !!((_c = (_b = (_a = this.dailyWorklog) === null || _a === void 0 ? void 0 : _a.buildingInspections) === null || _b === void 0 ? void 0 : _b[i]) === null || _c === void 0 ? void 0 : _c.id);
-            return html ` <tr class=${this.selectedRowIndex === i ? 'selected' : ''}>
-                      ${this.mode === DailyWorklogMode.CREATE
-                ? html `<td class="col-select">
-                            <md-radio
-                              name="worklog-select"
-                              ?checked=${this.selectedRowIndex === i}
-                              ?disabled=${!hasBuildingInspectionId}
-                              @change=${() => this._selectRow(i)}
-                            ></md-radio>
-                          </td>`
-                : html ``}
-                      <td>
-                        <input
-                          type="text"
-                          .value=${worklog.constructionType}
-                          ?disabled=${this.mode === DailyWorklogMode.EDIT}
-                          @input=${(e) => this._onConstructionTypeInput(i, e.target.value)}
-                        />
-                      </td>
-                      <td>
-                        <input
-                          type="text"
-                          .value=${worklog.supervisoryTitle}
-                          @input=${(e) => this._updateWorklogs(i, 'supervisoryTitle', e.target.value)}
-                        />
-                      </td>
-                      <td>
-                        <input
-                          type="text"
-                          .value=${worklog.supervisorContent}
-                          @input=${(e) => this._updateWorklogs(i, 'supervisorContent', e.target.value)}
-                        />
-                      </td>
-                      <td class="action">
-                        <md-icon class="clickable" @click=${() => this._remove(i)}>delete</md-icon>
-                      </td>
-                    </tr>`;
-        })}
-                  <tr>
-                    <td colspan="${this.mode === DailyWorklogMode.CREATE ? 5 : 4}" class="add-row">
-                      <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">
-          ${this.mode === DailyWorklogMode.CREATE
-            ? html `<md-elevated-button blue @click=${this._create}><md-icon slot="icon">save</md-icon>저장</md-elevated-button>`
-            : html `<md-elevated-button green @click=${this._update}><md-icon slot="icon">save</md-icon>수정</md-elevated-button>`}
-        </div>
-      </div>
-    `;
-    }
-    connectedCallback() {
-        super.connectedCallback();
-    }
-    _formatSelectedDate() {
-        return moment.tz(this.date, 'Asia/Seoul').locale('ko').format('YYYY-MM-DD (dddd)');
-    }
-    _updateWorklogs(index, field, value) {
-        const current = Array.isArray(this.dailyWorklog.worklogs) ? this.dailyWorklog.worklogs : [];
-        const newWorklogs = [...current];
-        newWorklogs[index] = Object.assign(Object.assign({}, newWorklogs[index]), { [field]: value });
-        this.dailyWorklog = Object.assign(Object.assign({}, this.dailyWorklog), { worklogs: newWorklogs });
-    }
-    _onConstructionTypeInput(index, value) {
-        this._updateWorklogs(index, 'constructionType', value);
-    }
-    _remove(index) {
-        const current = Array.isArray(this.dailyWorklog.worklogs) ? this.dailyWorklog.worklogs : [];
-        const newWorklogs = [...current];
-        newWorklogs.splice(index, 1);
-        this.dailyWorklog = Object.assign(Object.assign({}, this.dailyWorklog), { worklogs: newWorklogs });
-    }
-    _selectRow(index) {
-        this.selectedRowIndex = index;
-        this.selectedBuildingInspection = this.dailyWorklog.buildingInspections[index];
-    }
-    async _create() {
-        var _a, _b, _c;
-        if (this.selectedRowIndex === -1) {
-            notify({ message: '서명을 할 공종을 선택해주세요.', level: 'error' });
-            return;
-        }
-        const selectedChecklist = this.selectedBuildingInspection.checklist;
-        const response = await client.mutate({
-            mutation: gql `
-        mutation CreateBuildingInspectionDailyWorklog($patch: BuildingInspectionDailyWorklogNew!) {
-          createBuildingInspectionDailyWorklog(patch: $patch) {
-            id
-          }
-        }
-      `,
-            variables: {
-                patch: {
-                    memo: this.dailyWorklog.memo,
-                    directiveMemo: this.dailyWorklog.directiveMemo,
-                    worklogs: this.dailyWorklog.worklogs,
-                    projectId: (_a = this.project) === null || _a === void 0 ? void 0 : _a.id,
-                    date: this.date,
-                    buildingInspectionIds: this.dailyWorklog.buildingInspections.map(v => v.id),
-                    overallSupervisoryId: (_b = selectedChecklist === null || selectedChecklist === void 0 ? void 0 : selectedChecklist.overallSupervisory) === null || _b === void 0 ? void 0 : _b.id,
-                    taskSupervisoryId: (_c = selectedChecklist === null || selectedChecklist === void 0 ? void 0 : selectedChecklist.taskSupervisory) === null || _c === void 0 ? void 0 : _c.id,
-                    overallSupervisorySignature: selectedChecklist === null || selectedChecklist === void 0 ? void 0 : selectedChecklist.overallSupervisorySignature,
-                    taskSupervisorySignature: selectedChecklist === null || selectedChecklist === void 0 ? void 0 : selectedChecklist.taskSupervisorySignature
-                }
-            }
-        });
-        if (!response.errors) {
-            const newDailyWorklog = response.data.createBuildingInspectionDailyWorklog;
-            this.dispatchEvent(new CustomEvent('createdDailyWorklog', { detail: { dailyWorklog: newDailyWorklog } }));
-            notify({ message: '일일 업무일지가 생성되었습니다.', level: 'info' });
-            history.back();
-        }
-    }
-    async _update() {
-        const response = await client.mutate({
-            mutation: gql `
-        mutation UpdateBuildingInspectionDailyWorklog($patch: BuildingInspectionDailyWorklogPatch!) {
-          updateBuildingInspectionDailyWorklog(patch: $patch) {
-            id
-          }
-        }
-      `,
-            variables: {
-                patch: {
-                    id: this.dailyWorklog.id,
-                    worklogs: this.dailyWorklog.worklogs,
-                    memo: this.dailyWorklog.memo,
-                    directiveMemo: this.dailyWorklog.directiveMemo
-                }
-            }
-        });
-        if (!response.errors) {
-            notify({ message: '일일 업무일지가 수정되었습니다.', level: 'info' });
-            this.dispatchEvent(new CustomEvent('updatedDailyWorklog', { detail: { dailyWorklog: this.dailyWorklog } }));
-            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: middle;
-      }
-
-      .work-table thead th {
-        background-color: #f5f5f5;
-        text-align: center;
-      }
-
-      .work-table .col-select {
-        width: 50px;
-        text-align: center;
-      }
-
-      .work-table .col-job {
-        width: 140px;
-      }
-
-      .work-table .col-action {
-        width: 60px;
-        text-align: center;
-      }
-
-      .work-table td.action {
-        text-align: center;
-      }
-
-      .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: 14px;
-        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;
-      }
-
-      .add-row {
-        text-align: center;
-        background: #fafafa;
-      }
-
-      .clickable {
-        cursor: pointer;
-      }
-
-      .work-table tbody tr.selected {
-        background-color: #eaf4ff;
-      }
-
-      .signature-box {
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        gap: 12px;
-      }
-
-      .signature-name {
-        font-size: 14px;
-        color: #333;
-        font-weight: 600;
-      }
-
-      .signature-container {
-        position: relative;
-        min-width: 80px;
-        min-height: 40px;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-      }
-
-      .signature-image {
-        max-width: 120px;
-        max-height: 40px;
-        width: auto;
-        height: auto;
-      }
-
-      md-elevated-button[blue] {
-        --md-elevated-button-container-color: #0595e5;
-        --md-elevated-button-label-text-color: var(--md-sys-color-on-primary);
-        --md-elevated-button-hover-label-text-color: var(--md-sys-color-on-primary);
-        --md-elevated-button-pressed-label-text-color: var(--md-sys-color-on-primary);
-        --md-elevated-button-focus-label-text-color: var(--md-sys-color-on-primary);
-        --md-elevated-button-icon-color: var(--md-sys-color-on-primary);
-        --md-elevated-button-hover-icon-color: var(--md-sys-color-on-primary);
-        --md-elevated-button-pressed-icon-color: var(--md-sys-color-on-primary);
-        --md-elevated-button-focus-icon-color: var(--md-sys-color-on-primary);
-      }
-
-      md-elevated-button[green] {
-        --md-elevated-button-container-color: #008000;
-        --md-elevated-button-label-text-color: var(--md-sys-color-on-primary);
-        --md-elevated-button-hover-label-text-color: var(--md-sys-color-on-primary);
-        --md-elevated-button-pressed-label-text-color: var(--md-sys-color-on-primary);
-        --md-elevated-button-focus-label-text-color: var(--md-sys-color-on-primary);
-        --md-elevated-button-icon-color: var(--md-sys-color-on-primary);
-        --md-elevated-button-hover-icon-color: var(--md-sys-color-on-primary);
-        --md-elevated-button-pressed-icon-color: var(--md-sys-color-on-primary);
-        --md-elevated-button-focus-icon-color: var(--md-sys-color-on-primary);
-      }
-    `
-];
-__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([
-    property({ type: Object }),
-    __metadata("design:type", Object)
-], DailyWorklogPopup.prototype, "dailyWorklog", void 0);
-__decorate([
-    property({ type: String }),
-    __metadata("design:type", String)
-], DailyWorklogPopup.prototype, "mode", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Number)
-], DailyWorklogPopup.prototype, "selectedRowIndex", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], DailyWorklogPopup.prototype, "selectedBuildingInspection", 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

@@ -1 +0,0 @@
-{"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'\nimport '@material/web/radio/radio.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'\nimport { notify } from '@operato/layout'\n\nexport enum DailyWorklogMode {\n  EDIT = 'edit',\n  CREATE = 'create'\n}\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: middle;\n      }\n\n      .work-table thead th {\n        background-color: #f5f5f5;\n        text-align: center;\n      }\n\n      .work-table .col-select {\n        width: 50px;\n        text-align: center;\n      }\n\n      .work-table .col-job {\n        width: 140px;\n      }\n\n      .work-table .col-action {\n        width: 60px;\n        text-align: center;\n      }\n\n      .work-table td.action {\n        text-align: center;\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: 14px;\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      .add-row {\n        text-align: center;\n        background: #fafafa;\n      }\n\n      .clickable {\n        cursor: pointer;\n      }\n\n      .work-table tbody tr.selected {\n        background-color: #eaf4ff;\n      }\n\n      .signature-box {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        gap: 12px;\n      }\n\n      .signature-name {\n        font-size: 14px;\n        color: #333;\n        font-weight: 600;\n      }\n\n      .signature-container {\n        position: relative;\n        min-width: 80px;\n        min-height: 40px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n      }\n\n      .signature-image {\n        max-width: 120px;\n        max-height: 40px;\n        width: auto;\n        height: auto;\n      }\n\n      md-elevated-button[blue] {\n        --md-elevated-button-container-color: #0595e5;\n        --md-elevated-button-label-text-color: var(--md-sys-color-on-primary);\n        --md-elevated-button-hover-label-text-color: var(--md-sys-color-on-primary);\n        --md-elevated-button-pressed-label-text-color: var(--md-sys-color-on-primary);\n        --md-elevated-button-focus-label-text-color: var(--md-sys-color-on-primary);\n        --md-elevated-button-icon-color: var(--md-sys-color-on-primary);\n        --md-elevated-button-hover-icon-color: var(--md-sys-color-on-primary);\n        --md-elevated-button-pressed-icon-color: var(--md-sys-color-on-primary);\n        --md-elevated-button-focus-icon-color: var(--md-sys-color-on-primary);\n      }\n\n      md-elevated-button[green] {\n        --md-elevated-button-container-color: #008000;\n        --md-elevated-button-label-text-color: var(--md-sys-color-on-primary);\n        --md-elevated-button-hover-label-text-color: var(--md-sys-color-on-primary);\n        --md-elevated-button-pressed-label-text-color: var(--md-sys-color-on-primary);\n        --md-elevated-button-focus-label-text-color: var(--md-sys-color-on-primary);\n        --md-elevated-button-icon-color: var(--md-sys-color-on-primary);\n        --md-elevated-button-hover-icon-color: var(--md-sys-color-on-primary);\n        --md-elevated-button-pressed-icon-color: var(--md-sys-color-on-primary);\n        --md-elevated-button-focus-icon-color: var(--md-sys-color-on-primary);\n      }\n    `\n  ]\n\n  @property({ type: String }) date?: string\n  @property({ type: Object }) project?: any\n  @property({ type: Object }) dailyWorklog: any = {}\n  @property({ type: String }) mode?: DailyWorklogMode = DailyWorklogMode.CREATE\n  @state() private selectedRowIndex: number = -1\n  @state() private selectedBuildingInspection: any = {}\n\n  render() {\n    const taskSupervisorySignature =\n      this.mode === DailyWorklogMode.CREATE\n        ? this.selectedBuildingInspection.checklist?.taskSupervisorySignature || ''\n        : this.dailyWorklog?.taskSupervisorySignature\n\n    const overallSupervisorySignature =\n      this.mode === DailyWorklogMode.CREATE\n        ? this.selectedBuildingInspection.checklist?.overallSupervisorySignature || ''\n        : this.dailyWorklog?.overallSupervisorySignature\n\n    const taskSupervisoryName =\n      this.mode === DailyWorklogMode.CREATE\n        ? this.selectedBuildingInspection.checklist?.taskSupervisory?.name || ''\n        : this.dailyWorklog?.taskSupervisory?.name\n\n    const overallSupervisoryName =\n      this.mode === DailyWorklogMode.CREATE\n        ? this.selectedBuildingInspection.checklist?.overallSupervisory?.name || ''\n        : this.dailyWorklog?.overallSupervisory?.name\n\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>\n                  <div class=\"signature-box\">\n                    <div class=\"signature-name\">${taskSupervisoryName}</div>\n                    <div class=\"signature-container\">\n                      ${taskSupervisorySignature\n                        ? html`<img class=\"signature-image\" src=\"${taskSupervisorySignature}\" alt=\"서명\" />`\n                        : ''}\n                    </div>\n                  </div>\n                </td>\n                <th>총괄 감리 책임자</th>\n                <td>\n                  <div class=\"signature-box\">\n                    <div class=\"signature-name\">${overallSupervisoryName}</div>\n                    <div class=\"signature-container\">\n                      ${overallSupervisorySignature\n                        ? html`<img class=\"signature-image\" src=\"${overallSupervisorySignature}\" alt=\"서명\" />`\n                        : ''}\n                    </div>\n                  </div>\n                </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                    ${this.mode === DailyWorklogMode.CREATE ? html`<th class=\"col-select\">선택</th>` : html``}\n                    <th class=\"col-job\">공종</th>\n                    <th>감리확인사항</th>\n                    <th>감리내용</th>\n                    <th class=\"col-action\">삭제</th>\n                  </tr>\n                </thead>\n                <tbody>\n                  ${this.dailyWorklog.worklogs?.map((worklog, i) => {\n                    const hasBuildingInspectionId = !!this.dailyWorklog?.buildingInspections?.[i]?.id\n                    return html` <tr class=${this.selectedRowIndex === i ? 'selected' : ''}>\n                      ${this.mode === DailyWorklogMode.CREATE\n                        ? html`<td class=\"col-select\">\n                            <md-radio\n                              name=\"worklog-select\"\n                              ?checked=${this.selectedRowIndex === i}\n                              ?disabled=${!hasBuildingInspectionId}\n                              @change=${() => this._selectRow(i)}\n                            ></md-radio>\n                          </td>`\n                        : html``}\n                      <td>\n                        <input\n                          type=\"text\"\n                          .value=${worklog.constructionType}\n                          ?disabled=${this.mode === DailyWorklogMode.EDIT}\n                          @input=${(e: any) => this._onConstructionTypeInput(i, e.target.value)}\n                        />\n                      </td>\n                      <td>\n                        <input\n                          type=\"text\"\n                          .value=${worklog.supervisoryTitle}\n                          @input=${(e: any) => this._updateWorklogs(i, 'supervisoryTitle', e.target.value)}\n                        />\n                      </td>\n                      <td>\n                        <input\n                          type=\"text\"\n                          .value=${worklog.supervisorContent}\n                          @input=${(e: any) => this._updateWorklogs(i, 'supervisorContent', e.target.value)}\n                        />\n                      </td>\n                      <td class=\"action\">\n                        <md-icon class=\"clickable\" @click=${() => this._remove(i)}>delete</md-icon>\n                      </td>\n                    </tr>`\n                  })}\n                  <tr>\n                    <td colspan=\"${this.mode === DailyWorklogMode.CREATE ? 5 : 4}\" class=\"add-row\">\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          ${this.mode === DailyWorklogMode.CREATE\n            ? html`<md-elevated-button blue @click=${this._create}><md-icon slot=\"icon\">save</md-icon>저장</md-elevated-button>`\n            : html`<md-elevated-button green @click=${this._update}><md-icon slot=\"icon\">save</md-icon>수정</md-elevated-button>`}\n        </div>\n      </div>\n    `\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback()\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 current = Array.isArray(this.dailyWorklog.worklogs) ? this.dailyWorklog.worklogs : []\n    const newWorklogs = [...current]\n    newWorklogs[index] = { ...newWorklogs[index], [field]: value }\n    this.dailyWorklog = { ...this.dailyWorklog, worklogs: newWorklogs }\n  }\n\n  private _onConstructionTypeInput(index: number, value: string) {\n    this._updateWorklogs(index, 'constructionType', value)\n  }\n\n  private _addRow = () => {\n    const current = Array.isArray(this.dailyWorklog.worklogs) ? this.dailyWorklog.worklogs : []\n    const newWorklogs = [...current, { constructionType: '', supervisoryTitle: '', supervisorContent: '' }]\n    this.dailyWorklog = { ...this.dailyWorklog, worklogs: newWorklogs }\n  }\n\n  private _remove(index: number) {\n    const current = Array.isArray(this.dailyWorklog.worklogs) ? this.dailyWorklog.worklogs : []\n    const newWorklogs = [...current]\n    newWorklogs.splice(index, 1)\n    this.dailyWorklog = { ...this.dailyWorklog, worklogs: newWorklogs }\n  }\n\n  private _selectRow(index: number) {\n    this.selectedRowIndex = index\n    this.selectedBuildingInspection = this.dailyWorklog.buildingInspections[index]\n  }\n\n  private async _create() {\n    if (this.selectedRowIndex === -1) {\n      notify({ message: '서명을 할 공종을 선택해주세요.', level: 'error' })\n      return\n    }\n\n    const selectedChecklist = this.selectedBuildingInspection.checklist\n\n    const response = await client.mutate({\n      mutation: gql`\n        mutation CreateBuildingInspectionDailyWorklog($patch: BuildingInspectionDailyWorklogNew!) {\n          createBuildingInspectionDailyWorklog(patch: $patch) {\n            id\n          }\n        }\n      `,\n      variables: {\n        patch: {\n          memo: this.dailyWorklog.memo,\n          directiveMemo: this.dailyWorklog.directiveMemo,\n          worklogs: this.dailyWorklog.worklogs,\n          projectId: this.project?.id,\n          date: this.date,\n          buildingInspectionIds: this.dailyWorklog.buildingInspections.map(v => v.id),\n          overallSupervisoryId: selectedChecklist?.overallSupervisory?.id,\n          taskSupervisoryId: selectedChecklist?.taskSupervisory?.id,\n          overallSupervisorySignature: selectedChecklist?.overallSupervisorySignature,\n          taskSupervisorySignature: selectedChecklist?.taskSupervisorySignature\n        }\n      }\n    })\n\n    if (!response.errors) {\n      const newDailyWorklog = response.data.createBuildingInspectionDailyWorklog\n      this.dispatchEvent(new CustomEvent('createdDailyWorklog', { detail: { dailyWorklog: newDailyWorklog } }))\n      notify({ message: '일일 업무일지가 생성되었습니다.', level: 'info' })\n      history.back()\n    }\n  }\n\n  private async _update() {\n    const response = await client.mutate({\n      mutation: gql`\n        mutation UpdateBuildingInspectionDailyWorklog($patch: BuildingInspectionDailyWorklogPatch!) {\n          updateBuildingInspectionDailyWorklog(patch: $patch) {\n            id\n          }\n        }\n      `,\n      variables: {\n        patch: {\n          id: this.dailyWorklog.id,\n          worklogs: this.dailyWorklog.worklogs,\n          memo: this.dailyWorklog.memo,\n          directiveMemo: this.dailyWorklog.directiveMemo\n        }\n      }\n    })\n\n    if (!response.errors) {\n      notify({ message: '일일 업무일지가 수정되었습니다.', level: 'info' })\n      this.dispatchEvent(new CustomEvent('updatedDailyWorklog', { detail: { dailyWorklog: this.dailyWorklog } }))\n      history.back()\n    }\n  }\n}\n"]}

package/dist-client/pages/building-inspection/component/field-document/field-document-constants.d.ts

@@ -1,18 +0,0 @@
-export interface Classification {
-    code: string;
-    name: string;
-    children?: Classification[];
-}
-/**
- * 현장 문서 분류 체계 (대분류 / 중분류 / 소분류)
- * - 대분류: 2자리 코드
- * - 중분류: 4자리 코드
- * - 소분류: 6자리 코드
- */
-export declare const FIELD_DOCUMENT_CLASSIFICATIONS: Classification[];
-/** 소분류 코드로 전체 경로(대분류 > 중분류 > 소분류) 찾기 */
-export declare function findClassificationPath(code: string): {
-    major?: Classification;
-    middle?: Classification;
-    minor?: Classification;
-};