@dssp/supervision 1.0.16 → 1.0.18

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

@@ -66,7 +66,9 @@ export declare class BuildingInspectionAiMeasurement extends PageView {
     private setInputEl;
     private pendingSetIndex;
     private objectUrls;
+    private _onVisible;
     connectedCallback(): Promise<void>;
+    disconnectedCallback(): void;
     get context(): {
         title: string;
     };
@@ -96,6 +98,10 @@ export declare class BuildingInspectionAiMeasurement extends PageView {
     private _callMeasure;
     private _fetchMeasureImage;
     private _loadShotGuide;
+    private _shotTag;
+    private _shotTechnique;
+    private _shotAppLink;
+    private _autoAttachTaggedSets;
     private _renderSetChooser;
     private _loadRecentSets;
     private _openSetChooser;

package/dist-client/pages/building-inspection/building-inspection-detail-ai-measurement.js

@@ -101,6 +101,11 @@ let BuildingInspectionAiMeasurement = class BuildingInspectionAiMeasurement exte
         /* 세트 업로드 대상: 촬영 건 인덱스(가이드 화면) 또는 -1(재촬영 패널) */
         this.pendingSetIndex = null;
         this.objectUrls = []; // 페이지 이탈 시 정리할 blob URL들
+        /* 촬영 앱에 다녀온 뒤 화면이 다시 보이면 올라온 세트를 찾아 자동 등록한다 */
+        this._onVisible = () => {
+            if (document.visibilityState === 'visible' && this.guide && !this.result)
+                this._autoAttachTaggedSets();
+        };
         this._openReport = () => {
             this.panel = 'report';
             this.selectedItem = null;
@@ -129,9 +134,14 @@ let BuildingInspectionAiMeasurement = class BuildingInspectionAiMeasurement exte
     }
     async connectedCallback() {
         super.connectedCallback();
+        document.addEventListener('visibilitychange', this._onVisible);
         this.canMutate = await canDcspMutate();
         this.updateContext();
     }
+    disconnectedCallback() {
+        document.removeEventListener('visibilitychange', this._onVisible);
+        super.disconnectedCallback();
+    }
     get context() {
         return {
             title: '검측 관리 상세 - AI 자동 검측'
@@ -232,11 +242,6 @@ let BuildingInspectionAiMeasurement = class BuildingInspectionAiMeasurement exte
             <span>${uploaded} / ${total}</span>
           </div>
           <div class="progress-bar"><div style="width: ${total ? (uploaded / total) * 100 : 0}%"></div></div>
-          <div class="app-links">
-            <span>촬영 앱 열기</span>
-            <a href=${appCaptureLink('cover')}>철근 배근 길이</a>
-            <a href=${appCaptureLink('thick')}>벽·기둥 두께</a>
-          </div>
           ${shots.map((s, i) => {
             const set = this.sets[i];
             return html `
@@ -245,9 +250,8 @@ let BuildingInspectionAiMeasurement = class BuildingInspectionAiMeasurement exte
                 <div class="set-main">
                   <b>촬영 ${s.shot_no || i + 1} · ${s.target}</b>
                   ${set
-                ? html `세트 업로드 완료${set.technique ? ` (${set.technique})` : ''}
-                        ${set.warnings.map(w => html `<div class="set-warn">⚠ ${w}</div>`)}`
-                : html `탭해서 앱으로 촬영한 세트를 선택 (또는 파일 직접 선택)`}
+                ? html `세트 연결 완료 (${set.setId}) ${set.warnings.map(w => html `<div class="set-warn">⚠ ${w}</div>`)}`
+                : html `「앱으로 촬영」을 누르면 촬영 후 이 칸에 자동 등록됩니다 · 탭하면 직접 선택`}
                 </div>
                 ${set
                 ? html `<button
@@ -259,7 +263,9 @@ let BuildingInspectionAiMeasurement = class BuildingInspectionAiMeasurement exte
                       >
                         교체
                       </button>`
-                : ''}
+                : html `<a class="shoot-link" href=${this._shotAppLink(s, i)} @click=${(e) => e.stopPropagation()}>
+                        <md-icon>photo_camera</md-icon>앱으로 촬영
+                      </a>`}
               </div>
               ${this.setPickerFor === i ? this._renderSetChooser(i) : ''}
             `;
@@ -504,9 +510,8 @@ let BuildingInspectionAiMeasurement = class BuildingInspectionAiMeasurement exte
               `
             : ''}
         <div class="app-links">
-          <span>촬영 앱 열기</span>
-          <a href=${appCaptureLink('cover')}>철근 배근 길이</a>
-          <a href=${appCaptureLink('thick')}>벽·기둥 두께</a>
+          <span>앱으로 재촬영</span>
+          <a href=${`${appCaptureLink(this._shotTechnique(shot))}&set=${encodeURIComponent(this._shotTag(0))}`}> 촬영 시작 </a>
         </div>
         <div class="set-card" ?uploaded=${!!this.recaptureSet} @click=${() => this._openSetChooser(-1)}>
           <md-icon>${this.recaptureSet ? 'check_circle' : 'video_file'}</md-icon>
@@ -845,6 +850,47 @@ let BuildingInspectionAiMeasurement = class BuildingInspectionAiMeasurement exte
             this.loading = false;
         }
     }
+    /* 촬영 칸마다 고유 태그 — 앱에 부재 ID로 넘겨 두면, 올라온 세트의 member_id로
+       "어느 촬영 칸의 것인지" 되찾을 수 있다 (앱↔플랫폼 왕복에 식별자가 없어서 쓰는 방법) */
+    _shotTag(shotNo) {
+        return `${(this.buildingInspectionId || 'ins').replace(/-/g, '').slice(0, 6)}-${shotNo}`;
+    }
+    /* 촬영 지시문에서 기술 추론 — 앱의 촬영 안내만 달라진다(측정은 meta.technique를 안 봄) */
+    _shotTechnique(shot) {
+        const text = `${(shot === null || shot === void 0 ? void 0 : shot.target) || ''} ${(shot === null || shot === void 0 ? void 0 : shot.how) || ''}`;
+        if (/두께|콘크리트\s*면|거푸집|탈형|벽체\s*면/.test(text))
+            return 'thick';
+        return 'cover';
+    }
+    _shotAppLink(shot, index) {
+        const tag = this._shotTag((shot === null || shot === void 0 ? void 0 : shot.shot_no) || index + 1);
+        return `${appCaptureLink(this._shotTechnique(shot))}&set=${encodeURIComponent(tag)}`;
+    }
+    /* 앱에서 촬영하고 돌아오면 태그로 찾아 해당 촬영 칸에 자동 등록 */
+    async _autoAttachTaggedSets() {
+        var _a, _b;
+        if (!((_b = (_a = this.guide) === null || _a === void 0 ? void 0 : _a.shots) === null || _b === void 0 ? void 0 : _b.length))
+            return;
+        await this._loadRecentSets();
+        const used = new Set(this.uploadedSets.map(s => s.setId));
+        let changed = false;
+        const next = [...this.sets];
+        this.guide.shots.forEach((shot, i) => {
+            if (next[i])
+                return;
+            const tag = this._shotTag((shot === null || shot === void 0 ? void 0 : shot.shot_no) || i + 1);
+            const hit = this.recentSets.find(s => s.member_id === tag && !used.has(s.set_id));
+            if (!hit)
+                return;
+            used.add(hit.set_id);
+            next[i] = { setId: hit.set_id, technique: hit.technique, label: `세트 ${hit.set_id}`, warnings: [] };
+            changed = true;
+        });
+        if (changed) {
+            this.sets = next;
+            notify({ message: '촬영한 세트를 자동으로 등록했습니다.' });
+        }
+    }
     /* 세트 선택 목록 — 앱이 올린 최근 세트 + 파일 직접 선택 폴백 */
     _renderSetChooser(index) {
         return html `
@@ -861,7 +907,9 @@ let BuildingInspectionAiMeasurement = class BuildingInspectionAiMeasurement exte
                       </span>
                     </button>
                   `)
-                : html `<div class="chooser-empty">앱에서 올린 세트가 없습니다. 앱으로 촬영하거나 파일을 직접 선택하세요.</div>`}
+                : html `<div class="chooser-empty">
+                  올라온 세트가 없습니다. 카드의 「앱으로 촬영」으로 찍으면 여기에 나타납니다.
+                </div>`}
         <div class="chooser-actions">
           <button class="text-button" @click=${() => this._loadRecentSets()}>새로고침</button>
           <button class="text-button" @click=${() => this._openSetPicker(index)}>파일 직접 선택</button>
@@ -1543,6 +1591,26 @@ BuildingInspectionAiMeasurement.styles = [
         color: #777;
       }
 
+      /* 촬영 칸의 「앱으로 촬영」 */
+      .shoot-link {
+        display: inline-flex;
+        align-items: center;
+        gap: 4px;
+        flex-shrink: 0;
+        padding: 7px 12px;
+        border-radius: 999px;
+        background: #7d2f2f;
+        color: #fff;
+        font-size: 12px;
+        font-weight: 600;
+        text-decoration: none;
+      }
+
+      .shoot-link md-icon {
+        --md-icon-size: 16px;
+        color: #fff;
+      }
+
       .app-links a {
         display: inline-flex;
         align-items: center;
@@ -1604,6 +1672,11 @@ BuildingInspectionAiMeasurement.styles = [
         padding-top: 4px;
       }
 
+      .set-chooser .app-links {
+        border-top: 1px solid #f0f0f0;
+        padding: 8px 4px 6px;
+      }
+
       /* 세트 업로드 카드 */
       .set-card {
         display: flex;