@dssp/project 1.0.0-alpha.5 → 1.0.0-alpha.51

package/dist-client/pages/project/project-update.js

@@ -9,6 +9,7 @@ import { ScopedElementsMixin } from '@open-wc/scoped-elements';
 import { client } from '@operato/graphql';
 import { notify } from '@operato/layout';
 import gql from 'graphql-tag';
+import { SITE_TYPE_DISPLAY } from './project-list';
 import '../lib/select2-component';
 import './component/project-update-header';
 let ProjectUpdate = class ProjectUpdate extends ScopedElementsMixin(PageView) {
@@ -16,6 +17,7 @@ let ProjectUpdate = class ProjectUpdate extends ScopedElementsMixin(PageView) {
         super(...arguments);
         this.defaultProject = {
             name: '',
+            documentNaming: '',
             buildingComplex: {
                 address: '',
                 area: 0,
@@ -41,7 +43,7 @@ let ProjectUpdate = class ProjectUpdate extends ScopedElementsMixin(PageView) {
         };
     }
     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, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43, _44, _45, _46, _47, _48, _49, _50;
         return html `
       <project-update-header .projectId=${this.project.id || ''} title="프로젝트 정보 관리" @custom-click=${this._saveProject}>
       </project-update-header>
@@ -61,6 +63,25 @@ let ProjectUpdate = class ProjectUpdate extends ScopedElementsMixin(PageView) {
               ></md-outlined-text-field>
             </span>
           </div>
+          <div row>
+            <span>프로젝트 문서 네이밍</span>
+            <span>
+              <md-outlined-text-field
+                type="text"
+                name="documentNaming"
+                project
+                .value=${this.project.documentNaming || ''}
+                @input=${this._onInputChange}
+                placeholder="프로젝트 문서 네이밍"
+              ></md-outlined-text-field>
+            </span>
+          </div>
+          <div row>
+            <span></span>
+            <span>
+              <div document-preview>📄 문서 생성 예시: <br />${this.project.documentNaming} 검측 제01-00001호</div>
+            </span>
+          </div>
           <div row>
             <span>프로젝트 주소</span>
             <span>
@@ -100,7 +121,7 @@ let ProjectUpdate = class ProjectUpdate extends ScopedElementsMixin(PageView) {
             </span>
           </div>
           <div row>
-            <span>면적</span>
+            <span>연 면적</span>
             <span align-end
               ><md-outlined-text-field
                 type="text"
@@ -109,10 +130,56 @@ let ProjectUpdate = class ProjectUpdate extends ScopedElementsMixin(PageView) {
                 building-complex
                 .value=${((_l = (_k = (_j = this.project) === null || _j === void 0 ? void 0 : _j.buildingComplex) === null || _k === void 0 ? void 0 : _k.area) === null || _l === void 0 ? void 0 : _l.toString()) || ''}
                 @input=${this._onInputChange}
+                suffix-text="㎡"
               ></md-outlined-text-field>
-              ㎡</span
-            >
+            </span>
           </div>
+
+          <div row>
+            <span>건폐율</span>
+            <span align-end>
+              <md-outlined-text-field
+                type="text"
+                name="coverageRatio"
+                numeric
+                building-complex
+                .value=${((_p = (_o = (_m = this.project) === null || _m === void 0 ? void 0 : _m.buildingComplex) === null || _o === void 0 ? void 0 : _o.coverageRatio) === null || _p === void 0 ? void 0 : _p.toString()) || ''}
+                @input=${this._onInputChange}
+                suffix-text="%"
+              ></md-outlined-text-field>
+            </span>
+          </div>
+          <div row>
+            <span>용적률</span>
+            <span align-end>
+              <md-outlined-text-field
+                type="text"
+                name="floorAreaRatio"
+                numeric
+                building-complex
+                .value=${((_s = (_r = (_q = this.project) === null || _q === void 0 ? void 0 : _q.buildingComplex) === null || _r === void 0 ? void 0 : _r.floorAreaRatio) === null || _s === void 0 ? void 0 : _s.toString()) || ''}
+                @input=${this._onInputChange}
+                suffix-text="%"
+              ></md-outlined-text-field>
+            </span>
+          </div>
+
+          <div row>
+            <span>현장유형</span>
+            <span
+              ><md-filled-select name="siteType" building-complex @change=${this._onInputChange}>
+                ${Object.entries(SITE_TYPE_DISPLAY).map(([key, display]) => {
+            var _a, _b;
+            return html `
+                    <md-select-option ?selected=${((_b = (_a = this.project) === null || _a === void 0 ? void 0 : _a.buildingComplex) === null || _b === void 0 ? void 0 : _b.siteType) === key} .value=${key}>
+                      <div slot="headline">${display}</div>
+                    </md-select-option>
+                  `;
+        })}
+              </md-filled-select>
+            </span>
+          </div>
+
           <div row>
             <span>착공일정 ~ 준공일정</span>
             <span
@@ -142,7 +209,7 @@ let ProjectUpdate = class ProjectUpdate extends ScopedElementsMixin(PageView) {
                 type="text"
                 name="clientCompany"
                 building-complex
-                .value=${((_o = (_m = this.project) === null || _m === void 0 ? void 0 : _m.buildingComplex) === null || _o === void 0 ? void 0 : _o.clientCompany) || ''}
+                .value=${((_u = (_t = this.project) === null || _t === void 0 ? void 0 : _t.buildingComplex) === null || _u === void 0 ? void 0 : _u.clientCompany) || ''}
                 @input=${this._onInputChange}
               ></md-outlined-text-field>
             </span>
@@ -154,7 +221,7 @@ let ProjectUpdate = class ProjectUpdate extends ScopedElementsMixin(PageView) {
                 type="text"
                 name="constructionCompany"
                 building-complex
-                .value=${((_q = (_p = this.project) === null || _p === void 0 ? void 0 : _p.buildingComplex) === null || _q === void 0 ? void 0 : _q.constructionCompany) || ''}
+                .value=${((_w = (_v = this.project) === null || _v === void 0 ? void 0 : _v.buildingComplex) === null || _w === void 0 ? void 0 : _w.constructionCompany) || ''}
                 @input=${this._onInputChange}
               ></md-outlined-text-field>
             </span>
@@ -166,7 +233,7 @@ let ProjectUpdate = class ProjectUpdate extends ScopedElementsMixin(PageView) {
                 type="text"
                 name="designCompany"
                 building-complex
-                .value=${((_s = (_r = this.project) === null || _r === void 0 ? void 0 : _r.buildingComplex) === null || _s === void 0 ? void 0 : _s.designCompany) || ''}
+                .value=${((_y = (_x = this.project) === null || _x === void 0 ? void 0 : _x.buildingComplex) === null || _y === void 0 ? void 0 : _y.designCompany) || ''}
                 @input=${this._onInputChange}
               ></md-outlined-text-field>
             </span>
@@ -178,7 +245,7 @@ let ProjectUpdate = class ProjectUpdate extends ScopedElementsMixin(PageView) {
                 type="text"
                 name="supervisoryCompany"
                 building-complex
-                .value=${((_u = (_t = this.project) === null || _t === void 0 ? void 0 : _t.buildingComplex) === null || _u === void 0 ? void 0 : _u.supervisoryCompany) || ''}
+                .value=${((_0 = (_z = this.project) === null || _z === void 0 ? void 0 : _z.buildingComplex) === null || _0 === void 0 ? void 0 : _0.supervisoryCompany) || ''}
                 @input=${this._onInputChange}
               ></md-outlined-text-field>
             </span>
@@ -190,17 +257,30 @@ let ProjectUpdate = class ProjectUpdate extends ScopedElementsMixin(PageView) {
                 type="text"
                 name="constructionType"
                 building-complex
-                .value=${((_w = (_v = this.project) === null || _v === void 0 ? void 0 : _v.buildingComplex) === null || _w === void 0 ? void 0 : _w.constructionType) || ''}
+                .value=${((_2 = (_1 = this.project) === null || _1 === void 0 ? void 0 : _1.buildingComplex) === null || _2 === void 0 ? void 0 : _2.constructionType) || ''}
                 @input=${this._onInputChange}
               ></md-outlined-text-field>
             </span>
           </div>
+          <div row>
+            <span>구조 유형</span>
+            <span
+              ><md-outlined-text-field
+                type="text"
+                name="structureType"
+                building-complex
+                .value=${((_4 = (_3 = this.project) === null || _3 === void 0 ? void 0 : _3.buildingComplex) === null || _4 === void 0 ? void 0 : _4.structureType) || ''}
+                @input=${this._onInputChange}
+              ></md-outlined-text-field>
+            </span>
+          </div>
+
           <div row>
             <span>대표사진 업로드</span>
             <span>
               <ox-input-image
                 name="mainPhoto"
-                value=${((_y = (_x = this.project) === null || _x === void 0 ? void 0 : _x.mainPhoto) === null || _y === void 0 ? void 0 : _y.fullpath) || ''}
+                value=${((_6 = (_5 = this.project) === null || _5 === void 0 ? void 0 : _5.mainPhoto) === null || _6 === void 0 ? void 0 : _6.fullpath) || ''}
                 @change=${this.onCreateAttachment.bind(this)}
               ></ox-input-image>
             </span>
@@ -212,7 +292,7 @@ let ProjectUpdate = class ProjectUpdate extends ScopedElementsMixin(PageView) {
                 name="drawing"
                 label=" "
                 description="IFC 업로드"
-                .value=${((_0 = (_z = this.project) === null || _z === void 0 ? void 0 : _z.buildingComplex) === null || _0 === void 0 ? void 0 : _0.drawing) || ''}
+                .value=${((_8 = (_7 = this.project) === null || _7 === void 0 ? void 0 : _7.buildingComplex) === null || _8 === void 0 ? void 0 : _8.drawing) || ''}
                 @change=${this.onCreateAttachment.bind(this)}
               ></ox-input-file>
             </span>
@@ -225,8 +305,23 @@ let ProjectUpdate = class ProjectUpdate extends ScopedElementsMixin(PageView) {
                 name="constructionCost"
                 numeric
                 building-complex
-                .value=${((_3 = (_2 = (_1 = this.project) === null || _1 === void 0 ? void 0 : _1.buildingComplex) === null || _2 === void 0 ? void 0 : _2.constructionCost) === null || _3 === void 0 ? void 0 : _3.toString()) || ''}
+                .value=${((_11 = (_10 = (_9 = this.project) === null || _9 === void 0 ? void 0 : _9.buildingComplex) === null || _10 === void 0 ? void 0 : _10.constructionCost) === null || _11 === void 0 ? void 0 : _11.toString()) || ''}
+                @input=${this._onInputChange}
+                suffix-text="원"
+              ></md-outlined-text-field>
+            </span>
+          </div>
+          <div row>
+            <span>투입 인력</span>
+            <span
+              ><md-outlined-text-field
+                type="text"
+                name="workerCount"
+                numeric
+                building-complex
+                .value=${((_14 = (_13 = (_12 = this.project) === null || _12 === void 0 ? void 0 : _12.buildingComplex) === null || _13 === void 0 ? void 0 : _13.workerCount) === null || _14 === void 0 ? void 0 : _14.toString()) || ''}
                 @input=${this._onInputChange}
+                suffix-text="명"
               ></md-outlined-text-field>
             </span>
           </div>
@@ -237,7 +332,7 @@ let ProjectUpdate = class ProjectUpdate extends ScopedElementsMixin(PageView) {
                 type="textarea"
                 name="etc"
                 building-complex
-                .value=${((_5 = (_4 = this.project) === null || _4 === void 0 ? void 0 : _4.buildingComplex) === null || _5 === void 0 ? void 0 : _5.etc) || ''}
+                .value=${((_16 = (_15 = this.project) === null || _15 === void 0 ? void 0 : _15.buildingComplex) === null || _16 === void 0 ? void 0 : _16.etc) || ''}
                 @input=${this._onInputChange}
               ></md-outlined-text-field>
             </span>
@@ -249,7 +344,7 @@ let ProjectUpdate = class ProjectUpdate extends ScopedElementsMixin(PageView) {
                 placeholder="총괄 시공 관리자 리스트"
                 name="overallConstructorEmails"
                 .options=${this.overallConstructorList}
-                .selectedValues=${((_7 = (_6 = this.project) === null || _6 === void 0 ? void 0 : _6.buildingComplex) === null || _7 === void 0 ? void 0 : _7.overallConstructorEmails) || []}
+                .selectedValues=${((_18 = (_17 = this.project) === null || _17 === void 0 ? void 0 : _17.buildingComplex) === null || _18 === void 0 ? void 0 : _18.overallConstructorEmails) || []}
                 @selection-changed=${this._handleSelectionChange}
               ></select2-component>
             </span>
@@ -261,7 +356,7 @@ let ProjectUpdate = class ProjectUpdate extends ScopedElementsMixin(PageView) {
                 placeholder="공종별 시공 관리자 리스트"
                 name="taskConstructorEmails"
                 .options=${this.taskConstructorList}
-                .selectedValues=${((_9 = (_8 = this.project) === null || _8 === void 0 ? void 0 : _8.buildingComplex) === null || _9 === void 0 ? void 0 : _9.taskConstructorEmails) || []}
+                .selectedValues=${((_20 = (_19 = this.project) === null || _19 === void 0 ? void 0 : _19.buildingComplex) === null || _20 === void 0 ? void 0 : _20.taskConstructorEmails) || []}
                 @selection-changed=${this._handleSelectionChange}
               ></select2-component>
             </span>
@@ -273,7 +368,7 @@ let ProjectUpdate = class ProjectUpdate extends ScopedElementsMixin(PageView) {
                 placeholder="총괄 감리 책임자 리스트"
                 name="overallSupervisoryEmails"
                 .options=${this.overallSupervisoryList}
-                .selectedValues=${((_11 = (_10 = this.project) === null || _10 === void 0 ? void 0 : _10.buildingComplex) === null || _11 === void 0 ? void 0 : _11.overallSupervisoryEmails) || []}
+                .selectedValues=${((_22 = (_21 = this.project) === null || _21 === void 0 ? void 0 : _21.buildingComplex) === null || _22 === void 0 ? void 0 : _22.overallSupervisoryEmails) || []}
                 @selection-changed=${this._handleSelectionChange}
               ></select2-component>
             </span>
@@ -285,7 +380,7 @@ let ProjectUpdate = class ProjectUpdate extends ScopedElementsMixin(PageView) {
                 placeholder="공종별 감리 책임자 리스트"
                 name="taskSupervisoryEmails"
                 .options=${this.taskSupervisoryList}
-                .selectedValues=${((_13 = (_12 = this.project) === null || _12 === void 0 ? void 0 : _12.buildingComplex) === null || _13 === void 0 ? void 0 : _13.taskSupervisoryEmails) || []}
+                .selectedValues=${((_24 = (_23 = this.project) === null || _23 === void 0 ? void 0 : _23.buildingComplex) === null || _24 === void 0 ? void 0 : _24.taskSupervisoryEmails) || []}
                 @selection-changed=${this._handleSelectionChange}
               ></select2-component
             ></span>
@@ -303,7 +398,7 @@ let ProjectUpdate = class ProjectUpdate extends ScopedElementsMixin(PageView) {
                   numeric
                   building-complex
                   name="householdCount"
-                  .value=${((_16 = (_15 = (_14 = this.project) === null || _14 === void 0 ? void 0 : _14.buildingComplex) === null || _15 === void 0 ? void 0 : _15.householdCount) === null || _16 === void 0 ? void 0 : _16.toString()) || ''}
+                  .value=${((_27 = (_26 = (_25 = this.project) === null || _25 === void 0 ? void 0 : _25.buildingComplex) === null || _26 === void 0 ? void 0 : _26.householdCount) === null || _27 === void 0 ? void 0 : _27.toString()) || ''}
                   @input=${this._onInputChange}
                 ></md-outlined-text-field>
               </span>
@@ -316,7 +411,7 @@ let ProjectUpdate = class ProjectUpdate extends ScopedElementsMixin(PageView) {
                   numeric
                   building-complex
                   name="buildingCount"
-                  value=${((_19 = (_18 = (_17 = this.project) === null || _17 === void 0 ? void 0 : _17.buildingComplex) === null || _18 === void 0 ? void 0 : _18.buildingCount) === null || _19 === void 0 ? void 0 : _19.toString()) || ''}
+                  value=${((_30 = (_29 = (_28 = this.project) === null || _28 === void 0 ? void 0 : _28.buildingComplex) === null || _29 === void 0 ? void 0 : _29.buildingCount) === null || _30 === void 0 ? void 0 : _30.toString()) || ''}
                   @input=${this._onInputChange}
                 ></md-outlined-text-field>
                 <md-outlined-button @click=${this._setBuilding}>적용</md-outlined-button>
@@ -325,8 +420,8 @@ let ProjectUpdate = class ProjectUpdate extends ScopedElementsMixin(PageView) {
             <hr />
             <div warn>* 동/층의 정보를 수정하면 기존의 동/층 정보는 모두 제거됩니다.</div>
             <div separate-container>
-              ${(_22 = (_21 = (_20 = this.project) === null || _20 === void 0 ? void 0 : _20.buildingComplex) === null || _21 === void 0 ? void 0 : _21.buildings) === null || _22 === void 0 ? void 0 : _22.map((building, idx) => {
-            var _a;
+              ${(_33 = (_32 = (_31 = this.project) === null || _31 === void 0 ? void 0 : _31.buildingComplex) === null || _32 === void 0 ? void 0 : _32.buildings) === null || _33 === void 0 ? void 0 : _33.map((building, idx) => {
+            var _a, _b;
             return html `
                   <div>
                     <span>
@@ -339,7 +434,7 @@ let ProjectUpdate = class ProjectUpdate extends ScopedElementsMixin(PageView) {
                         placeholder="ooo동"
                       ></md-outlined-text-field>
                     </span>
-                    <span>
+                    <span floor-row>
                       <span floor-title>층수</span>
                       <md-outlined-text-field
                         type="text"
@@ -351,6 +446,31 @@ let ProjectUpdate = class ProjectUpdate extends ScopedElementsMixin(PageView) {
                         placeholder="oo"
                       ></md-outlined-text-field>
                     </span>
+
+                    <div basement-container>
+                      <div
+                        basement-checkbox
+                        name="hasBasement"
+                        ?checked=${(building === null || building === void 0 ? void 0 : building.hasBasement) || false}
+                        @click=${() => this._toggleBasement(idx)}
+                      >
+                        <md-icon>format_bold</md-icon>
+                      </div>
+                      ${(building === null || building === void 0 ? void 0 : building.hasBasement)
+                ? html `
+                            <md-outlined-text-field
+                              basement-floor
+                              type="text"
+                              numeric
+                              building
+                              name="basementFloorCount"
+                              .value=${((_b = building === null || building === void 0 ? void 0 : building.basementFloorCount) === null || _b === void 0 ? void 0 : _b.toString()) || ''}
+                              @input=${e => this._onInputChange(e, idx)}
+                              placeholder="지하층수"
+                            ></md-outlined-text-field>
+                          `
+                : ''}
+                    </div>
                   </div>
                 `;
         })}
@@ -368,7 +488,7 @@ let ProjectUpdate = class ProjectUpdate extends ScopedElementsMixin(PageView) {
                     numeric
                     project
                     name="totalProgress"
-                    .value=${((_23 = this.project.totalProgress) === null || _23 === void 0 ? void 0 : _23.toString()) || ''}
+                    .value=${((_34 = this.project.totalProgress) === null || _34 === void 0 ? void 0 : _34.toString()) || ''}
                     @input=${this._onInputChange}
                     suffix-text="%"
                   ></md-outlined-text-field>
@@ -382,7 +502,7 @@ let ProjectUpdate = class ProjectUpdate extends ScopedElementsMixin(PageView) {
                     numeric
                     project
                     name="inspPassRate"
-                    .value=${((_24 = this.project.inspPassRate) === null || _24 === void 0 ? void 0 : _24.toString()) || ''}
+                    .value=${((_35 = this.project.inspPassRate) === null || _35 === void 0 ? void 0 : _35.toString()) || ''}
                     @input=${this._onInputChange}
                     suffix-text="%"
                   ></md-outlined-text-field>
@@ -398,7 +518,7 @@ let ProjectUpdate = class ProjectUpdate extends ScopedElementsMixin(PageView) {
                     numeric
                     project
                     name="weeklyProgress"
-                    .value=${((_25 = this.project.weeklyProgress) === null || _25 === void 0 ? void 0 : _25.toString()) || ''}
+                    .value=${((_36 = this.project.weeklyProgress) === null || _36 === void 0 ? void 0 : _36.toString()) || ''}
                     @input=${this._onInputChange}
                     suffix-text="%"
                   ></md-outlined-text-field>
@@ -412,7 +532,7 @@ let ProjectUpdate = class ProjectUpdate extends ScopedElementsMixin(PageView) {
                     numeric
                     project
                     name="robotProgressRate"
-                    .value=${((_26 = this.project.robotProgressRate) === null || _26 === void 0 ? void 0 : _26.toString()) || ''}
+                    .value=${((_37 = this.project.robotProgressRate) === null || _37 === void 0 ? void 0 : _37.toString()) || ''}
                     @input=${this._onInputChange}
                     suffix-text="%"
                   ></md-outlined-text-field>
@@ -428,7 +548,7 @@ let ProjectUpdate = class ProjectUpdate extends ScopedElementsMixin(PageView) {
                     numeric
                     project
                     name="kpi"
-                    .value=${((_27 = this.project.kpi) === null || _27 === void 0 ? void 0 : _27.toString()) || ''}
+                    .value=${((_38 = this.project.kpi) === null || _38 === void 0 ? void 0 : _38.toString()) || ''}
                     @input=${this._onInputChange}
                     suffix-text="%"
                   ></md-outlined-text-field>
@@ -442,7 +562,72 @@ let ProjectUpdate = class ProjectUpdate extends ScopedElementsMixin(PageView) {
                     numeric
                     project
                     name="structuralSafetyRate"
-                    .value=${((_28 = this.project.structuralSafetyRate) === null || _28 === void 0 ? void 0 : _28.toString()) || ''}
+                    .value=${((_39 = this.project.structuralSafetyRate) === null || _39 === void 0 ? void 0 : _39.toString()) || ''}
+                    @input=${this._onInputChange}
+                    suffix-text="%"
+                  ></md-outlined-text-field>
+                </span>
+              </div>
+            </div>
+
+            <div row separate-container>
+              <div>
+                <span>로봇 작업 대수</span>
+                <span
+                  ><md-outlined-text-field
+                    type="text"
+                    numeric
+                    project
+                    name="robotCount"
+                    .value=${((_40 = this.project.robotCount) === null || _40 === void 0 ? void 0 : _40.toString()) || ''}
+                    @input=${this._onInputChange}
+                  ></md-outlined-text-field>
+                </span>
+              </div>
+            </div>
+
+            <hr />
+
+            <div row separate-container>
+              <div>
+                <span>설계 변경 횟수</span>
+                <span
+                  ><md-outlined-text-field
+                    type="text"
+                    numeric
+                    building-complex
+                    name="designChangeCount"
+                    .value=${((_42 = (_41 = this.project.buildingComplex) === null || _41 === void 0 ? void 0 : _41.designChangeCount) === null || _42 === void 0 ? void 0 : _42.toString()) || ''}
+                    @input=${this._onInputChange}
+                  ></md-outlined-text-field>
+                </span>
+              </div>
+              <div>
+                <span>계획 공정률</span>
+                <span
+                  ><md-outlined-text-field
+                    type="text"
+                    numeric
+                    building-complex
+                    name="plannedProgress"
+                    .value=${((_44 = (_43 = this.project.buildingComplex) === null || _43 === void 0 ? void 0 : _43.plannedProgress) === null || _44 === void 0 ? void 0 : _44.toString()) || ''}
+                    @input=${this._onInputChange}
+                    suffix-text="%"
+                  ></md-outlined-text-field>
+                </span>
+              </div>
+            </div>
+
+            <div row separate-container>
+              <div>
+                <span>실제 공정률</span>
+                <span
+                  ><md-outlined-text-field
+                    type="text"
+                    numeric
+                    building-complex
+                    name="actualProgress"
+                    .value=${((_46 = (_45 = this.project.buildingComplex) === null || _45 === void 0 ? void 0 : _45.actualProgress) === null || _46 === void 0 ? void 0 : _46.toString()) || ''}
                     @input=${this._onInputChange}
                     suffix-text="%"
                   ></md-outlined-text-field>
@@ -460,7 +645,23 @@ let ProjectUpdate = class ProjectUpdate extends ScopedElementsMixin(PageView) {
                   type="textarea"
                   name="notice"
                   building-complex
-                  .value=${((_30 = (_29 = this.project) === null || _29 === void 0 ? void 0 : _29.buildingComplex) === null || _30 === void 0 ? void 0 : _30.notice) || ''}
+                  .value=${((_48 = (_47 = this.project) === null || _47 === void 0 ? void 0 : _47.buildingComplex) === null || _48 === void 0 ? void 0 : _48.notice) || ''}
+                  @input=${this._onInputChange}
+                ></md-outlined-text-field>
+              </span>
+            </div>
+          </div>
+
+          <div>
+            <h3>Virtual Tour Link</h3>
+            <div>
+              <span></span>
+              <span>
+                <md-outlined-text-field
+                  type="text"
+                  name="virtualTourLink"
+                  building-complex
+                  .value=${((_50 = (_49 = this.project) === null || _49 === void 0 ? void 0 : _49.buildingComplex) === null || _50 === void 0 ? void 0 : _50.virtualTourLink) || ''}
                   @input=${this._onInputChange}
                 ></md-outlined-text-field>
               </span>
@@ -485,6 +686,7 @@ let ProjectUpdate = class ProjectUpdate extends ScopedElementsMixin(PageView) {
           project(id: $id) {
             id
             name
+            documentNaming
             startDate
             endDate
             mainPhoto {
@@ -496,12 +698,21 @@ let ProjectUpdate = class ProjectUpdate extends ScopedElementsMixin(PageView) {
             inspPassRate
             robotProgressRate
             structuralSafetyRate
+            robotCount
             buildingComplex {
               id
               address
+              siteType
               latitude
               longitude
               area
+              coverageRatio
+              floorAreaRatio
+              structureType
+              workerCount
+              designChangeCount
+              plannedProgress
+              actualProgress
               clientCompany
               constructionCompany
               supervisoryCompany
@@ -520,10 +731,13 @@ let ProjectUpdate = class ProjectUpdate extends ScopedElementsMixin(PageView) {
               taskConstructorEmails
               overallSupervisoryEmails
               taskSupervisoryEmails
+              virtualTourLink
               buildings {
                 id
                 name
                 floorCount
+                hasBasement
+                basementFloorCount
               }
             }
           }
@@ -626,6 +840,10 @@ let ProjectUpdate = class ProjectUpdate extends ScopedElementsMixin(PageView) {
         }
         if (target.hasAttribute('project')) {
             this.project[target.name] = inputVal;
+            // documentNaming 필드가 변경되면 실시간으로 미리보기 업데이트
+            if (target.name === 'documentNaming') {
+                this.requestUpdate();
+            }
         }
         else if (target.hasAttribute('building-complex')) {
             this.project.buildingComplex[target.name] = inputVal;
@@ -650,6 +868,16 @@ let ProjectUpdate = class ProjectUpdate extends ScopedElementsMixin(PageView) {
         const selectedValues = e.detail.selectedValues;
         this.project.buildingComplex[name] = selectedValues;
     }
+    _toggleBasement(idx) {
+        const building = this.project.buildingComplex.buildings[idx];
+        building.hasBasement = !building.hasBasement;
+        // 층 수가 0이거나 체크 해제시 지하층수 초기화 (플레이스 홀더 나오게 하기 위함)
+        if (building.basementFloorCount == 0 || !building.hasBasement) {
+            building.basementFloorCount = undefined;
+        }
+        this.project.buildingComplex.buildings[idx]['hasBasement'] = building.hasBasement;
+        this.requestUpdate();
+    }
 };
 ProjectUpdate.styles = [
     css `
@@ -670,7 +898,7 @@ ProjectUpdate.styles = [
         width: 100%;
 
         --md-outlined-text-field-container-shape: 5px;
-        --md-outlined-text-field-outline-color: rgba(51,51,51,.20);
+        --md-outlined-text-field-outline-color: rgba(51, 51, 51, 0.2);
         --md-outlined-text-field-focus-outline-color: #1f7fd9;
         --md-outlined-text-field-focus-outline-width: 1px;
         --md-sys-color-primary: #586878;
@@ -681,11 +909,18 @@ ProjectUpdate.styles = [
         --md-outlined-field-trailing-space: var(--spacing-medium, 8px);
       }
       select2-component {
-        width:100%;
+        width: 100%;
+      }
+      md-filled-select {
+        width: 100%;
+        --md-filled-select-text-field-container-color: transparent;
+        --md-filled-select-text-field-active-indicator-color: #999;
+        --md-filled-select-text-field-input-text-size: 14px;
+        --md-filled-select-text-field-input-text-line-height: 6px;
       }
-      input[type="date"] {
-        border:1px solid rgba(51,51,51,.20);
-        padding:var(--spacing-small, 4px) var(--spacing-medium, 8px);
+      input[type='date'] {
+        border: 1px solid rgba(51, 51, 51, 0.2);
+        padding: var(--spacing-small, 4px) var(--spacing-medium, 8px);
         border-radius: 5px;
       }
       md-outlined-text-field[type='textarea'] {
@@ -707,7 +942,7 @@ ProjectUpdate.styles = [
       div[body] {
         display: flex;
         margin: var(--spacing-large, 12px);
-        margin-top:0;
+        margin-top: 0;
         gap: var(--spacing-medium, 8px);
 
         & > div {
@@ -754,6 +989,18 @@ ProjectUpdate.styles = [
           flex: 0.55;
         }
 
+        div[document-preview] {
+          width: 100%;
+          font-size: 12px;
+          color: #2e79be;
+          font-weight: 500;
+          background-color: #f8f9fa;
+          padding: 8px 12px;
+          border-radius: 4px;
+          border-left: 3px solid #2e79be;
+          margin-top: 4px;
+        }
+
         div[detail-info] {
           flex: 0.45;
           padding: 0px;
@@ -780,7 +1027,7 @@ ProjectUpdate.styles = [
               --md-elevated-button-label-text-size: 16px;
             }
             hr {
-              border: 1px rgba(51,51,51,.1) dashed;
+              border: 1px rgba(51, 51, 51, 0.1) dashed;
               width: 100%;
               margin-bottom: var(--spacing-tiny, 2px);
             }
@@ -790,14 +1037,14 @@ ProjectUpdate.styles = [
               margin-left: var(--spacing-small, 4px);
               margin-bottom: var(--spacing-small, 4px);
             }
-            
+
             md-outlined-button {
               min-height: 30px;
               padding: 0 var(--spacing-large, 12px);
               box-shadow: 1px 1px 1px #0000001a;
               --md-outlined-button-label-text-color: #586878;
               --md-outlined-button-label-text-weight: bold;
-              --md-sys-color-outline: rgba(51,51,51,.20);
+              --md-sys-color-outline: rgba(51, 51, 51, 0.2);
             }
 
             div[row] {
@@ -812,14 +1059,22 @@ ProjectUpdate.styles = [
             div[separate-container] {
               display: grid;
               grid-template-columns: repeat(2, 1fr);
-              gap: var(--spacing-medium, 8px);
+              gap: 8px 30px;
+              margin-left: 15px;
 
               md-outlined-text-field {
-                width: 70px;
+                width: 80px;
               }
 
               & > div {
                 display: flex;
+                gap: 15px;
+
+                span[floor-row] {
+                  display: inline-flex;
+                  align-items: center;
+                  margin-left: 5px;
+                }
 
                 span[floor-title] {
                   min-width: 33px;
@@ -827,7 +1082,7 @@ ProjectUpdate.styles = [
                 }
                 span:first-child {
                   flex: 0.4;
-                  justify-content: end;
+                  justify-content: flex-start;
                   display: flex;
                 }
                 span:last-child {
@@ -837,13 +1092,62 @@ ProjectUpdate.styles = [
                   padding-left: var(--spacing-medium, 8px);
                 }
               }
+
+              div[basement-container] {
+                display: flex;
+                align-items: center;
+                gap: 4px;
+
+                div[basement-checkbox] {
+                  display: flex;
+                  align-items: center;
+                  cursor: pointer;
+
+                  md-icon {
+                    --md-icon-size: 25px;
+                    color: #808080;
+                    transition: opacity 0.2s ease;
+                  }
+
+                  &[disabled] {
+                    cursor: not-allowed;
+                    opacity: 0.4;
+
+                    md-icon {
+                      color: #cccccc;
+                    }
+                  }
+
+                  &[checked] md-icon {
+                    background-color: #2e79be;
+                    color: white;
+                    border-radius: 3px;
+                  }
+                }
+
+                md-outlined-text-field[basement-floor] {
+                  width: 70px;
+                  margin-left: var(--spacing-small, 4px);
+                  opacity: 1;
+                  transition: opacity 0.2s ease;
+
+                  &[disabled] {
+                    opacity: 0.4;
+                    pointer-events: none;
+                  }
+                }
+              }
             }
 
             &[project] {
               div[separate-container] {
+                margin-left: 15px;
+
                 & > div {
+                  align-items: center;
+
                   span:first-child {
-                    flex: 0.6;
+                    flex: 0.4;
                     min-width: 100px;
                   }
                   span:last-child {