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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (32) hide show
  1. package/dist-client/pages/lib/waether.d.ts +2 -1
  2. package/dist-client/pages/lib/waether.js +7 -3
  3. package/dist-client/pages/lib/waether.js.map +1 -1
  4. package/dist-client/pages/project/popup/popup-plan-export.d.ts +10 -0
  5. package/dist-client/pages/project/popup/popup-plan-export.js +236 -0
  6. package/dist-client/pages/project/popup/popup-plan-export.js.map +1 -0
  7. package/dist-client/pages/project/popup/popup-plan-upload.d.ts +3 -0
  8. package/dist-client/pages/project/popup/popup-plan-upload.js +130 -4
  9. package/dist-client/pages/project/popup/popup-plan-upload.js.map +1 -1
  10. package/dist-client/pages/project/project-detail.d.ts +2 -1
  11. package/dist-client/pages/project/project-detail.js +193 -80
  12. package/dist-client/pages/project/project-detail.js.map +1 -1
  13. package/dist-client/pages/project/project-list.d.ts +12 -0
  14. package/dist-client/pages/project/project-list.js +6 -0
  15. package/dist-client/pages/project/project-list.js.map +1 -1
  16. package/dist-client/pages/project/project-plan-management.js +29 -13
  17. package/dist-client/pages/project/project-plan-management.js.map +1 -1
  18. package/dist-client/pages/project/project-update.d.ts +1 -0
  19. package/dist-client/pages/project/project-update.js +128 -17
  20. package/dist-client/pages/project/project-update.js.map +1 -1
  21. package/dist-client/tsconfig.tsbuildinfo +1 -1
  22. package/dist-server/service/project/project-mutation.d.ts +1 -0
  23. package/dist-server/service/project/project-mutation.js +102 -3
  24. package/dist-server/service/project/project-mutation.js.map +1 -1
  25. package/dist-server/service/project/project-type.d.ts +1 -0
  26. package/dist-server/service/project/project-type.js +5 -1
  27. package/dist-server/service/project/project-type.js.map +1 -1
  28. package/dist-server/service/project/project.d.ts +3 -1
  29. package/dist-server/service/project/project.js +6 -0
  30. package/dist-server/service/project/project.js.map +1 -1
  31. package/dist-server/tsconfig.tsbuildinfo +1 -1
  32. package/package.json +13 -12
package/dist-client/pages/project/project-detail.js CHANGED
@@ -10,7 +10,7 @@ import { ScopedElementsMixin } from '@open-wc/scoped-elements';
10
10
  import { client } from '@operato/graphql';
11
11
  import { ScrollbarStyles } from '@operato/styles';
12
12
  import gql from 'graphql-tag';
13
- import { BUILDING_INSPECTION_STATUS } from './project-list';
13
+ import { BUILDING_INSPECTION_STATUS, ProjectType } from './project-list';
14
14
  import _getWeather from '../lib/waether';
15
15
  import '@operato/chart/ox-progress-circle.js';
16
16
  let ProjectDetail = class ProjectDetail extends ScopedElementsMixin(PageView) {
@@ -42,7 +42,8 @@ let ProjectDetail = class ProjectDetail extends ScopedElementsMixin(PageView) {
42
42
  rain: 0,
43
43
  temperature: 0,
44
44
  humidity: 0,
45
- wind: ''
45
+ windDirection: '',
46
+ windSpeed: 0
46
47
  };
47
48
  }
48
49
  get context() {
@@ -52,6 +53,7 @@ let ProjectDetail = class ProjectDetail extends ScopedElementsMixin(PageView) {
52
53
  }
53
54
  render() {
54
55
  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
56
+ let totalInspectionCount = this.inspectionSummary.pass + this.inspectionSummary.fail + this.inspectionSummary.request + this.inspectionSummary.wait;
55
57
  return html `
56
58
  <div header>
57
59
  <h2>${this.project.name}</h2>
@@ -148,55 +150,110 @@ let ProjectDetail = class ProjectDetail extends ScopedElementsMixin(PageView) {
148
150
  <div right-top>
149
151
  <h3>프로젝트 현황</h3>
150
152
  <div state>
151
- <span progress>
152
- <ox-progress-circle
153
- .value=${this.project.totalProgress}
154
- titleText="전체"
155
- suffix="%"
156
- fontSize="27px"
157
- fontColor="#4E5055"
158
- borderStyle="none"
159
- innerCircleSize="28%"
160
- circleColor="#0595E5"
161
- shadow="#00000026 4px 4px 4px"
162
- background="#eaf5fd"
163
- ></ox-progress-circle>
164
- <div>전체공정율(%)</div>
165
- </span>
166
- <span progress>
167
- <ox-progress-circle
168
- .value=${this.project.weeklyProgress}
169
- titleText="주간"
170
- suffix="%"
171
- fontSize="27px"
172
- fontColor="#4E5055"
173
- borderStyle="none"
174
- innerCircleSize="28%"
175
- circleColor="#06B5AF"
176
- shadow="#00000026 4px 4px 4px"
177
- background="#eaf7f7"
178
- ></ox-progress-circle>
179
- <div week>주간공정율(%)</div>
180
- </span>
181
- <span weather>
182
- <div bold>현장현황</div>
183
- <div>
184
- <span><md-icon slot="icon">rainy</md-icon>강수확률</span>
185
- <span bold>${this.weather.rain}%</span>
186
- </div>
187
- <div>
188
- <span><md-icon slot="icon">humidity_percentage</md-icon> 습도</span>
189
- <span bold>${this.weather.humidity}%</span>
190
- </div>
191
- <div>
192
- <span><md-icon slot="icon">thermostat</md-icon> 온도</span>
193
- <span bold>${this.weather.temperature}°C</span>
194
- </div>
195
- <div>
196
- <span><md-icon slot="icon">air</md-icon> 풍향</span>
197
- <span bold>${this.weather.wind}</span>
153
+ <div progress-container>
154
+ <span progress>
155
+ <ox-progress-circle
156
+ .value=${this.project.totalProgress}
157
+ titleText="전체"
158
+ suffix="%"
159
+ fontSize="27px"
160
+ fontColor="#4E5055"
161
+ borderStyle="none"
162
+ innerCircleSize="28%"
163
+ circleColor="#0595E5"
164
+ shadow="#00000026 4px 4px 4px"
165
+ background="#eaf5fd"
166
+ ></ox-progress-circle>
167
+ <div>전체공정율(%)</div>
168
+ </span>
169
+ <span progress>
170
+ <ox-progress-circle
171
+ .value=${this.project.weeklyProgress}
172
+ titleText="주간"
173
+ suffix="%"
174
+ fontSize="27px"
175
+ fontColor="#4E5055"
176
+ borderStyle="none"
177
+ innerCircleSize="28%"
178
+ circleColor="#06B5AF"
179
+ shadow="#00000026 4px 4px 4px"
180
+ background="#eaf7f7"
181
+ ></ox-progress-circle>
182
+ <div week>주간공정율(%)</div>
183
+ </span>
184
+
185
+ <span progress>
186
+ <ox-progress-circle
187
+ .value=${this.project.inspPassRate}
188
+ suffix="%"
189
+ fontSize="27px"
190
+ fontColor="#4E5055"
191
+ borderStyle="none"
192
+ innerCircleSize="28%"
193
+ circleColor="#8B3F39"
194
+ shadow="#00000026 4px 4px 4px"
195
+ background="#DACCC7"
196
+ ></ox-progress-circle>
197
+ <div insp-pass-rate>시공/구조 검측 통과 비율(%)</div>
198
+ </span>
199
+ <span progress>
200
+ <ox-progress-circle
201
+ .value=${this.project.robotProgressRate}
202
+ suffix="%"
203
+ fontSize="27px"
204
+ fontColor="#4E5055"
205
+ borderStyle="none"
206
+ innerCircleSize="28%"
207
+ circleColor="#4A899B"
208
+ shadow="#00000026 4px 4px 4px"
209
+ background="#C7DFE1"
210
+ ></ox-progress-circle>
211
+ <div robot-progress-rate>로봇 작업 진행률(%)</div>
212
+ </span>
213
+ </div>
214
+
215
+ <div>
216
+ <div>KPI</div>
217
+
218
+ <div kpi-container>
219
+ <div kpi-item>
220
+ <span>KPI 지수</span>
221
+ <span kpi-value kpi-index>${this.project.kpi || 0}%</span>
222
+ </div>
223
+ <div kpi-item>
224
+ <span>검측 통과율</span>
225
+ <span kpi-value pass-rate>${this.inspectionSummary.pass || 0} / ${totalInspectionCount || 0}</span>
226
+ </div>
227
+ <div kpi-item>
228
+ <span>로봇 작업 대수</span>
229
+ <span kpi-value robot-count>${this.project.robotCount || 0}</span>
230
+ </div>
198
231
  </div>
199
- </span>
232
+
233
+ <span weather>
234
+ <div bold>현장현황</div>
235
+ <div>
236
+ <span><md-icon slot="icon">rainy</md-icon>강수확률</span>
237
+ <span bold>${this.weather.rain}%</span>
238
+ </div>
239
+ <div>
240
+ <span><md-icon slot="icon">humidity_percentage</md-icon> 습도</span>
241
+ <span bold>${this.weather.humidity}%</span>
242
+ </div>
243
+ <div>
244
+ <span><md-icon slot="icon">thermostat</md-icon> 온도</span>
245
+ <span bold>${this.weather.temperature}°C</span>
246
+ </div>
247
+ <div>
248
+ <span><md-icon slot="icon">arrows_output</md-icon> 풍향</span>
249
+ <span bold>${this.weather.windDirection}</span>
250
+ </div>
251
+ <div>
252
+ <span><md-icon slot="icon">air</md-icon> 풍속</span>
253
+ <span bold>${this.weather.windSpeed} m/s</span>
254
+ </div>
255
+ </span>
256
+ </div>
200
257
  </div>
201
258
  <div inspection>
202
259
  <span name bold>
@@ -244,13 +301,15 @@ let ProjectDetail = class ProjectDetail extends ScopedElementsMixin(PageView) {
244
301
  <tbody>
245
302
  ${this.buildingInspections.map((inspection, idx) => {
246
303
  var _a, _b, _c, _d, _e, _f;
247
- return html ` <tr @click=${() => this._onClickInspection(inspection.id || '')}>
304
+ return html ` <tr @click=${() => this._onClickInspection(inspection)}>
248
305
  <td>${idx + 1}</td>
249
- <td>${(_b = (_a = inspection === null || inspection === void 0 ? void 0 : inspection.buildingLevel) === null || _a === void 0 ? void 0 : _a.building) === null || _b === void 0 ? void 0 : _b.name} ${(_c = inspection === null || inspection === void 0 ? void 0 : inspection.buildingLevel) === null || _c === void 0 ? void 0 : _c.floor}층</td>
306
+ <td>${(_b = (_a = inspection === null || inspection === void 0 ? void 0 : inspection.buildingLevel) === null || _a === void 0 ? void 0 : _a.building) === null || _b === void 0 ? void 0 : _b.name} ${(_c = inspection === null || inspection === void 0 ? void 0 : inspection.buildingLevel) === null || _c === void 0 ? void 0 : _c.floorDisplayName}층</td>
250
307
  <td bold>${(_d = inspection.checklist) === null || _d === void 0 ? void 0 : _d.constructionType}</td>
251
308
  <td>${((_f = (_e = inspection.checklist) === null || _e === void 0 ? void 0 : _e.inspectionParts) === null || _f === void 0 ? void 0 : _f.join(', ')) || ''}</td>
252
309
  <td>${this._formatDate(inspection.requestDate)}</td>
253
- <td bold>${inspection.status && BUILDING_INSPECTION_STATUS[inspection.status]}</td>
310
+ <td bold status=${inspection.status || ''}>
311
+ ${inspection.status && BUILDING_INSPECTION_STATUS[inspection.status]}
312
+ </td>
254
313
  </tr>`;
255
314
  })}
256
315
  </tbody>
@@ -278,6 +337,7 @@ let ProjectDetail = class ProjectDetail extends ScopedElementsMixin(PageView) {
278
337
  name
279
338
  startDate
280
339
  endDate
340
+ projectType
281
341
  mainPhoto {
282
342
  fullpath
283
343
  }
@@ -287,6 +347,7 @@ let ProjectDetail = class ProjectDetail extends ScopedElementsMixin(PageView) {
287
347
  inspPassRate
288
348
  robotProgressRate
289
349
  structuralSafetyRate
350
+ robotCount
290
351
  buildingComplex {
291
352
  id
292
353
  address
@@ -329,8 +390,11 @@ let ProjectDetail = class ProjectDetail extends ScopedElementsMixin(PageView) {
329
390
  status
330
391
  requestDate
331
392
  buildingLevel {
393
+ id
332
394
  floor
395
+ floorDisplayName
333
396
  building {
397
+ id
334
398
  name
335
399
  }
336
400
  }
@@ -364,8 +428,15 @@ let ProjectDetail = class ProjectDetail extends ScopedElementsMixin(PageView) {
364
428
  this.weather = await _getWeather(latitude, longitude);
365
429
  }
366
430
  }
367
- _onClickInspection(buildingInspectionId) {
368
- navigate(`building-inspection-detail-drawing/${buildingInspectionId}`);
431
+ _onClickInspection(buildingInspection) {
432
+ var _a, _b, _c;
433
+ console.log('buildingInspection :', buildingInspection);
434
+ if (this.project.projectType === ProjectType.DSSP) {
435
+ navigate(`building-inspection-grid-detail/${this.project.id}?buildingId=${(_b = (_a = buildingInspection === null || buildingInspection === void 0 ? void 0 : buildingInspection.buildingLevel) === null || _a === void 0 ? void 0 : _a.building) === null || _b === void 0 ? void 0 : _b.id}&levelId=${(_c = buildingInspection === null || buildingInspection === void 0 ? void 0 : buildingInspection.buildingLevel) === null || _c === void 0 ? void 0 : _c.id}`);
436
+ }
437
+ else if (this.project.projectType === ProjectType.DCSP) {
438
+ navigate(`building-inspection-detail-drawing/${buildingInspection.id}`);
439
+ }
369
440
  }
370
441
  _formatDate(date) {
371
442
  return date
@@ -398,7 +469,7 @@ ProjectDetail.styles = [
398
469
  --md-outlined-button-container-height: 30px;
399
470
  --md-outlined-button-trailing-space: var(--spacing-medium, 8px);
400
471
  --md-outlined-button-leading-space: var(--spacing-medium, 8px);
401
- --md-sys-color-outline: rgba(51,51,51,.20);
472
+ --md-sys-color-outline: rgba(51, 51, 51, 0.2);
402
473
  }
403
474
 
404
475
  *[bold] {
@@ -412,7 +483,7 @@ ProjectDetail.styles = [
412
483
  h2 {
413
484
  flex: 0.5;
414
485
  color: #3f71a0;
415
- font-size:18px;
486
+ font-size: 18px;
416
487
  }
417
488
 
418
489
  div[button-container] {
@@ -443,7 +514,7 @@ ProjectDetail.styles = [
443
514
  div[body] {
444
515
  display: flex;
445
516
  margin: var(--spacing-large, 12px);
446
- margin-top:0;
517
+ margin-top: 0;
447
518
  gap: var(--spacing-medium, 8px);
448
519
 
449
520
  h3 {
@@ -529,7 +600,7 @@ ProjectDetail.styles = [
529
600
  --md-outlined-button-container-height: 30px;
530
601
  --md-outlined-button-trailing-space: var(--spacing-medium, 8px);
531
602
  --md-outlined-button-leading-space: var(--spacing-medium, 8px);
532
- --md-sys-color-outline: rgba(51,51,51,.20);
603
+ --md-sys-color-outline: rgba(51, 51, 51, 0.2);
533
604
  }
534
605
  }
535
606
  }
@@ -537,33 +608,46 @@ ProjectDetail.styles = [
537
608
  div[right-top] {
538
609
  div[state] {
539
610
  display: grid;
540
- grid-template-columns: 0.95fr 0.95fr 1.1fr;
611
+ grid-template-columns: 1.9fr 1.1fr;
541
612
  gap: var(--spacing-large, 12px);
542
613
 
543
- span[progress] {
544
- max-width: 150px;
545
- text-align: center;
546
- display: flex;
547
- justify-self: center;
548
- flex-direction: column;
549
- width: 100%;
614
+ div[progress-container] {
615
+ display: grid;
616
+ grid-template-columns: 1fr 1fr;
617
+ row-gap: 15px;
550
618
 
551
- & > div {
552
- font-weight: bold;
553
- color: #2e79be;
554
- font-size: 12px;
555
- margin-top: var(--spacing-small, 4px);
556
- }
557
- & > div[week] {
558
- color: #06b5af;
619
+ span[progress] {
620
+ max-width: 150px;
621
+ text-align: center;
622
+ display: flex;
623
+ justify-self: center;
624
+ flex-direction: column;
625
+ width: 100%;
626
+
627
+ & > div {
628
+ font-weight: bold;
629
+ color: #2e79be;
630
+ font-size: 12px;
631
+ margin-top: var(--spacing-small, 4px);
632
+ }
633
+ & > div[week] {
634
+ color: #06b5af;
635
+ }
636
+ & > div[insp-pass-rate] {
637
+ color: #8b3f39;
638
+ }
639
+ & > div[robot-progress-rate] {
640
+ color: #4a899b;
641
+ }
559
642
  }
560
643
  }
644
+
561
645
  span[weather] {
562
646
  display: flex;
563
647
  flex-direction: column;
564
648
  gap: var(--spacing-small, 4px);
565
649
  margin-left: var(--spacing-medium, 8px);
566
- font-size:14px;
650
+ font-size: 14px;
567
651
 
568
652
  & > div {
569
653
  display: flex;
@@ -573,8 +657,8 @@ ProjectDetail.styles = [
573
657
 
574
658
  & > span {
575
659
  display: flex;
576
- align-item:center;
577
- var(--spacing-tiny, 2px);
660
+ align-items: center;
661
+ gap: var(--spacing-tiny, 2px);
578
662
  }
579
663
  }
580
664
  }
@@ -610,7 +694,7 @@ ProjectDetail.styles = [
610
694
  flex-direction: row;
611
695
  text-align: right;
612
696
  gap: var(--spacing-medium, 8px);
613
- line-height:1.3;
697
+ line-height: 1.3;
614
698
 
615
699
  md-icon {
616
700
  width: 40px;
@@ -621,6 +705,31 @@ ProjectDetail.styles = [
621
705
  }
622
706
  }
623
707
  }
708
+ div[kpi-container] {
709
+ display: flex;
710
+ flex-direction: column;
711
+ gap: var(--spacing-small, 4px);
712
+ margin-bottom: var(--spacing-medium, 8px);
713
+
714
+ div[kpi-item] {
715
+ display: flex;
716
+ justify-content: space-between;
717
+ font-size: 14px;
718
+
719
+ span[kpi-value] {
720
+ font-weight: bold;
721
+ }
722
+ span[kpi-index] {
723
+ color: #2e79be;
724
+ }
725
+ span[pass-rate] {
726
+ color: #1bb401;
727
+ }
728
+ span[robot-count] {
729
+ color: #4a899b;
730
+ }
731
+ }
732
+ }
624
733
  div[notice] {
625
734
  margin-top: var(--spacing-medium, 8px);
626
735
 
@@ -679,7 +788,7 @@ ProjectDetail.styles = [
679
788
  }
680
789
 
681
790
  tbody td {
682
- border-bottom: 1px solid rgba(51,51,51,.20);
791
+ border-bottom: 1px solid rgba(51, 51, 51, 0.2);
683
792
  padding: var(--spacing-small, 4px);
684
793
  text-align: center;
685
794
  white-space: nowrap;
@@ -688,6 +797,10 @@ ProjectDetail.styles = [
688
797
  font-size: 13px;
689
798
  }
690
799
 
800
+ tbody td[status='FAIL'] {
801
+ color: #e15757;
802
+ }
803
+
691
804
  md-elevated-button {
692
805
  margin: 0 var(--spacing-small, 4px);
693
806
 
package/dist-client/pages/project/project-detail.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"project-detail.js","sourceRoot":"","sources":["../../../client/pages/project/project-detail.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@material/web/button/elevated-button.js'\nimport '@material/web/textfield/outlined-text-field.js'\nimport '@material/web/button/outlined-button.js'\n\nimport { navigate, PageView } from '@operato/shell'\nimport { PageLifecycle } from '@operato/shell/dist/src/app/pages/page-view'\nimport { css, html } from 'lit'\nimport { customElement, state } from 'lit/decorators.js'\nimport { ScopedElementsMixin } from '@open-wc/scoped-elements'\nimport { client } from '@operato/graphql'\nimport { ScrollbarStyles } from '@operato/styles'\n\nimport gql from 'graphql-tag'\nimport { BUILDING_INSPECTION_STATUS, BuildingInspection, BuildingInspectionStatus, Project } from './project-list'\nimport _getWeather from '../lib/waether'\nimport '@operato/chart/ox-progress-circle.js'\n\nexport interface InspectionSummary {\n wait: number\n request: number\n pass: number\n fail: number\n}\n\ninterface Weather {\n rain: number\n temperature: number\n humidity: number\n wind: string\n}\n\n@customElement('project-detail')\nexport class ProjectDetail extends ScopedElementsMixin(PageView) {\n static styles = [\n ScrollbarStyles,\n css`\n :host {\n display: grid;\n grid-template-rows: 55px auto;\n color: #4e5055;\n\n width: 100%;\n background-color: var(--md-sys-color-background, #f6f6f6);\n overflow-y: auto;\n\n --grid-record-emphasized-background-color: red;\n --grid-record-emphasized-color: yellow;\n }\n\n md-outlined-button {\n --md-outlined-button-container-height: 30px;\n --md-outlined-button-trailing-space: var(--spacing-medium, 8px);\n --md-outlined-button-leading-space: var(--spacing-medium, 8px);\n --md-sys-color-outline: rgba(51,51,51,.20);\n }\n\n *[bold] {\n font-weight: bold;\n }\n\n div[header] {\n display: flex;\n margin: 0px var(--spacing-large, 12px);\n\n h2 {\n flex: 0.5;\n color: #3f71a0;\n font-size:18px;\n }\n\n div[button-container] {\n display: flex;\n align-items: center;\n justify-content: end;\n flex: 0.5;\n\n md-elevated-button {\n margin: 0 var(--spacing-small, 4px);\n\n --md-elevated-button-container-height: 32px;\n --md-elevated-button-label-text-size: 16px;\n --md-elevated-button-container-color: #0595e5;\n\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 div[body] {\n display: flex;\n margin: var(--spacing-large, 12px);\n margin-top:0;\n gap: var(--spacing-medium, 8px);\n\n h3 {\n color: #2e79be;\n font-size: 16px;\n margin: 0px;\n\n a {\n text-decoration: none;\n color: #2e79be;\n }\n }\n\n & > div {\n display: flex;\n flex: 1;\n gap: var(--spacing-medium, 8px);\n flex-direction: column;\n\n & > div {\n display: flex;\n flex-direction: column;\n background-color: var(--md-sys-color-on-primary);\n border: 1px solid #cccccc80;\n gap: var(--spacing-medium, 8px);\n padding: var(--spacing-large, 12px);\n border-radius: 5px;\n }\n\n div[left-top] {\n div[content-1] {\n display: flex;\n align-items: center;\n gap: var(--spacing-medium, 8px);\n font-size: 14px;\n\n img {\n width: 42%;\n height: auto;\n aspect-ratio: 1920 / 1080;\n border: 1px solid #cccccc80;\n }\n img[no-image] {\n object-fit: contain;\n opacity: 0.5;\n }\n }\n div[content-2] {\n height: 65px;\n overflow-y: auto;\n font-size: 14px;\n }\n }\n\n div[left-bottom] {\n flex: 1;\n\n display: flex;\n flex-direction: column;\n\n [building-complex-img] {\n width: 100%;\n flex: 1;\n aspect-ratio: 2 / 1;\n }\n\n img {\n opacity: 0.5;\n }\n\n div[subject] {\n margin-bottom: var(--spacing-small, 4px);\n }\n\n div[building-container] {\n display: block;\n\n & > * {\n margin-right: var(--spacing-medium, 8px);\n margin-bottom: var(--spacing-medium, 8px);\n }\n md-outlined-button {\n --md-outlined-button-container-height: 30px;\n --md-outlined-button-trailing-space: var(--spacing-medium, 8px);\n --md-outlined-button-leading-space: var(--spacing-medium, 8px);\n --md-sys-color-outline: rgba(51,51,51,.20);\n }\n }\n }\n\n div[right-top] {\n div[state] {\n display: grid;\n grid-template-columns: 0.95fr 0.95fr 1.1fr;\n gap: var(--spacing-large, 12px);\n\n span[progress] {\n max-width: 150px;\n text-align: center;\n display: flex;\n justify-self: center;\n flex-direction: column;\n width: 100%;\n\n & > div {\n font-weight: bold;\n color: #2e79be;\n font-size: 12px;\n margin-top: var(--spacing-small, 4px);\n }\n & > div[week] {\n color: #06b5af;\n }\n }\n span[weather] {\n display: flex;\n flex-direction: column;\n gap: var(--spacing-small, 4px);\n margin-left: var(--spacing-medium, 8px);\n font-size:14px;\n\n & > div {\n display: flex;\n justify-content: space-between;\n --md-icon-size: 18px;\n margin-right: var(--spacing-small, 4px);\n\n & > span {\n display: flex;\n align-item:center;\n var(--spacing-tiny, 2px);\n }\n }\n }\n }\n div[inspection] {\n display: grid;\n grid-template-columns: 1.4fr 0.9fr 0.9fr 0.9fr 0.9fr;\n margin-top: var(--spacing-small, 4px);\n background: #f6f6f6;\n border-radius: 7px;\n padding: var(--spacing-small, 4px) 0px;\n\n & > span {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n\n div[wait] {\n color: #4e5055;\n }\n div[request] {\n color: #2e79be;\n }\n div[pass] {\n color: #1bb401;\n }\n div[fail] {\n color: #ff4444;\n }\n }\n & > span[name] {\n flex-direction: row;\n text-align: right;\n gap: var(--spacing-medium, 8px);\n line-height:1.3;\n\n md-icon {\n width: 40px;\n height: 40px;\n border-radius: 7px;\n color: #fff;\n background: #f16154;\n }\n }\n }\n div[notice] {\n margin-top: var(--spacing-medium, 8px);\n\n div[name] {\n margin-left: 4px;\n }\n div[content] {\n background-color: #ebc8321a;\n border-radius: 10px;\n padding: var(--spacing-medium, 8px);\n font-size: 14px;\n margin-top: var(--spacing-small, 4px);\n }\n }\n }\n\n div[right-bottom] {\n flex: 1;\n\n display: flex;\n flex-direction: column;\n\n div[table-container] {\n flex: 1;\n\n overflow-y: auto;\n overflow-x: hidden;\n position: relative;\n }\n\n hr {\n position: sticky;\n margin: 0;\n top: 0px;\n border: 1px solid #3295f1;\n }\n\n table {\n width: 100%;\n border-collapse: collapse;\n table-layout: fixed;\n }\n\n thead {\n position: sticky;\n top: var(--spacing-tiny, 2px);\n background-color: #464651;\n color: var(--md-sys-color-on-primary);\n z-index: 1;\n }\n\n thead th {\n padding: var(--spacing-tiny, 2px) var(--spacing-small, 4px);\n font-size: 15px;\n text-wrap: pretty;\n }\n\n tbody td {\n border-bottom: 1px solid rgba(51,51,51,.20);\n padding: var(--spacing-small, 4px);\n text-align: center;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n font-size: 13px;\n }\n\n md-elevated-button {\n margin: 0 var(--spacing-small, 4px);\n\n --md-elevated-button-container-height: 32px;\n --md-elevated-button-label-text-size: 16px;\n --md-elevated-button-container-color: #0595e5;\n\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 &[red] {\n --md-elevated-button-container-color: #e15757;\n }\n }\n }\n }\n }\n `\n ]\n\n get context() {\n return {\n title: '진행 중 프로젝트 상세 정보'\n }\n }\n\n private defaultProject = {\n name: '',\n buildingComplex: {\n address: '',\n area: 0,\n constructionCompany: '',\n clientCompany: '',\n supervisoryCompany: '',\n designCompany: '',\n constructionType: '',\n buildings: []\n }\n }\n\n @state() projectId: string = ''\n @state() project: Project = { ...this.defaultProject }\n @state() buildingInspections: BuildingInspection[] = []\n @state() inspectionSummary: InspectionSummary = {\n wait: 0,\n request: 0,\n pass: 0,\n fail: 0\n }\n @state() weather: Weather = {\n rain: 0,\n temperature: 0,\n humidity: 0,\n wind: ''\n }\n\n render() {\n return html`\n <div header>\n <h2>${this.project.name}</h2>\n <div button-container>\n <md-elevated-button href=${`project-update/${this.project.id}`}>\n <md-icon slot=\"icon\">assignment</md-icon>프로젝트 정보 수정\n </md-elevated-button>\n <md-elevated-button href=${`project-plan-management/${this.project.id}`}>\n <md-icon slot=\"icon\">description</md-icon>도면 관리\n </md-elevated-button>\n <md-elevated-button href=${`project-schedule/${this.project.id}`}>\n <md-icon slot=\"icon\">event_note</md-icon>공정표 관리\n </md-elevated-button>\n </div>\n </div>\n\n <div body>\n <div>\n <div left-top>\n <h3>기본 정보</h3>\n <div content-1>\n <img\n ?no-image=${!this.project.mainPhoto?.fullpath}\n src=${this.project.mainPhoto?.fullpath || '/assets/images/no-image.png'}\n />\n\n <div>\n <div row>\n <span>- 면적 : </span>\n <span>${this.project.buildingComplex?.area?.toLocaleString()} ㎡</span>\n </div>\n <div row>\n <span>- 착공~준공 : </span>\n <span bold>${this.project.startDate}~${this.project.endDate}</span>\n </div>\n <div row>\n <span>- 발주처 : </span>\n <span>${this.project.buildingComplex?.clientCompany}</span>\n </div>\n <div row>\n <span>- 건설사 : </span>\n <span>${this.project.buildingComplex?.constructionCompany}</span>\n </div>\n <div row>\n <span>- 감리사 : </span>\n <span>${this.project.buildingComplex?.supervisoryCompany}</span>\n </div>\n <div row>\n <span>- 설계사 : </span>\n <span>${this.project.buildingComplex?.designCompany}</span>\n </div>\n </div>\n </div>\n\n <div content-2>\n <div row>\n <span>- 건설구분 : </span>\n <span>${this.project.buildingComplex?.constructionType}</span>\n </div>\n <div row>\n <span>- 공사금액 : </span>\n <span>${this.project.buildingComplex?.constructionCost?.toLocaleString()} 원</span>\n </div>\n <div row>\n <span>- 세대수 : </span>\n <span>${this.project.buildingComplex?.householdCount?.toLocaleString()}</span>\n </div>\n <div row>\n <span>- 기타 : </span>\n <span>${this.project.buildingComplex?.etc}</span>\n </div>\n </div>\n </div>\n\n <div left-bottom>\n <h3>조감도(BIM도면)</h3>\n ${this.project.buildingComplex?.drawing?.fullpath\n ? html`<div building-complex-img></div>`\n : html`<img building-complex-img src=\"/assets/images/img-building-complex-default.jpg\" />`}\n <div>\n <div subject bold>개별 단지 상세정보 바로가기</div>\n <div building-container>\n ${this.project.buildingComplex?.buildings?.map(building => {\n return html`<md-outlined-button href=${`building-complex-detail/${this.project.id}?buildingId=${building.id}`}>\n ${building.name}\n </md-outlined-button>`\n })}\n </div>\n </div>\n </div>\n </div>\n\n <div>\n <div right-top>\n <h3>프로젝트 현황</h3>\n <div state>\n <span progress>\n <ox-progress-circle\n .value=${this.project.totalProgress}\n titleText=\"전체\"\n suffix=\"%\"\n fontSize=\"27px\"\n fontColor=\"#4E5055\"\n borderStyle=\"none\"\n innerCircleSize=\"28%\"\n circleColor=\"#0595E5\"\n shadow=\"#00000026 4px 4px 4px\"\n background=\"#eaf5fd\"\n ></ox-progress-circle>\n <div>전체공정율(%)</div>\n </span>\n <span progress>\n <ox-progress-circle\n .value=${this.project.weeklyProgress}\n titleText=\"주간\"\n suffix=\"%\"\n fontSize=\"27px\"\n fontColor=\"#4E5055\"\n borderStyle=\"none\"\n innerCircleSize=\"28%\"\n circleColor=\"#06B5AF\"\n shadow=\"#00000026 4px 4px 4px\"\n background=\"#eaf7f7\"\n ></ox-progress-circle>\n <div week>주간공정율(%)</div>\n </span>\n <span weather>\n <div bold>현장현황</div>\n <div>\n <span><md-icon slot=\"icon\">rainy</md-icon>강수확률</span>\n <span bold>${this.weather.rain}%</span>\n </div>\n <div>\n <span><md-icon slot=\"icon\">humidity_percentage</md-icon> 습도</span>\n <span bold>${this.weather.humidity}%</span>\n </div>\n <div>\n <span><md-icon slot=\"icon\">thermostat</md-icon> 온도</span>\n <span bold>${this.weather.temperature}°C</span>\n </div>\n <div>\n <span><md-icon slot=\"icon\">air</md-icon> 풍향</span>\n <span bold>${this.weather.wind}</span>\n </div>\n </span>\n </div>\n <div inspection>\n <span name bold>\n <md-icon slot=\"icon\">list_alt_add</md-icon>\n 시공검측<br />현황\n </span>\n <span>\n <div>검측요청</div>\n <div bold>${this.inspectionSummary.wait}</div>\n </span>\n <span>\n <div>검측대기</div>\n <div bold>${this.inspectionSummary.request}</div>\n </span>\n <span>\n <div>합격</div>\n <div bold pass>${this.inspectionSummary.pass}</div>\n </span>\n <span>\n <div>불합격</div>\n <div bold fail>${this.inspectionSummary.fail}</div>\n </span>\n </div>\n <div notice>\n <div name bold>공지사항</div>\n <div content>${this.project.buildingComplex.notice}</div>\n </div>\n </div>\n\n <div right-bottom>\n <h3>검측 현황</h3>\n <div table-container>\n <hr />\n <table>\n <thead>\n <tr>\n <th width=\"3%\"></th>\n <th width=\"10%\">검측 위치</th>\n <th width=\"10%\">공종</th>\n <th width=\"22%\">내용</th>\n <th width=\"15%\">검측 요청일</th>\n <th width=\"10%\">검측 결과</th>\n </tr>\n </thead>\n <tbody>\n ${this.buildingInspections.map((inspection, idx) => {\n return html` <tr @click=${() => this._onClickInspection(inspection.id || '')}>\n <td>${idx + 1}</td>\n <td>${inspection?.buildingLevel?.building?.name} ${inspection?.buildingLevel?.floor}층</td>\n <td bold>${inspection.checklist?.constructionType}</td>\n <td>${inspection.checklist?.inspectionParts?.join(', ') || ''}</td>\n <td>${this._formatDate(inspection.requestDate)}</td>\n <td bold>${inspection.status && BUILDING_INSPECTION_STATUS[inspection.status]}</td>\n </tr>`\n })}\n </tbody>\n </table>\n </div>\n </div>\n </div>\n </div>\n `\n }\n\n async pageInitialized(lifecycle: PageLifecycle) {}\n\n async pageUpdated(changes: any, lifecycle: PageLifecycle) {\n if (this.active) {\n this.projectId = lifecycle.resourceId || ''\n await this.initProject(lifecycle.resourceId)\n }\n }\n\n async initProject(projectId: string = '') {\n const response = await client.query({\n query: gql`\n query Project($id: String!, $projectId: String!, $params: BuildingInspectionsOfProject!) {\n project(id: $id) {\n id\n name\n startDate\n endDate\n mainPhoto {\n fullpath\n }\n totalProgress\n weeklyProgress\n kpi\n inspPassRate\n robotProgressRate\n structuralSafetyRate\n buildingComplex {\n id\n address\n latitude\n longitude\n area\n clientCompany\n constructionCompany\n supervisoryCompany\n designCompany\n drawing {\n id\n name\n fullpath\n }\n constructionType\n constructionCost\n etc\n notice\n householdCount\n buildingCount\n buildings {\n id\n name\n floorCount\n }\n }\n }\n\n inspectionSummary: buildingInspectionSummaryOfProject(projectId: $projectId) {\n wait\n request\n pass\n fail\n }\n\n buildingInspectionsOfProject(params: $params) {\n items {\n id\n status\n requestDate\n buildingLevel {\n floor\n building {\n name\n }\n }\n checklist {\n name\n constructionType\n constructionDetailType\n inspectionParts\n }\n }\n total\n }\n }\n `,\n variables: {\n id: projectId,\n projectId,\n params: {\n projectId,\n limit: 10\n }\n }\n })\n\n if (response.errors) return\n\n this.project = response.data?.project || {}\n this.inspectionSummary = response.data?.inspectionSummary || {}\n this.buildingInspections = response.data?.buildingInspectionsOfProject?.items || []\n\n const { latitude, longitude } = this.project?.buildingComplex\n if (latitude && longitude) {\n this.weather = await _getWeather(latitude, longitude)\n }\n }\n\n private _onClickInspection(buildingInspectionId: string) {\n navigate(`building-inspection-detail-drawing/${buildingInspectionId}`)\n }\n\n private _formatDate(date: Date | undefined) {\n return date\n ? new Intl.DateTimeFormat('en-CA', {\n timeZone: 'Asia/Seoul',\n year: 'numeric',\n month: '2-digit',\n day: '2-digit'\n }).format(new Date(date))\n : ''\n }\n}\n"]}
1
+ {"version":3,"file":"project-detail.js","sourceRoot":"","sources":["../../../client/pages/project/project-detail.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@material/web/button/elevated-button.js'\nimport '@material/web/textfield/outlined-text-field.js'\nimport '@material/web/button/outlined-button.js'\n\nimport { navigate, PageView } from '@operato/shell'\nimport { PageLifecycle } from '@operato/shell/dist/src/app/pages/page-view'\nimport { css, html } from 'lit'\nimport { customElement, state } from 'lit/decorators.js'\nimport { ScopedElementsMixin } from '@open-wc/scoped-elements'\nimport { client } from '@operato/graphql'\nimport { ScrollbarStyles } from '@operato/styles'\n\nimport gql from 'graphql-tag'\nimport { BUILDING_INSPECTION_STATUS, BuildingInspection, BuildingInspectionStatus, Project, ProjectType } from './project-list'\nimport _getWeather from '../lib/waether'\nimport '@operato/chart/ox-progress-circle.js'\nimport { round } from 'lodash'\n\nexport interface InspectionSummary {\n wait: number\n request: number\n pass: number\n fail: number\n}\n\ninterface Weather {\n rain: number\n temperature: number\n humidity: number\n windDirection: string\n windSpeed: number\n}\n\n@customElement('project-detail')\nexport class ProjectDetail extends ScopedElementsMixin(PageView) {\n static styles = [\n ScrollbarStyles,\n css`\n :host {\n display: grid;\n grid-template-rows: 55px auto;\n color: #4e5055;\n\n width: 100%;\n background-color: var(--md-sys-color-background, #f6f6f6);\n overflow-y: auto;\n\n --grid-record-emphasized-background-color: red;\n --grid-record-emphasized-color: yellow;\n }\n\n md-outlined-button {\n --md-outlined-button-container-height: 30px;\n --md-outlined-button-trailing-space: var(--spacing-medium, 8px);\n --md-outlined-button-leading-space: var(--spacing-medium, 8px);\n --md-sys-color-outline: rgba(51, 51, 51, 0.2);\n }\n\n *[bold] {\n font-weight: bold;\n }\n\n div[header] {\n display: flex;\n margin: 0px var(--spacing-large, 12px);\n\n h2 {\n flex: 0.5;\n color: #3f71a0;\n font-size: 18px;\n }\n\n div[button-container] {\n display: flex;\n align-items: center;\n justify-content: end;\n flex: 0.5;\n\n md-elevated-button {\n margin: 0 var(--spacing-small, 4px);\n\n --md-elevated-button-container-height: 32px;\n --md-elevated-button-label-text-size: 16px;\n --md-elevated-button-container-color: #0595e5;\n\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 div[body] {\n display: flex;\n margin: var(--spacing-large, 12px);\n margin-top: 0;\n gap: var(--spacing-medium, 8px);\n\n h3 {\n color: #2e79be;\n font-size: 16px;\n margin: 0px;\n\n a {\n text-decoration: none;\n color: #2e79be;\n }\n }\n\n & > div {\n display: flex;\n flex: 1;\n gap: var(--spacing-medium, 8px);\n flex-direction: column;\n\n & > div {\n display: flex;\n flex-direction: column;\n background-color: var(--md-sys-color-on-primary);\n border: 1px solid #cccccc80;\n gap: var(--spacing-medium, 8px);\n padding: var(--spacing-large, 12px);\n border-radius: 5px;\n }\n\n div[left-top] {\n div[content-1] {\n display: flex;\n align-items: center;\n gap: var(--spacing-medium, 8px);\n font-size: 14px;\n\n img {\n width: 42%;\n height: auto;\n aspect-ratio: 1920 / 1080;\n border: 1px solid #cccccc80;\n }\n img[no-image] {\n object-fit: contain;\n opacity: 0.5;\n }\n }\n div[content-2] {\n height: 65px;\n overflow-y: auto;\n font-size: 14px;\n }\n }\n\n div[left-bottom] {\n flex: 1;\n\n display: flex;\n flex-direction: column;\n\n [building-complex-img] {\n width: 100%;\n flex: 1;\n aspect-ratio: 2 / 1;\n }\n\n img {\n opacity: 0.5;\n }\n\n div[subject] {\n margin-bottom: var(--spacing-small, 4px);\n }\n\n div[building-container] {\n display: block;\n\n & > * {\n margin-right: var(--spacing-medium, 8px);\n margin-bottom: var(--spacing-medium, 8px);\n }\n md-outlined-button {\n --md-outlined-button-container-height: 30px;\n --md-outlined-button-trailing-space: var(--spacing-medium, 8px);\n --md-outlined-button-leading-space: var(--spacing-medium, 8px);\n --md-sys-color-outline: rgba(51, 51, 51, 0.2);\n }\n }\n }\n\n div[right-top] {\n div[state] {\n display: grid;\n grid-template-columns: 1.9fr 1.1fr;\n gap: var(--spacing-large, 12px);\n\n div[progress-container] {\n display: grid;\n grid-template-columns: 1fr 1fr;\n row-gap: 15px;\n\n span[progress] {\n max-width: 150px;\n text-align: center;\n display: flex;\n justify-self: center;\n flex-direction: column;\n width: 100%;\n\n & > div {\n font-weight: bold;\n color: #2e79be;\n font-size: 12px;\n margin-top: var(--spacing-small, 4px);\n }\n & > div[week] {\n color: #06b5af;\n }\n & > div[insp-pass-rate] {\n color: #8b3f39;\n }\n & > div[robot-progress-rate] {\n color: #4a899b;\n }\n }\n }\n\n span[weather] {\n display: flex;\n flex-direction: column;\n gap: var(--spacing-small, 4px);\n margin-left: var(--spacing-medium, 8px);\n font-size: 14px;\n\n & > div {\n display: flex;\n justify-content: space-between;\n --md-icon-size: 18px;\n margin-right: var(--spacing-small, 4px);\n\n & > span {\n display: flex;\n align-items: center;\n gap: var(--spacing-tiny, 2px);\n }\n }\n }\n }\n div[inspection] {\n display: grid;\n grid-template-columns: 1.4fr 0.9fr 0.9fr 0.9fr 0.9fr;\n margin-top: var(--spacing-small, 4px);\n background: #f6f6f6;\n border-radius: 7px;\n padding: var(--spacing-small, 4px) 0px;\n\n & > span {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n\n div[wait] {\n color: #4e5055;\n }\n div[request] {\n color: #2e79be;\n }\n div[pass] {\n color: #1bb401;\n }\n div[fail] {\n color: #ff4444;\n }\n }\n & > span[name] {\n flex-direction: row;\n text-align: right;\n gap: var(--spacing-medium, 8px);\n line-height: 1.3;\n\n md-icon {\n width: 40px;\n height: 40px;\n border-radius: 7px;\n color: #fff;\n background: #f16154;\n }\n }\n }\n div[kpi-container] {\n display: flex;\n flex-direction: column;\n gap: var(--spacing-small, 4px);\n margin-bottom: var(--spacing-medium, 8px);\n\n div[kpi-item] {\n display: flex;\n justify-content: space-between;\n font-size: 14px;\n\n span[kpi-value] {\n font-weight: bold;\n }\n span[kpi-index] {\n color: #2e79be;\n }\n span[pass-rate] {\n color: #1bb401;\n }\n span[robot-count] {\n color: #4a899b;\n }\n }\n }\n div[notice] {\n margin-top: var(--spacing-medium, 8px);\n\n div[name] {\n margin-left: 4px;\n }\n div[content] {\n background-color: #ebc8321a;\n border-radius: 10px;\n padding: var(--spacing-medium, 8px);\n font-size: 14px;\n margin-top: var(--spacing-small, 4px);\n }\n }\n }\n\n div[right-bottom] {\n flex: 1;\n\n display: flex;\n flex-direction: column;\n\n div[table-container] {\n flex: 1;\n\n overflow-y: auto;\n overflow-x: hidden;\n position: relative;\n }\n\n hr {\n position: sticky;\n margin: 0;\n top: 0px;\n border: 1px solid #3295f1;\n }\n\n table {\n width: 100%;\n border-collapse: collapse;\n table-layout: fixed;\n }\n\n thead {\n position: sticky;\n top: var(--spacing-tiny, 2px);\n background-color: #464651;\n color: var(--md-sys-color-on-primary);\n z-index: 1;\n }\n\n thead th {\n padding: var(--spacing-tiny, 2px) var(--spacing-small, 4px);\n font-size: 15px;\n text-wrap: pretty;\n }\n\n tbody td {\n border-bottom: 1px solid rgba(51, 51, 51, 0.2);\n padding: var(--spacing-small, 4px);\n text-align: center;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n font-size: 13px;\n }\n\n tbody td[status='FAIL'] {\n color: #e15757;\n }\n\n md-elevated-button {\n margin: 0 var(--spacing-small, 4px);\n\n --md-elevated-button-container-height: 32px;\n --md-elevated-button-label-text-size: 16px;\n --md-elevated-button-container-color: #0595e5;\n\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 &[red] {\n --md-elevated-button-container-color: #e15757;\n }\n }\n }\n }\n }\n `\n ]\n\n get context() {\n return {\n title: '진행 중 프로젝트 상세 정보'\n }\n }\n\n private defaultProject = {\n name: '',\n buildingComplex: {\n address: '',\n area: 0,\n constructionCompany: '',\n clientCompany: '',\n supervisoryCompany: '',\n designCompany: '',\n constructionType: '',\n buildings: []\n }\n }\n\n @state() projectId: string = ''\n @state() project: Project = { ...this.defaultProject }\n @state() buildingInspections: BuildingInspection[] = []\n @state() inspectionSummary: InspectionSummary = {\n wait: 0,\n request: 0,\n pass: 0,\n fail: 0\n }\n @state() weather: Weather = {\n rain: 0,\n temperature: 0,\n humidity: 0,\n windDirection: '',\n windSpeed: 0\n }\n\n render() {\n let totalInspectionCount =\n this.inspectionSummary.pass + this.inspectionSummary.fail + this.inspectionSummary.request + this.inspectionSummary.wait\n\n return html`\n <div header>\n <h2>${this.project.name}</h2>\n <div button-container>\n <md-elevated-button href=${`project-update/${this.project.id}`}>\n <md-icon slot=\"icon\">assignment</md-icon>프로젝트 정보 수정\n </md-elevated-button>\n <md-elevated-button href=${`project-plan-management/${this.project.id}`}>\n <md-icon slot=\"icon\">description</md-icon>도면 관리\n </md-elevated-button>\n <md-elevated-button href=${`project-schedule/${this.project.id}`}>\n <md-icon slot=\"icon\">event_note</md-icon>공정표 관리\n </md-elevated-button>\n </div>\n </div>\n\n <div body>\n <div>\n <div left-top>\n <h3>기본 정보</h3>\n <div content-1>\n <img\n ?no-image=${!this.project.mainPhoto?.fullpath}\n src=${this.project.mainPhoto?.fullpath || '/assets/images/no-image.png'}\n />\n\n <div>\n <div row>\n <span>- 면적 : </span>\n <span>${this.project.buildingComplex?.area?.toLocaleString()} ㎡</span>\n </div>\n <div row>\n <span>- 착공~준공 : </span>\n <span bold>${this.project.startDate}~${this.project.endDate}</span>\n </div>\n <div row>\n <span>- 발주처 : </span>\n <span>${this.project.buildingComplex?.clientCompany}</span>\n </div>\n <div row>\n <span>- 건설사 : </span>\n <span>${this.project.buildingComplex?.constructionCompany}</span>\n </div>\n <div row>\n <span>- 감리사 : </span>\n <span>${this.project.buildingComplex?.supervisoryCompany}</span>\n </div>\n <div row>\n <span>- 설계사 : </span>\n <span>${this.project.buildingComplex?.designCompany}</span>\n </div>\n </div>\n </div>\n\n <div content-2>\n <div row>\n <span>- 건설구분 : </span>\n <span>${this.project.buildingComplex?.constructionType}</span>\n </div>\n <div row>\n <span>- 공사금액 : </span>\n <span>${this.project.buildingComplex?.constructionCost?.toLocaleString()} 원</span>\n </div>\n <div row>\n <span>- 세대수 : </span>\n <span>${this.project.buildingComplex?.householdCount?.toLocaleString()}</span>\n </div>\n <div row>\n <span>- 기타 : </span>\n <span>${this.project.buildingComplex?.etc}</span>\n </div>\n </div>\n </div>\n\n <div left-bottom>\n <h3>조감도(BIM도면)</h3>\n ${this.project.buildingComplex?.drawing?.fullpath\n ? html`<div building-complex-img></div>`\n : html`<img building-complex-img src=\"/assets/images/img-building-complex-default.jpg\" />`}\n <div>\n <div subject bold>개별 단지 상세정보 바로가기</div>\n <div building-container>\n ${this.project.buildingComplex?.buildings?.map(building => {\n return html`<md-outlined-button href=${`building-complex-detail/${this.project.id}?buildingId=${building.id}`}>\n ${building.name}\n </md-outlined-button>`\n })}\n </div>\n </div>\n </div>\n </div>\n\n <div>\n <div right-top>\n <h3>프로젝트 현황</h3>\n <div state>\n <div progress-container>\n <span progress>\n <ox-progress-circle\n .value=${this.project.totalProgress}\n titleText=\"전체\"\n suffix=\"%\"\n fontSize=\"27px\"\n fontColor=\"#4E5055\"\n borderStyle=\"none\"\n innerCircleSize=\"28%\"\n circleColor=\"#0595E5\"\n shadow=\"#00000026 4px 4px 4px\"\n background=\"#eaf5fd\"\n ></ox-progress-circle>\n <div>전체공정율(%)</div>\n </span>\n <span progress>\n <ox-progress-circle\n .value=${this.project.weeklyProgress}\n titleText=\"주간\"\n suffix=\"%\"\n fontSize=\"27px\"\n fontColor=\"#4E5055\"\n borderStyle=\"none\"\n innerCircleSize=\"28%\"\n circleColor=\"#06B5AF\"\n shadow=\"#00000026 4px 4px 4px\"\n background=\"#eaf7f7\"\n ></ox-progress-circle>\n <div week>주간공정율(%)</div>\n </span>\n\n <span progress>\n <ox-progress-circle\n .value=${this.project.inspPassRate}\n suffix=\"%\"\n fontSize=\"27px\"\n fontColor=\"#4E5055\"\n borderStyle=\"none\"\n innerCircleSize=\"28%\"\n circleColor=\"#8B3F39\"\n shadow=\"#00000026 4px 4px 4px\"\n background=\"#DACCC7\"\n ></ox-progress-circle>\n <div insp-pass-rate>시공/구조 검측 통과 비율(%)</div>\n </span>\n <span progress>\n <ox-progress-circle\n .value=${this.project.robotProgressRate}\n suffix=\"%\"\n fontSize=\"27px\"\n fontColor=\"#4E5055\"\n borderStyle=\"none\"\n innerCircleSize=\"28%\"\n circleColor=\"#4A899B\"\n shadow=\"#00000026 4px 4px 4px\"\n background=\"#C7DFE1\"\n ></ox-progress-circle>\n <div robot-progress-rate>로봇 작업 진행률(%)</div>\n </span>\n </div>\n\n <div>\n <div>KPI</div>\n\n <div kpi-container>\n <div kpi-item>\n <span>KPI 지수</span>\n <span kpi-value kpi-index>${this.project.kpi || 0}%</span>\n </div>\n <div kpi-item>\n <span>검측 통과율</span>\n <span kpi-value pass-rate>${this.inspectionSummary.pass || 0} / ${totalInspectionCount || 0}</span>\n </div>\n <div kpi-item>\n <span>로봇 작업 대수</span>\n <span kpi-value robot-count>${this.project.robotCount || 0}</span>\n </div>\n </div>\n\n <span weather>\n <div bold>현장현황</div>\n <div>\n <span><md-icon slot=\"icon\">rainy</md-icon>강수확률</span>\n <span bold>${this.weather.rain}%</span>\n </div>\n <div>\n <span><md-icon slot=\"icon\">humidity_percentage</md-icon> 습도</span>\n <span bold>${this.weather.humidity}%</span>\n </div>\n <div>\n <span><md-icon slot=\"icon\">thermostat</md-icon> 온도</span>\n <span bold>${this.weather.temperature}°C</span>\n </div>\n <div>\n <span><md-icon slot=\"icon\">arrows_output</md-icon> 풍향</span>\n <span bold>${this.weather.windDirection}</span>\n </div>\n <div>\n <span><md-icon slot=\"icon\">air</md-icon> 풍속</span>\n <span bold>${this.weather.windSpeed} m/s</span>\n </div>\n </span>\n </div>\n </div>\n <div inspection>\n <span name bold>\n <md-icon slot=\"icon\">list_alt_add</md-icon>\n 시공검측<br />현황\n </span>\n <span>\n <div>검측요청</div>\n <div bold>${this.inspectionSummary.wait}</div>\n </span>\n <span>\n <div>검측대기</div>\n <div bold>${this.inspectionSummary.request}</div>\n </span>\n <span>\n <div>합격</div>\n <div bold pass>${this.inspectionSummary.pass}</div>\n </span>\n <span>\n <div>불합격</div>\n <div bold fail>${this.inspectionSummary.fail}</div>\n </span>\n </div>\n <div notice>\n <div name bold>공지사항</div>\n <div content>${this.project.buildingComplex.notice}</div>\n </div>\n </div>\n\n <div right-bottom>\n <h3>검측 현황</h3>\n <div table-container>\n <hr />\n <table>\n <thead>\n <tr>\n <th width=\"3%\"></th>\n <th width=\"10%\">검측 위치</th>\n <th width=\"10%\">공종</th>\n <th width=\"22%\">내용</th>\n <th width=\"15%\">검측 요청일</th>\n <th width=\"10%\">검측 결과</th>\n </tr>\n </thead>\n <tbody>\n ${this.buildingInspections.map((inspection, idx) => {\n return html` <tr @click=${() => this._onClickInspection(inspection)}>\n <td>${idx + 1}</td>\n <td>${inspection?.buildingLevel?.building?.name} ${inspection?.buildingLevel?.floorDisplayName}층</td>\n <td bold>${inspection.checklist?.constructionType}</td>\n <td>${inspection.checklist?.inspectionParts?.join(', ') || ''}</td>\n <td>${this._formatDate(inspection.requestDate)}</td>\n <td bold status=${inspection.status || ''}>\n ${inspection.status && BUILDING_INSPECTION_STATUS[inspection.status]}\n </td>\n </tr>`\n })}\n </tbody>\n </table>\n </div>\n </div>\n </div>\n </div>\n `\n }\n\n async pageInitialized(lifecycle: PageLifecycle) {}\n\n async pageUpdated(changes: any, lifecycle: PageLifecycle) {\n if (this.active) {\n this.projectId = lifecycle.resourceId || ''\n await this.initProject(lifecycle.resourceId)\n }\n }\n\n async initProject(projectId: string = '') {\n const response = await client.query({\n query: gql`\n query Project($id: String!, $projectId: String!, $params: BuildingInspectionsOfProject!) {\n project(id: $id) {\n id\n name\n startDate\n endDate\n projectType\n mainPhoto {\n fullpath\n }\n totalProgress\n weeklyProgress\n kpi\n inspPassRate\n robotProgressRate\n structuralSafetyRate\n robotCount\n buildingComplex {\n id\n address\n latitude\n longitude\n area\n clientCompany\n constructionCompany\n supervisoryCompany\n designCompany\n drawing {\n id\n name\n fullpath\n }\n constructionType\n constructionCost\n etc\n notice\n householdCount\n buildingCount\n buildings {\n id\n name\n floorCount\n }\n }\n }\n\n inspectionSummary: buildingInspectionSummaryOfProject(projectId: $projectId) {\n wait\n request\n pass\n fail\n }\n\n buildingInspectionsOfProject(params: $params) {\n items {\n id\n status\n requestDate\n buildingLevel {\n id\n floor\n floorDisplayName\n building {\n id\n name\n }\n }\n checklist {\n name\n constructionType\n constructionDetailType\n inspectionParts\n }\n }\n total\n }\n }\n `,\n variables: {\n id: projectId,\n projectId,\n params: {\n projectId,\n limit: 10\n }\n }\n })\n\n if (response.errors) return\n\n this.project = response.data?.project || {}\n this.inspectionSummary = response.data?.inspectionSummary || {}\n this.buildingInspections = response.data?.buildingInspectionsOfProject?.items || []\n\n const { latitude, longitude } = this.project?.buildingComplex\n if (latitude && longitude) {\n this.weather = await _getWeather(latitude, longitude)\n }\n }\n\n private _onClickInspection(buildingInspection: BuildingInspection) {\n console.log('buildingInspection :', buildingInspection)\n\n if (this.project.projectType === ProjectType.DSSP) {\n navigate(\n `building-inspection-grid-detail/${this.project.id}?buildingId=${buildingInspection?.buildingLevel?.building?.id}&levelId=${buildingInspection?.buildingLevel?.id}`\n )\n } else if (this.project.projectType === ProjectType.DCSP) {\n navigate(`building-inspection-detail-drawing/${buildingInspection.id}`)\n }\n }\n\n private _formatDate(date: Date | undefined) {\n return date\n ? new Intl.DateTimeFormat('en-CA', {\n timeZone: 'Asia/Seoul',\n year: 'numeric',\n month: '2-digit',\n day: '2-digit'\n }).format(new Date(date))\n : ''\n }\n}\n"]}
package/dist-client/pages/project/project-list.d.ts CHANGED
@@ -22,6 +22,11 @@ export declare const BUILDING_INSPECTION_STATUS: {
22
22
  PASS: string;
23
23
  FAIL: string;
24
24
  };
25
+ export declare enum ProjectType {
26
+ DSSP = "DSSP",
27
+ DCSP = "DCSP",
28
+ DKPI = "DKPI"
29
+ }
25
30
  export interface Project {
26
31
  id?: string;
27
32
  name: string;
@@ -35,8 +40,10 @@ export interface Project {
35
40
  inspPassRate?: number;
36
41
  robotProgressRate?: number;
37
42
  structuralSafetyRate?: number;
43
+ robotCount?: number;
38
44
  scheduleTable?: Attachment;
39
45
  buildingComplex: BuildingComplex;
46
+ projectType?: ProjectType;
40
47
  }
41
48
  export interface BuildingComplex {
42
49
  id?: string;
@@ -68,6 +75,8 @@ export interface Building {
68
75
  id?: string;
69
76
  name: string | undefined;
70
77
  floorCount: number | undefined;
78
+ hasBasement?: boolean;
79
+ basementFloorCount?: number;
71
80
  drawing?: Attachment;
72
81
  drawingUpload?: FileUpload;
73
82
  buildingLevels?: BuildingLevel[];
@@ -75,6 +84,7 @@ export interface Building {
75
84
  export interface BuildingLevel {
76
85
  id?: string;
77
86
  floor?: number;
87
+ floorDisplayName?: string;
78
88
  mainDrawing?: Attachment;
79
89
  mainDrawingImage?: string;
80
90
  mainDrawingThumbnail?: string;
@@ -85,6 +95,8 @@ export interface BuildingLevel {
85
95
  rebarDistributionDrawing?: Attachment;
86
96
  rebarDistributionDrawingThumbnail?: string;
87
97
  rebarDistributionDrawingUpload?: FileUpload;
98
+ etcDrawings?: Attachment[];
99
+ etcDrawingsUpload?: FileUpload[];
88
100
  building?: Building;
89
101
  buildingInspections?: BuildingInspection[];
90
102
  }
package/dist-client/pages/project/project-list.js CHANGED
@@ -28,6 +28,12 @@ export const BUILDING_INSPECTION_STATUS = {
28
28
  [BuildingInspectionStatus.PASS]: '합격',
29
29
  [BuildingInspectionStatus.FAIL]: '불합격'
30
30
  };
31
+ export var ProjectType;
32
+ (function (ProjectType) {
33
+ ProjectType["DSSP"] = "DSSP";
34
+ ProjectType["DCSP"] = "DCSP";
35
+ ProjectType["DKPI"] = "DKPI";
36
+ })(ProjectType || (ProjectType = {}));
31
37
  let ProjectListPage = class ProjectListPage extends ScopedElementsMixin(PageView) {
32
38
  constructor() {
33
39
  super(...arguments);