@dssp/dkpi 1.0.0-alpha.7 → 1.0.0-alpha.71

package/dist-client/pages/project-complete-tabs/pc-tab4-monthly.js

@@ -0,0 +1,433 @@
+import { __decorate, __metadata } from "tslib";
+import { css, html, LitElement } from 'lit';
+import { customElement, property, state } from 'lit/decorators.js';
+import { client } from '@operato/graphql';
+import { gql } from '@apollo/client';
+import { notify } from '@operato/layout';
+import moment from 'moment-timezone';
+const DATASET_ID = 'fd4092f5-11d0-488a-bbe8-21d2793e1e79';
+// 월별 수집 대상 항목 (Dataset의 dataItems tag 기준)
+const MONTHLY_ITEMS = [
+    { tag: 'planned_progress', name: '계획공정율', unit: '%', type: 'number' },
+    { tag: 'actual_progress', name: '실적공정율', unit: '%', type: 'number' },
+    { tag: 'schedule_deviation', name: '일정 이탈 수준', unit: '', type: 'rating' },
+    { tag: 'schedule_assessment', name: '일정성과 수준 평가', unit: '', type: 'rating' },
+    { tag: 'cost_assessment', name: '비용성과 수준 평가', unit: '', type: 'rating' },
+    { tag: 'quality_assessment', name: '품질성과 수준 평가', unit: '', type: 'rating' },
+    { tag: 'safety_assessment', name: '안전성과 수준 평가', unit: '', type: 'rating' },
+    { tag: 'environment_assessment', name: '환경성과 수준 평가', unit: '', type: 'rating' },
+    { tag: 'productivity_assessment', name: '생산성성과 수준 평가', unit: '', type: 'rating' }
+];
+let SvProjectCompleteTab4Monthly = class SvProjectCompleteTab4Monthly extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.project = {};
+        // monthRows: { workDate: 'YYYY-MM', data: {tag: value}, sampleId?: string, dirty: boolean }[]
+        this.monthRows = [];
+        this.addYear = new Date().getFullYear();
+        this.addMonth = new Date().getMonth() + 1;
+    }
+    render() {
+        const years = this._getYearRange();
+        return html `
+      <div class="title">
+        프로젝트 수행 기간 동안의 월별 데이터를 입력합니다.<br />
+        공정률, 감리자 수준 평가(1~5) 등의 항목을 월 단위로 기록하여 성과 추세 분석에 활용합니다.
+      </div>
+
+      <div class="toolbar">
+        <select .value=${String(this.addYear)} @change=${(e) => (this.addYear = Number(e.target.value))}>
+          ${years.map(y => html `<option value=${y} ?selected=${y === this.addYear}>${y}년</option>`)}
+        </select>
+        <select
+          .value=${String(this.addMonth)}
+          @change=${(e) => (this.addMonth = Number(e.target.value))}
+        >
+          ${[1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12].map(m => html `<option value=${m} ?selected=${m === this.addMonth}>${m}월</option>`)}
+        </select>
+        <div class="add-btn" @click=${this._addMonth}>+ 월 추가</div>
+      </div>
+
+      ${this.monthRows.length === 0
+            ? html `<div class="empty-msg">등록된 월별 데이터가 없습니다. 위에서 월을 추가해주세요.</div>`
+            : html `
+            <div class="grid-wrapper">
+              <table>
+                <thead>
+                  <tr>
+                    <th>월</th>
+                    ${MONTHLY_ITEMS.map(item => html `<th>${item.name}${item.unit ? ` (${item.unit})` : ''}</th>`)}
+                    <th>상태</th>
+                    <th></th>
+                  </tr>
+                </thead>
+                <tbody>
+                  ${this.monthRows.map((row, rowIdx) => html `
+                      <tr>
+                        <td class="month-cell ${this._isCurrentMonth(row.workDate) ? 'current' : ''}">${row.workDate}</td>
+                        ${MONTHLY_ITEMS.map(item => {
+                var _a, _b;
+                return item.type === 'rating'
+                    ? html `
+                                <td>
+                                  <select
+                                    class="rating-select"
+                                    .value=${String((_a = row.data[item.tag]) !== null && _a !== void 0 ? _a : '')}
+                                    @change=${(e) => this._onCellChange(rowIdx, item.tag, e.target.value)}
+                                  >
+                                    <option value="">-</option>
+                                    ${[1, 2, 3, 4, 5].map(v => html `<option value=${v} ?selected=${Number(row.data[item.tag]) === v}>${v}</option>`)}
+                                  </select>
+                                </td>
+                              `
+                    : html `
+                                <td>
+                                  <input
+                                    type="number"
+                                    .value=${(_b = row.data[item.tag]) !== null && _b !== void 0 ? _b : ''}
+                                    @input=${(e) => this._onCellChange(rowIdx, item.tag, e.target.value)}
+                                  />
+                                </td>
+                              `;
+            })}
+                        <td>
+                          ${row.sampleId
+                ? row.dirty
+                    ? html `<span class="status-unsaved">수정됨</span>`
+                    : html `<span class="status-saved">저장됨</span>`
+                : html `<span class="status-new">신규</span>`}
+                        </td>
+                        <td>
+                          <span class="delete-btn" title="삭제" @click=${() => this._removeMonth(rowIdx)}>✕</span>
+                        </td>
+                      </tr>
+                    `)}
+                </tbody>
+              </table>
+            </div>
+          `}
+
+      <div class="button-line">
+        <div class="ghost-btn" @click=${this._reset}>초기화</div>
+        <div class="ghost-btn secondary" @click=${this._save}>저장</div>
+      </div>
+    `;
+    }
+    willUpdate(changedProperties) {
+        var _a;
+        super.willUpdate(changedProperties);
+        if (changedProperties.has('project') && ((_a = this.project) === null || _a === void 0 ? void 0 : _a.id)) {
+            this._loadData();
+        }
+    }
+    _getYearRange() {
+        var _a, _b;
+        const startYear = ((_a = this.project) === null || _a === void 0 ? void 0 : _a.startDate) ? new Date(this.project.startDate).getFullYear() : new Date().getFullYear() - 2;
+        const endYear = ((_b = this.project) === null || _b === void 0 ? void 0 : _b.endDate)
+            ? new Date(this.project.endDate).getFullYear() + 1
+            : new Date().getFullYear() + 1;
+        const years = [];
+        for (let y = startYear; y <= endYear; y++)
+            years.push(y);
+        return years;
+    }
+    _isCurrentMonth(workDate) {
+        return workDate === moment().tz('Asia/Seoul').format('YYYY-MM');
+    }
+    async _loadData() {
+        var _a, _b;
+        try {
+            const response = await client.query({
+                query: gql `
+          query DataSamplesByDataSet($dataSetId: String!, $filters: [Filter!], $sortings: [Sorting!], $pagination: Pagination) {
+            dataSamplesByDataSet(dataSetId: $dataSetId, filters: $filters, sortings: $sortings, pagination: $pagination) {
+              items {
+                id
+                data
+                workDate
+                key01
+              }
+              total
+            }
+          }
+        `,
+                variables: {
+                    dataSetId: DATASET_ID,
+                    filters: [{ name: 'key01', operator: 'eq', value: this.project.id }],
+                    sortings: [{ name: 'workDate', desc: false }],
+                    pagination: { page: 1, limit: 120 }
+                }
+            });
+            const items = ((_b = (_a = response.data) === null || _a === void 0 ? void 0 : _a.dataSamplesByDataSet) === null || _b === void 0 ? void 0 : _b.items) || [];
+            this.monthRows = items.map((sample) => {
+                var _a;
+                return ({
+                    workDate: ((_a = sample.workDate) === null || _a === void 0 ? void 0 : _a.substring(0, 7)) || '', // YYYY-MM
+                    data: sample.data || {},
+                    sampleId: sample.id,
+                    dirty: false
+                });
+            });
+        }
+        catch (e) {
+            console.error('Failed to load monthly data:', e);
+            this.monthRows = [];
+        }
+    }
+    _addMonth() {
+        const workDate = `${this.addYear}-${String(this.addMonth).padStart(2, '0')}`;
+        // 중복 체크
+        if (this.monthRows.some(r => r.workDate === workDate)) {
+            notify({ message: `${workDate}은 이미 존재합니다.` });
+            return;
+        }
+        const newRow = {
+            workDate,
+            data: {},
+            sampleId: null,
+            dirty: true
+        };
+        // 정렬된 위치에 삽입
+        const rows = [...this.monthRows, newRow];
+        rows.sort((a, b) => a.workDate.localeCompare(b.workDate));
+        this.monthRows = rows;
+    }
+    _removeMonth(rowIdx) {
+        this.monthRows = this.monthRows.filter((_, i) => i !== rowIdx);
+    }
+    _onCellChange(rowIdx, tag, rawValue) {
+        const value = rawValue === '' ? null : Number(rawValue);
+        this.monthRows = this.monthRows.map((row, i) => {
+            if (i !== rowIdx)
+                return row;
+            return Object.assign(Object.assign({}, row), { data: Object.assign(Object.assign({}, row.data), { [tag]: value }), dirty: true });
+        });
+    }
+    async _save() {
+        const dirtyRows = this.monthRows.filter(r => r.dirty);
+        if (dirtyRows.length === 0) {
+            notify({ message: '변경된 데이터가 없습니다.' });
+            return;
+        }
+        let savedCount = 0;
+        let errorCount = 0;
+        for (const row of dirtyRows) {
+            try {
+                // data에 project_id 포함 (DataKeySet이 key01에 매핑)
+                const data = Object.assign(Object.assign({}, row.data), { project_id: this.project.id });
+                // null 값 제거
+                for (const key of Object.keys(data)) {
+                    if (data[key] === null || data[key] === undefined)
+                        delete data[key];
+                }
+                // collectedAt을 월 시작일 고정으로 설정 → 동일 key01+collectedAt이면 기존 레코드 업데이트
+                const collectedAt = new Date(`${row.workDate}-01T00:00:00Z`);
+                await client.mutate({
+                    mutation: gql `
+            mutation CreateDataSample($dataSample: NewDataSample!) {
+              createDataSample(dataSample: $dataSample) {
+                id
+                data
+                workDate
+                key01
+              }
+            }
+          `,
+                    variables: {
+                        dataSample: {
+                            dataSet: { id: DATASET_ID },
+                            data,
+                            workDate: `${row.workDate}-01`,
+                            collectedAt: collectedAt.toISOString(),
+                            source: 'project-complete'
+                        }
+                    }
+                });
+                savedCount++;
+            }
+            catch (e) {
+                console.error(`Failed to save ${row.workDate}:`, e);
+                errorCount++;
+            }
+        }
+        if (errorCount > 0) {
+            notify({ message: `${savedCount}건 저장, ${errorCount}건 오류 발생` });
+        }
+        else {
+            notify({ message: `${savedCount}건 저장되었습니다.` });
+        }
+        // 저장 후 다시 로드하여 sampleId 갱신
+        await this._loadData();
+    }
+    _reset() {
+        this._loadData();
+    }
+};
+SvProjectCompleteTab4Monthly.styles = [
+    css `
+      :host {
+        display: block;
+      }
+      .title {
+        color: #212529;
+        font-size: 13px;
+        font-weight: 400;
+        line-height: 24px;
+        text-align: center;
+        margin-bottom: 8px;
+      }
+
+      .toolbar {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        gap: 12px;
+        margin-bottom: 12px;
+      }
+      .toolbar select {
+        padding: 5px 8px;
+        border: 1px solid rgba(0, 0, 0, 0.15);
+        border-radius: 5px;
+        font-size: 14px;
+        color: #212529;
+      }
+      .toolbar .add-btn {
+        display: inline-flex;
+        align-items: center;
+        gap: 4px;
+        padding: 5px 10px;
+        background: #35618e;
+        color: #fff;
+        border-radius: 5px;
+        cursor: pointer;
+        font-size: 13px;
+      }
+
+      .grid-wrapper {
+        overflow-x: auto;
+        padding: 0 6px;
+      }
+      table {
+        width: 100%;
+        border-collapse: collapse;
+        font-size: 13px;
+      }
+      thead th {
+        background: #f3f3fa;
+        border-top: 2px solid #0c4da2;
+        color: #212529;
+        text-align: center;
+        padding: 8px 6px;
+        white-space: nowrap;
+        font-weight: 500;
+      }
+      tbody td {
+        border-bottom: 1px solid rgba(0, 0, 0, 0.08);
+        text-align: center;
+        padding: 6px 4px;
+        vertical-align: middle;
+      }
+      tbody tr:hover {
+        background: #f8fafc;
+      }
+      .month-cell {
+        color: #35618e;
+        font-weight: 600;
+        white-space: nowrap;
+      }
+      .month-cell.current {
+        color: #16a085;
+      }
+
+      input[type='number'] {
+        width: 70px;
+        padding: 4px 6px;
+        border: 1px solid rgba(0, 0, 0, 0.12);
+        border-radius: 4px;
+        text-align: center;
+        font-size: 13px;
+      }
+      input[type='number']:focus {
+        outline: none;
+        border-color: #35618e;
+      }
+
+      .rating-select {
+        padding: 4px 6px;
+        border: 1px solid rgba(0, 0, 0, 0.12);
+        border-radius: 4px;
+        font-size: 13px;
+        text-align: center;
+      }
+
+      .status-saved {
+        color: #16a085;
+        font-size: 12px;
+      }
+      .status-unsaved {
+        color: #e67e22;
+        font-size: 12px;
+      }
+      .status-new {
+        color: #3498db;
+        font-size: 12px;
+      }
+
+      .button-line {
+        display: flex;
+        justify-content: center;
+        gap: 10px;
+        margin-top: 16px;
+      }
+      .ghost-btn {
+        display: inline-flex;
+        align-items: center;
+        gap: 6px;
+        padding: 6px 10px;
+        background: #35618e;
+        color: #ffffff;
+        border-radius: 5px;
+        cursor: pointer;
+      }
+      .ghost-btn.secondary {
+        background: #24be7b;
+      }
+
+      .delete-btn {
+        cursor: pointer;
+        color: #999;
+        font-size: 18px;
+      }
+      .delete-btn:hover {
+        color: #e74c3c;
+      }
+
+      .empty-msg {
+        text-align: center;
+        color: #999;
+        padding: 40px 0;
+        font-size: 14px;
+      }
+    `
+];
+__decorate([
+    property({ type: Object }),
+    __metadata("design:type", Object)
+], SvProjectCompleteTab4Monthly.prototype, "project", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Array)
+], SvProjectCompleteTab4Monthly.prototype, "monthRows", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Number)
+], SvProjectCompleteTab4Monthly.prototype, "addYear", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Number)
+], SvProjectCompleteTab4Monthly.prototype, "addMonth", void 0);
+SvProjectCompleteTab4Monthly = __decorate([
+    customElement('sv-pc-tab4-monthly')
+], SvProjectCompleteTab4Monthly);
+export { SvProjectCompleteTab4Monthly };
+//# sourceMappingURL=pc-tab4-monthly.js.map

package/dist-client/pages/project-complete-tabs/pc-tab4-monthly.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pc-tab4-monthly.js","sourceRoot":"","sources":["../../../client/pages/project-complete-tabs/pc-tab4-monthly.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, LitElement } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { client } from '@operato/graphql'\nimport { gql } from '@apollo/client'\nimport { notify } from '@operato/layout'\nimport moment from 'moment-timezone'\n\nconst DATASET_ID = 'fd4092f5-11d0-488a-bbe8-21d2793e1e79'\n\n// 월별 수집 대상 항목 (Dataset의 dataItems tag 기준)\nconst MONTHLY_ITEMS = [\n  { tag: 'planned_progress', name: '계획공정율', unit: '%', type: 'number' },\n  { tag: 'actual_progress', name: '실적공정율', unit: '%', type: 'number' },\n  { tag: 'schedule_deviation', name: '일정 이탈 수준', unit: '', type: 'rating' },\n  { tag: 'schedule_assessment', name: '일정성과 수준 평가', unit: '', type: 'rating' },\n  { tag: 'cost_assessment', name: '비용성과 수준 평가', unit: '', type: 'rating' },\n  { tag: 'quality_assessment', name: '품질성과 수준 평가', unit: '', type: 'rating' },\n  { tag: 'safety_assessment', name: '안전성과 수준 평가', unit: '', type: 'rating' },\n  { tag: 'environment_assessment', name: '환경성과 수준 평가', unit: '', type: 'rating' },\n  { tag: 'productivity_assessment', name: '생산성성과 수준 평가', unit: '', type: 'rating' }\n]\n\n@customElement('sv-pc-tab4-monthly')\nexport class SvProjectCompleteTab4Monthly extends LitElement {\n  static styles = [\n    css`\n      :host {\n        display: block;\n      }\n      .title {\n        color: #212529;\n        font-size: 13px;\n        font-weight: 400;\n        line-height: 24px;\n        text-align: center;\n        margin-bottom: 8px;\n      }\n\n      .toolbar {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 12px;\n        margin-bottom: 12px;\n      }\n      .toolbar select {\n        padding: 5px 8px;\n        border: 1px solid rgba(0, 0, 0, 0.15);\n        border-radius: 5px;\n        font-size: 14px;\n        color: #212529;\n      }\n      .toolbar .add-btn {\n        display: inline-flex;\n        align-items: center;\n        gap: 4px;\n        padding: 5px 10px;\n        background: #35618e;\n        color: #fff;\n        border-radius: 5px;\n        cursor: pointer;\n        font-size: 13px;\n      }\n\n      .grid-wrapper {\n        overflow-x: auto;\n        padding: 0 6px;\n      }\n      table {\n        width: 100%;\n        border-collapse: collapse;\n        font-size: 13px;\n      }\n      thead th {\n        background: #f3f3fa;\n        border-top: 2px solid #0c4da2;\n        color: #212529;\n        text-align: center;\n        padding: 8px 6px;\n        white-space: nowrap;\n        font-weight: 500;\n      }\n      tbody td {\n        border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n        text-align: center;\n        padding: 6px 4px;\n        vertical-align: middle;\n      }\n      tbody tr:hover {\n        background: #f8fafc;\n      }\n      .month-cell {\n        color: #35618e;\n        font-weight: 600;\n        white-space: nowrap;\n      }\n      .month-cell.current {\n        color: #16a085;\n      }\n\n      input[type='number'] {\n        width: 70px;\n        padding: 4px 6px;\n        border: 1px solid rgba(0, 0, 0, 0.12);\n        border-radius: 4px;\n        text-align: center;\n        font-size: 13px;\n      }\n      input[type='number']:focus {\n        outline: none;\n        border-color: #35618e;\n      }\n\n      .rating-select {\n        padding: 4px 6px;\n        border: 1px solid rgba(0, 0, 0, 0.12);\n        border-radius: 4px;\n        font-size: 13px;\n        text-align: center;\n      }\n\n      .status-saved {\n        color: #16a085;\n        font-size: 12px;\n      }\n      .status-unsaved {\n        color: #e67e22;\n        font-size: 12px;\n      }\n      .status-new {\n        color: #3498db;\n        font-size: 12px;\n      }\n\n      .button-line {\n        display: flex;\n        justify-content: center;\n        gap: 10px;\n        margin-top: 16px;\n      }\n      .ghost-btn {\n        display: inline-flex;\n        align-items: center;\n        gap: 6px;\n        padding: 6px 10px;\n        background: #35618e;\n        color: #ffffff;\n        border-radius: 5px;\n        cursor: pointer;\n      }\n      .ghost-btn.secondary {\n        background: #24be7b;\n      }\n\n      .delete-btn {\n        cursor: pointer;\n        color: #999;\n        font-size: 18px;\n      }\n      .delete-btn:hover {\n        color: #e74c3c;\n      }\n\n      .empty-msg {\n        text-align: center;\n        color: #999;\n        padding: 40px 0;\n        font-size: 14px;\n      }\n    `\n  ]\n\n  @property({ type: Object }) project: any = {}\n\n  // monthRows: { workDate: 'YYYY-MM', data: {tag: value}, sampleId?: string, dirty: boolean }[]\n  @state() monthRows: any[] = []\n  @state() addYear: number = new Date().getFullYear()\n  @state() addMonth: number = new Date().getMonth() + 1\n\n  render() {\n    const years = this._getYearRange()\n\n    return html`\n      <div class=\"title\">\n        프로젝트 수행 기간 동안의 월별 데이터를 입력합니다.<br />\n        공정률, 감리자 수준 평가(1~5) 등의 항목을 월 단위로 기록하여 성과 추세 분석에 활용합니다.\n      </div>\n\n      <div class=\"toolbar\">\n        <select .value=${String(this.addYear)} @change=${(e: Event) => (this.addYear = Number((e.target as HTMLSelectElement).value))}>\n          ${years.map(y => html`<option value=${y} ?selected=${y === this.addYear}>${y}년</option>`)}\n        </select>\n        <select\n          .value=${String(this.addMonth)}\n          @change=${(e: Event) => (this.addMonth = Number((e.target as HTMLSelectElement).value))}\n        >\n          ${[1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12].map(\n            m => html`<option value=${m} ?selected=${m === this.addMonth}>${m}월</option>`\n          )}\n        </select>\n        <div class=\"add-btn\" @click=${this._addMonth}>+ 월 추가</div>\n      </div>\n\n      ${this.monthRows.length === 0\n        ? html`<div class=\"empty-msg\">등록된 월별 데이터가 없습니다. 위에서 월을 추가해주세요.</div>`\n        : html`\n            <div class=\"grid-wrapper\">\n              <table>\n                <thead>\n                  <tr>\n                    <th>월</th>\n                    ${MONTHLY_ITEMS.map(item => html`<th>${item.name}${item.unit ? ` (${item.unit})` : ''}</th>`)}\n                    <th>상태</th>\n                    <th></th>\n                  </tr>\n                </thead>\n                <tbody>\n                  ${this.monthRows.map(\n                    (row, rowIdx) => html`\n                      <tr>\n                        <td class=\"month-cell ${this._isCurrentMonth(row.workDate) ? 'current' : ''}\">${row.workDate}</td>\n                        ${MONTHLY_ITEMS.map(item =>\n                          item.type === 'rating'\n                            ? html`\n                                <td>\n                                  <select\n                                    class=\"rating-select\"\n                                    .value=${String(row.data[item.tag] ?? '')}\n                                    @change=${(e: Event) => this._onCellChange(rowIdx, item.tag, (e.target as HTMLSelectElement).value)}\n                                  >\n                                    <option value=\"\">-</option>\n                                    ${[1, 2, 3, 4, 5].map(\n                                      v =>\n                                        html`<option value=${v} ?selected=${Number(row.data[item.tag]) === v}>${v}</option>`\n                                    )}\n                                  </select>\n                                </td>\n                              `\n                            : html`\n                                <td>\n                                  <input\n                                    type=\"number\"\n                                    .value=${row.data[item.tag] ?? ''}\n                                    @input=${(e: InputEvent) => this._onCellChange(rowIdx, item.tag, (e.target as HTMLInputElement).value)}\n                                  />\n                                </td>\n                              `\n                        )}\n                        <td>\n                          ${row.sampleId\n                            ? row.dirty\n                              ? html`<span class=\"status-unsaved\">수정됨</span>`\n                              : html`<span class=\"status-saved\">저장됨</span>`\n                            : html`<span class=\"status-new\">신규</span>`}\n                        </td>\n                        <td>\n                          <span class=\"delete-btn\" title=\"삭제\" @click=${() => this._removeMonth(rowIdx)}>✕</span>\n                        </td>\n                      </tr>\n                    `\n                  )}\n                </tbody>\n              </table>\n            </div>\n          `}\n\n      <div class=\"button-line\">\n        <div class=\"ghost-btn\" @click=${this._reset}>초기화</div>\n        <div class=\"ghost-btn secondary\" @click=${this._save}>저장</div>\n      </div>\n    `\n  }\n\n  willUpdate(changedProperties: Map<string, any>) {\n    super.willUpdate(changedProperties)\n    if (changedProperties.has('project') && this.project?.id) {\n      this._loadData()\n    }\n  }\n\n  private _getYearRange(): number[] {\n    const startYear = this.project?.startDate ? new Date(this.project.startDate).getFullYear() : new Date().getFullYear() - 2\n    const endYear = this.project?.endDate\n      ? new Date(this.project.endDate).getFullYear() + 1\n      : new Date().getFullYear() + 1\n    const years: number[] = []\n    for (let y = startYear; y <= endYear; y++) years.push(y)\n    return years\n  }\n\n  private _isCurrentMonth(workDate: string): boolean {\n    return workDate === moment().tz('Asia/Seoul').format('YYYY-MM')\n  }\n\n  private async _loadData() {\n    try {\n      const response = await client.query({\n        query: gql`\n          query DataSamplesByDataSet($dataSetId: String!, $filters: [Filter!], $sortings: [Sorting!], $pagination: Pagination) {\n            dataSamplesByDataSet(dataSetId: $dataSetId, filters: $filters, sortings: $sortings, pagination: $pagination) {\n              items {\n                id\n                data\n                workDate\n                key01\n              }\n              total\n            }\n          }\n        `,\n        variables: {\n          dataSetId: DATASET_ID,\n          filters: [{ name: 'key01', operator: 'eq', value: this.project.id }],\n          sortings: [{ name: 'workDate', desc: false }],\n          pagination: { page: 1, limit: 120 }\n        }\n      })\n\n      const items = response.data?.dataSamplesByDataSet?.items || []\n      this.monthRows = items.map((sample: any) => ({\n        workDate: sample.workDate?.substring(0, 7) || '', // YYYY-MM\n        data: sample.data || {},\n        sampleId: sample.id,\n        dirty: false\n      }))\n    } catch (e) {\n      console.error('Failed to load monthly data:', e)\n      this.monthRows = []\n    }\n  }\n\n  private _addMonth() {\n    const workDate = `${this.addYear}-${String(this.addMonth).padStart(2, '0')}`\n\n    // 중복 체크\n    if (this.monthRows.some(r => r.workDate === workDate)) {\n      notify({ message: `${workDate}은 이미 존재합니다.` })\n      return\n    }\n\n    const newRow = {\n      workDate,\n      data: {},\n      sampleId: null,\n      dirty: true\n    }\n\n    // 정렬된 위치에 삽입\n    const rows = [...this.monthRows, newRow]\n    rows.sort((a, b) => a.workDate.localeCompare(b.workDate))\n    this.monthRows = rows\n  }\n\n  private _removeMonth(rowIdx: number) {\n    this.monthRows = this.monthRows.filter((_, i) => i !== rowIdx)\n  }\n\n  private _onCellChange(rowIdx: number, tag: string, rawValue: string) {\n    const value = rawValue === '' ? null : Number(rawValue)\n    this.monthRows = this.monthRows.map((row, i) => {\n      if (i !== rowIdx) return row\n      return {\n        ...row,\n        data: { ...row.data, [tag]: value },\n        dirty: true\n      }\n    })\n  }\n\n  private async _save() {\n    const dirtyRows = this.monthRows.filter(r => r.dirty)\n    if (dirtyRows.length === 0) {\n      notify({ message: '변경된 데이터가 없습니다.' })\n      return\n    }\n\n    let savedCount = 0\n    let errorCount = 0\n\n    for (const row of dirtyRows) {\n      try {\n        // data에 project_id 포함 (DataKeySet이 key01에 매핑)\n        const data = { ...row.data, project_id: this.project.id }\n        // null 값 제거\n        for (const key of Object.keys(data)) {\n          if (data[key] === null || data[key] === undefined) delete data[key]\n        }\n\n        // collectedAt을 월 시작일 고정으로 설정 → 동일 key01+collectedAt이면 기존 레코드 업데이트\n        const collectedAt = new Date(`${row.workDate}-01T00:00:00Z`)\n\n        await client.mutate({\n          mutation: gql`\n            mutation CreateDataSample($dataSample: NewDataSample!) {\n              createDataSample(dataSample: $dataSample) {\n                id\n                data\n                workDate\n                key01\n              }\n            }\n          `,\n          variables: {\n            dataSample: {\n              dataSet: { id: DATASET_ID },\n              data,\n              workDate: `${row.workDate}-01`,\n              collectedAt: collectedAt.toISOString(),\n              source: 'project-complete'\n            }\n          }\n        })\n\n        savedCount++\n      } catch (e) {\n        console.error(`Failed to save ${row.workDate}:`, e)\n        errorCount++\n      }\n    }\n\n    if (errorCount > 0) {\n      notify({ message: `${savedCount}건 저장, ${errorCount}건 오류 발생` })\n    } else {\n      notify({ message: `${savedCount}건 저장되었습니다.` })\n    }\n\n    // 저장 후 다시 로드하여 sampleId 갱신\n    await this._loadData()\n  }\n\n  private _reset() {\n    this._loadData()\n  }\n}\n"]}

package/dist-client/pages/sv-project-complete.d.ts

@@ -0,0 +1,21 @@
+import '@material/web/icon/icon.js';
+import { PageView } from '@operato/shell';
+import './project-complete-tabs/pc-tab1-plan';
+import './project-complete-tabs/pc-tab2-rating';
+import './project-complete-tabs/pc-tab3-upload';
+import './project-complete-tabs/pc-tab4-monthly';
+declare const SvProjectCompletePage_base: typeof PageView & import("@open-wc/dedupe-mixin").Constructor<import("@open-wc/scoped-elements/types/src/types").ScopedElementsHost>;
+export declare class SvProjectCompletePage extends SvProjectCompletePage_base {
+    static styles: import("lit").CSSResult[];
+    get context(): {
+        title: string;
+    };
+    private activeTab;
+    private projectId;
+    private project;
+    render(): import("lit-html").TemplateResult<1>;
+    pageUpdated(changes: any, lifecycle: any): Promise<void>;
+    private _onTabClick;
+    private _onComplete;
+}
+export {};