@operato/dataset 1.0.0-beta.7 → 1.0.0

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 (100) hide show
  1. package/CHANGELOG.md +379 -0
  2. package/dist/src/grist-editor/ox-grist-editor-data-item-spec.js +1 -1
  3. package/dist/src/grist-editor/ox-grist-editor-data-item-spec.js.map +1 -1
  4. package/dist/src/grist-editor/ox-popup-data-item-spec.js +6 -4
  5. package/dist/src/grist-editor/ox-popup-data-item-spec.js.map +1 -1
  6. package/dist/src/index.d.ts +1 -5
  7. package/dist/src/index.js +1 -5
  8. package/dist/src/index.js.map +1 -1
  9. package/dist/src/ox-data-entry-form.js +24 -4
  10. package/dist/src/ox-data-entry-form.js.map +1 -1
  11. package/dist/src/ox-data-item-spec.d.ts +2 -2
  12. package/dist/src/ox-data-item-spec.js +71 -14
  13. package/dist/src/ox-data-item-spec.js.map +1 -1
  14. package/dist/src/ox-data-ooc-view.js +73 -14
  15. package/dist/src/ox-data-ooc-view.js.map +1 -1
  16. package/dist/src/ox-data-sample-view.d.ts +1 -3
  17. package/dist/src/ox-data-sample-view.js +40 -38
  18. package/dist/src/ox-data-sample-view.js.map +1 -1
  19. package/dist/src/types.d.ts +25 -6
  20. package/dist/src/types.js.map +1 -1
  21. package/dist/src/usecase/ccp/index.d.ts +1 -0
  22. package/dist/src/usecase/ccp/index.js +8 -0
  23. package/dist/src/usecase/ccp/index.js.map +1 -0
  24. package/dist/src/usecase/ccp/ox-data-use-case-ccp.d.ts +7 -0
  25. package/dist/src/usecase/ccp/ox-data-use-case-ccp.js +102 -0
  26. package/dist/src/usecase/ccp/ox-data-use-case-ccp.js.map +1 -0
  27. package/dist/src/usecase/ccp/ox-input-ccp-limits.d.ts +44 -0
  28. package/dist/src/usecase/ccp/ox-input-ccp-limits.js +171 -0
  29. package/dist/src/usecase/ccp/ox-input-ccp-limits.js.map +1 -0
  30. package/dist/src/usecase/ccp/ox-property-editor-ccp-limits.d.ts +5 -0
  31. package/dist/src/usecase/ccp/ox-property-editor-ccp-limits.js +24 -0
  32. package/dist/src/usecase/ccp/ox-property-editor-ccp-limits.js.map +1 -0
  33. package/dist/src/{ox-data-use-case.d.ts → usecase/ox-data-use-case.d.ts} +5 -5
  34. package/dist/src/{ox-data-use-case.js → usecase/ox-data-use-case.js} +22 -34
  35. package/dist/src/usecase/ox-data-use-case.js.map +1 -0
  36. package/dist/src/usecase/qc/index.d.ts +1 -0
  37. package/dist/src/usecase/qc/index.js +8 -0
  38. package/dist/src/usecase/qc/index.js.map +1 -0
  39. package/dist/src/usecase/qc/ox-data-use-case-qc.d.ts +7 -0
  40. package/dist/src/usecase/qc/ox-data-use-case-qc.js +55 -0
  41. package/dist/src/usecase/qc/ox-data-use-case-qc.js.map +1 -0
  42. package/dist/src/usecase/qc/ox-input-qc-limits.d.ts +44 -0
  43. package/dist/src/usecase/qc/ox-input-qc-limits.js +171 -0
  44. package/dist/src/usecase/qc/ox-input-qc-limits.js.map +1 -0
  45. package/dist/src/usecase/qc/ox-property-editor-qc-limits.d.ts +5 -0
  46. package/dist/src/usecase/qc/ox-property-editor-qc-limits.js +24 -0
  47. package/dist/src/usecase/qc/ox-property-editor-qc-limits.js.map +1 -0
  48. package/dist/stories/ox-data-entry-form.stories.d.ts +19 -0
  49. package/dist/stories/ox-data-entry-form.stories.js +152 -0
  50. package/dist/stories/ox-data-entry-form.stories.js.map +1 -0
  51. package/dist/stories/ox-data-item-spec.stories.d.ts +26 -0
  52. package/dist/stories/ox-data-item-spec.stories.js +102 -0
  53. package/dist/stories/ox-data-item-spec.stories.js.map +1 -0
  54. package/dist/stories/ox-data-ooc-view.stories.d.ts +19 -0
  55. package/dist/stories/ox-data-ooc-view.stories.js +242 -0
  56. package/dist/stories/ox-data-ooc-view.stories.js.map +1 -0
  57. package/dist/stories/ox-data-sample-view.stories.d.ts +19 -0
  58. package/dist/stories/ox-data-sample-view.stories.js +213 -0
  59. package/dist/stories/ox-data-sample-view.stories.js.map +1 -0
  60. package/dist/stories/ox-grist-editor-data-item-spec.stories.d.ts +27 -0
  61. package/dist/stories/ox-grist-editor-data-item-spec.stories.js +389 -0
  62. package/dist/stories/ox-grist-editor-data-item-spec.stories.js.map +1 -0
  63. package/dist/tsconfig.tsbuildinfo +1 -1
  64. package/package.json +24 -18
  65. package/src/grist-editor/ox-grist-editor-data-item-spec.ts +1 -1
  66. package/src/grist-editor/ox-popup-data-item-spec.ts +8 -5
  67. package/src/index.ts +1 -5
  68. package/src/ox-data-entry-form.ts +24 -4
  69. package/src/ox-data-item-spec.ts +73 -16
  70. package/src/ox-data-ooc-view.ts +73 -14
  71. package/src/ox-data-sample-view.ts +43 -39
  72. package/src/types.ts +31 -6
  73. package/src/usecase/ccp/index.ts +10 -0
  74. package/src/usecase/ccp/ox-data-use-case-ccp.ts +147 -0
  75. package/src/usecase/ccp/ox-input-ccp-limits.ts +161 -0
  76. package/src/usecase/ccp/ox-property-editor-ccp-limits.ts +23 -0
  77. package/src/{ox-data-use-case.ts → usecase/ox-data-use-case.ts} +27 -41
  78. package/src/usecase/qc/index.ts +10 -0
  79. package/src/usecase/qc/ox-data-use-case-qc.ts +72 -0
  80. package/src/usecase/qc/ox-input-qc-limits.ts +161 -0
  81. package/src/usecase/qc/ox-property-editor-qc-limits.ts +23 -0
  82. package/stories/ox-data-entry-form.stories.ts +165 -0
  83. package/stories/ox-data-item-spec.stories.ts +121 -0
  84. package/stories/ox-data-ooc-view.stories.ts +256 -0
  85. package/stories/ox-data-sample-view.stories.ts +227 -0
  86. package/stories/ox-grist-editor-data-item-spec.stories.ts +409 -0
  87. package/translations/en.json +26 -8
  88. package/translations/ko.json +25 -7
  89. package/translations/ms.json +26 -8
  90. package/translations/zh.json +25 -7
  91. package/demo/index.html +0 -28
  92. package/demo/ox-data-entry-form.html +0 -118
  93. package/demo/ox-data-item-spec.html +0 -152
  94. package/demo/ox-data-ooc-view.html +0 -185
  95. package/demo/ox-data-sample-view.html +0 -150
  96. package/demo/ox-grist-editor-data-item-spec.html +0 -476
  97. package/dist/src/ox-data-sample-view copy.d.ts +0 -13
  98. package/dist/src/ox-data-sample-view copy.js +0 -214
  99. package/dist/src/ox-data-sample-view copy.js.map +0 -1
  100. package/dist/src/ox-data-use-case.js.map +0 -1
@@ -3,24 +3,28 @@
3
3
  "button.reviewed": "검토완료",
4
4
  "field.appliance": "어플라이언스",
5
5
  "field.collected_at": "수집일시",
6
+ "field.collected-at": "수집 일자",
7
+ "field.corrected-at": "조치 시간",
8
+ "field.corrective action": "개선 조치",
6
9
  "field.corrective-action": "조치 활동",
7
10
  "field.corrector": "조치자",
8
- "field.corrected-at": "조치 시간",
9
- "field.data": "데이타",
11
+ "field.critical control point": "중점 관리점",
10
12
  "field.data-sample": "데이타 샘플",
11
13
  "field.data-set": "데이타셋",
14
+ "field.data": "데이타",
12
15
  "field.device-id": "디바이스 아이디",
13
16
  "field.entry-role": "입력담당 역할",
14
17
  "field.entry-type": "입력용 화면종류",
15
18
  "field.entry-view": "입력용 화면",
16
19
  "field.hidden": "숨기기",
20
+ "field.item": "항목",
17
21
  "field.latest-collected-at": "최근 수집 시간",
18
22
  "field.monitor-type": "모니터용 화면종류",
19
23
  "field.monitor-view": "모니터용 화면",
20
24
  "field.netmask": "네트워크마스크",
21
25
  "field.next-schedule": "다음 수집계획",
22
- "field.oos": "허용한계 이탈여부",
23
26
  "field.ooc": "관리한계 이탈여부",
27
+ "field.oos": "허용한계 이탈여부",
24
28
  "field.options": "선택옵션",
25
29
  "field.partition-keys": "파티션 키",
26
30
  "field.prev-schedule": "이전 수집계획",
@@ -38,19 +42,33 @@
38
42
  "field.use-case": "사용 사례",
39
43
  "field.work-date": "작업기준일",
40
44
  "field.work-shift": "교대근무조",
45
+ "label.acceptables": "허용값",
46
+ "label.critical-limits": "허용 한계",
47
+ "label.maximum value": "최대값",
48
+ "label.minimum value": "최소값",
49
+ "label.pass-limits": "허용 한계",
50
+ "label.target-limits": "목표 한계",
41
51
  "text.automatically collected": "자동 수집",
42
- "text.data sample created successfully": "데이타 샘플이 성공적으로 생성되었습니다",
52
+ "text.control limit": "허용 한계",
43
53
  "text.data ooc updated successfully": "이탈데이타 내용이 수정되었습니다",
54
+ "text.data sample created successfully": "데이타 샘플이 성공적으로 생성되었습니다",
44
55
  "text.manually collected": "수동 수집",
56
+ "text.maximum value": "최대값",
57
+ "text.measurement": "측정",
58
+ "text.minimum value": "최소값",
59
+ "text.observation": "관찰",
60
+ "text.operating limit": "목표 기준",
61
+ "text.target limit": "목표 기준",
45
62
  "title.data-entry-form": "데이타 입력",
46
63
  "title.data-item list": "데이타 아이템 조회",
47
64
  "title.data-monitor-view": "데이타 모니터",
48
- "title.data-report-view": "데이타 리포트",
49
65
  "title.data-ooc list": "데이타 이탈점 조회",
50
66
  "title.data-ooc view": "데이타 이탈점 상세",
67
+ "title.data-report-view": "데이타 리포트",
51
68
  "title.data-sample list": "데이타 샘플 조회",
52
69
  "title.data-sample view": "데이타 샘플 상세",
53
70
  "title.data-sensor list": "데이타 센서 조회",
54
71
  "title.data-set list": "데이타 셋 조회",
55
- "title.edit code": "코드 편집"
56
- }
72
+ "title.edit code": "코드 편집",
73
+ "title.history": "이력"
74
+ }
@@ -3,25 +3,29 @@
3
3
  "button.reviewed": "reviewed",
4
4
  "field.appliance": "appliance",
5
5
  "field.collected_at": "collected at",
6
+ "field.collected-at": "collected at",
7
+ "field.corrected-at": "corrected at",
8
+ "field.corrective action": "corrective action",
6
9
  "field.corrective-action": "corrective action",
7
10
  "field.corrector": "corrector",
8
- "field.corrected-at": "corrected at",
9
- "field.data": "data",
11
+ "field.critical control point": "critical control point",
10
12
  "field.data-sample": "data sample",
11
13
  "field.data-set": "data set",
14
+ "field.data": "data",
12
15
  "field.device-id": "device id",
13
16
  "field.entry-role": "entry role",
14
17
  "field.entry-type": "entry type",
15
18
  "field.entry-view": "entry view",
19
+ "field.hidden": "hidden",
20
+ "field.item": "item",
16
21
  "field.latest-collected-at": "latest collected at",
17
22
  "field.monitor-type": "monitor type",
18
23
  "field.monitor-view": "monitor view",
19
24
  "field.netmask": "network mask",
20
25
  "field.next-schedule": "next schedule",
21
- "field.oos": "out of critical limit",
22
26
  "field.ooc": "out of control limit",
27
+ "field.oos": "out of critical limit",
23
28
  "field.options": "options",
24
- "field.hidden": "hidden",
25
29
  "field.partition-keys": "partition keys",
26
30
  "field.prev-schedule": "previous schedule",
27
31
  "field.quota": "sampling #",
@@ -38,19 +42,33 @@
38
42
  "field.use-case": "use case",
39
43
  "field.work-date": "work date",
40
44
  "field.work-shift": "work shift",
45
+ "label.acceptables": "acceptables",
46
+ "label.critical-limits": "critical limits",
47
+ "label.maximum value": "maximum value",
48
+ "label.minimum value": "minimum value",
49
+ "label.pass-limits": "pass limits",
50
+ "label.target-limits": "target limits",
41
51
  "text.automatically collected": "automatically collected",
42
- "text.data sample created successfully": "a data sample created successfully",
52
+ "text.control limit": "control limit",
43
53
  "text.data ooc updated successfully": "a data ooc updated successfully",
54
+ "text.data sample created successfully": "a data sample created successfully",
44
55
  "text.manually collected": "manually collected",
56
+ "text.maximum value": "maximum value",
57
+ "text.measurement": "measurement",
58
+ "text.minimum value": "minimum value",
59
+ "text.observation": "observation",
60
+ "text.operating limit": "operating limit",
61
+ "text.target limit": "target limit",
45
62
  "title.data-entry-form": "data entry form",
46
63
  "title.data-item list": "data item list",
47
64
  "title.data-monitor-view": "data monitor view",
48
- "title.data-report-view": "data report view",
49
65
  "title.data-ooc list": "data OOC list",
50
66
  "title.data-ooc view": "data OOC view",
67
+ "title.data-report-view": "data report view",
51
68
  "title.data-sample list": "data sample list",
52
69
  "title.data-sample view": "data sample view",
53
70
  "title.data-sensor list": "data sensor list",
54
71
  "title.data-set list": "data set list",
55
- "title.edit code": "edit code"
56
- }
72
+ "title.edit code": "edit code",
73
+ "title.history": "history"
74
+ }
@@ -3,24 +3,28 @@
3
3
  "button.reviewed": "reviewed",
4
4
  "field.appliance": "appliance",
5
5
  "field.collected_at": "collected at",
6
+ "field.collected-at": "collected at",
7
+ "field.corrected-at": "corrected at",
8
+ "field.corrective action": "corrective action",
6
9
  "field.corrective-action": "corrective action",
7
10
  "field.corrector": "corrector",
8
- "field.corrected-at": "corrected at",
9
- "field.data": "data",
11
+ "field.critical control point": "critical control point",
10
12
  "field.data-sample": "data sample",
11
13
  "field.data-set": "data set",
14
+ "field.data": "data",
12
15
  "field.device-id": "device id",
13
16
  "field.entry-role": "entry role",
14
17
  "field.entry-type": "entry type",
15
18
  "field.entry-view": "entry view",
16
19
  "field.hidden": "hidden",
20
+ "field.item": "item",
17
21
  "field.latest-collected-at": "latest collected at",
18
22
  "field.monitor-type": "monitor type",
19
23
  "field.monitor-view": "monitor view",
20
24
  "field.netmask": "network mask",
21
25
  "field.next-schedule": "next schedule",
22
- "field.oos": "out of critical limit",
23
26
  "field.ooc": "out of control limit",
27
+ "field.oos": "out of critical limit",
24
28
  "field.options": "options",
25
29
  "field.partition-keys": "partition keys",
26
30
  "field.prev-schedule": "previous schedule",
@@ -38,19 +42,33 @@
38
42
  "field.use-case": "use case",
39
43
  "field.work-date": "work date",
40
44
  "field.work-shift": "work shift",
45
+ "label.acceptables": "acceptables",
46
+ "label.critical-limits": "critical limits",
47
+ "label.maximum value": "maximum value",
48
+ "label.minimum value": "minimum value",
49
+ "label.pass-limits": "pass limits",
50
+ "label.target-limits": "target limits",
41
51
  "text.automatically collected": "automatically collected",
42
- "text.data sample created successfully": "a data sample created successfully",
52
+ "text.control limit": "control limit",
43
53
  "text.data ooc updated successfully": "a data ooc updated successfully",
54
+ "text.data sample created successfully": "a data sample created successfully",
44
55
  "text.manually collected": "manually collected",
56
+ "text.maximum value": "maximum value",
57
+ "text.measurement": "measurement",
58
+ "text.minimum value": "minimum value",
59
+ "text.observation": "observation",
60
+ "text.operating limit": "operating limit",
61
+ "text.target limit": "target limit",
45
62
  "title.data-entry-form": "data entry form",
46
63
  "title.data-item list": "data item list",
47
64
  "title.data-monitor-view": "data monitor view",
48
- "title.data-report-view": "data report view",
49
65
  "title.data-ooc list": "data OOC list",
50
66
  "title.data-ooc view": "data OOC view",
67
+ "title.data-report-view": "data report view",
51
68
  "title.data-sample list": "data sample list",
52
69
  "title.data-sample view": "data sample view",
53
70
  "title.data-sensor list": "data sensor list",
54
71
  "title.data-set list": "data set list",
55
- "title.edit code": "edit code"
56
- }
72
+ "title.edit code": "edit code",
73
+ "title.history": "history"
74
+ }
package/demo/index.html DELETED
@@ -1,28 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en-GB">
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1" />
6
- <style>
7
- body {
8
- --ox-checkbox-size: 12px;
9
- }
10
-
11
- a {
12
- display: block;
13
- }
14
- </style>
15
-
16
- <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet" />
17
- <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet" />
18
- <link href="/themes/app-theme.css" rel="stylesheet" />
19
- <link href="/themes/form-theme.css" rel="stylesheet" />
20
- </head>
21
- <body>
22
- <a href="./ox-data-entry-form.html">ox-data-entry-form</a>
23
- <a href="./ox-data-sample-view.html">ox-data-sample-view</a>
24
- <a href="./ox-data-ooc-view.html">ox-data-ooc-view</a>
25
- <a href="./ox-data-item-spec.html">ox-data-item-spec</a>
26
- <a href="./ox-grist-editor-data-item-spec.html">ox-grist-editor-data-item-spec</a>
27
- </body>
28
- </html>
@@ -1,118 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en-GB">
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1" />
6
- <style>
7
- body {
8
- --ox-checkbox-size: 12px;
9
- }
10
-
11
- #demo {
12
- }
13
- </style>
14
- <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet" />
15
- <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet" />
16
- <link href="/themes/app-theme.css" rel="stylesheet" />
17
- <link href="/themes/form-theme.css" rel="stylesheet" />
18
- </head>
19
- <body>
20
- <div id="demo"></div>
21
-
22
- <script type="module">
23
- import { html, render } from 'lit'
24
- import '../dist/src/ox-data-entry-form.js'
25
-
26
- const parent = document.querySelector('#demo')
27
- const dataSet = {
28
- name: 'sample',
29
- description: 'sample description',
30
- dataItems: [
31
- {
32
- name: '창고 온도',
33
- description: '창고 온도는 섭씨 0도 이하로 유지되어야 합니다.',
34
- sequence: 1,
35
- tag: 'temp',
36
- type: 'number',
37
- quota: 1,
38
- active: true,
39
- unit: '℃'
40
- },
41
- {
42
- name: '창고 습도',
43
- description: '창고 습도는 30% 이하로 유지되어야 합니다.',
44
- sequence: 2,
45
- tag: 'humid',
46
- type: 'number',
47
- quota: 5,
48
- active: true,
49
- unit: '%'
50
- },
51
- {
52
- name: '육안 검사',
53
- description: '육안 검사는 포장전 30분 내로 실행되어야 합니다.',
54
- sequence: 3,
55
- tag: 'inspection',
56
- type: 'boolean',
57
- quota: 3,
58
- active: true
59
- },
60
- {
61
- name: '품평',
62
- description: '품평은 최우수/우수/보통/미달을 포함하여 간단히 평가.',
63
- sequence: 4,
64
- tag: 'evaluation',
65
- type: 'select',
66
- options: {
67
- options: [
68
- { text: '최우수', value: '최우수' },
69
- { text: '우수', value: '우수' },
70
- { text: '보통', value: '보통' },
71
- { text: '미달', value: '미달' }
72
- ]
73
- },
74
- quota: 3,
75
- active: true
76
- },
77
- {
78
- name: '코멘트',
79
- description: '특이사항을 기록함.',
80
- sequence: 4,
81
- tag: 'comment',
82
- type: 'string',
83
- quota: 1,
84
- active: true
85
- },
86
- {
87
- name: '첨부파일',
88
- description: '참조 첨부 파일.',
89
- sequence: 4,
90
- tag: 'attachment',
91
- type: 'file',
92
- quota: 1,
93
- active: true
94
- }
95
- ]
96
- }
97
-
98
- var value = {
99
- temp: 1000,
100
- humid: [20, 23, 21, 26, 27],
101
- inspection: [true, false, true],
102
- evaluation: ['최우수', '보통', '우수']
103
- }
104
-
105
- render(
106
- html`<ox-data-entry-form
107
- .dataSet=${dataSet}
108
- .value=${value}
109
- @change=${e => {
110
- value = e.detail
111
- console.log('change', value)
112
- }}
113
- ></ox-data-entry-form>`,
114
- parent
115
- )
116
- </script>
117
- </body>
118
- </html>
@@ -1,152 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en-GB">
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1" />
6
- <style>
7
- body {
8
- --ox-checkbox-size: 12px;
9
- }
10
-
11
- #demo {
12
- }
13
- </style>
14
- <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet" />
15
- <link href="https://fonts.googleapis.com/css?family=Material+Icons&display=block" rel="stylesheet" />
16
- <link href="/themes/app-theme.css" rel="stylesheet" />
17
- <link href="/themes/form-theme.css" rel="stylesheet" />
18
- </head>
19
- <body>
20
- <div id="demo"></div>
21
-
22
- <script type="module">
23
- import { html, render } from 'lit'
24
-
25
- import '@operato/property-editor/ox-property-editor-checkbox.js'
26
- import '@operato/property-editor/ox-property-editor-number.js'
27
- import '@operato/property-editor/ox-property-editor-string.js'
28
-
29
- import '@operato/property-editor/ox-properties-dynamic-view.js'
30
-
31
- import { OxPropertyEditor } from '@operato/property-editor'
32
-
33
- OxPropertyEditor.register({
34
- number: 'ox-property-editor-number',
35
- string: 'ox-property-editor-string',
36
- boolean: 'ox-property-editor-checkbox'
37
- })
38
-
39
- import { OxDataUseCase } from '../dist/src/ox-data-use-case.js'
40
- import '../dist/src/ox-data-item-spec.js'
41
-
42
- const parent = document.querySelector('#demo')
43
-
44
- const ccpUseCase = {
45
- getSpecification: dataItem => {
46
- return {
47
- name: 'ccp',
48
- description: 'ccp specs',
49
- specs: [
50
- {
51
- type: 'number',
52
- label: 'critical limits',
53
- name: 'criticalLimits',
54
- property: dataItem
55
- },
56
- {
57
- type: 'string',
58
- label: 'target limits',
59
- name: 'targetLimits',
60
- property: dataItem
61
- }
62
- ]
63
- }
64
- }
65
- }
66
-
67
- const qcUseCase = {
68
- getSpecification: dataItem => {
69
- return {
70
- name: 'qc',
71
- description: 'qc specs',
72
- specs: [
73
- {
74
- type: 'number',
75
- label: 'critical limits',
76
- name: 'criticalLimits',
77
- property: dataItem
78
- },
79
- {
80
- type: 'boolean',
81
- label: 'target limits',
82
- name: 'targetLimits',
83
- property: dataItem
84
- }
85
- ]
86
- }
87
- }
88
- }
89
-
90
- OxDataUseCase.registerUseCase('ccp', ccpUseCase)
91
- OxDataUseCase.registerUseCase('qc', qcUseCase)
92
-
93
- const dataItemA = {
94
- name: '창고 온도',
95
- description: '창고 온도는 섭씨 0도 이하로 유지되어야 합니다.',
96
- sequence: 1,
97
- tag: 'temp',
98
- unit: '℃',
99
- type: 'number',
100
- quota: 1
101
- }
102
-
103
- const dataItemB = {
104
- name: '품평',
105
- description: '품평은 최우수/우수/보통/미달을 포함하여 간단히 평가.',
106
- sequence: 4,
107
- tag: 'evaluation',
108
- type: 'select',
109
- options: {
110
- options: [
111
- { text: '최우수', value: '최우수' },
112
- { text: '우수', value: '우수' },
113
- { text: '보통', value: '보통' },
114
- { text: '미달', value: '미달' }
115
- ]
116
- },
117
- quota: 3
118
- }
119
-
120
- const dataItemC = {
121
- name: '코멘트',
122
- description: '특이사항을 기록함.',
123
- sequence: 4,
124
- tag: 'comment',
125
- type: 'string',
126
- quota: 1
127
- }
128
-
129
- var specA = {
130
- ccp: { criticalLimits: 1000, targetLimits: true },
131
- qc: { criticalLimits: 400, targetLimits: false }
132
- }
133
-
134
- var specB = {
135
- ccp: { accpetables: ['최우수', '우수'] },
136
- qc: { accpetables: ['최우수', '우수'] }
137
- }
138
-
139
- render(
140
- html`<ox-data-item-spec
141
- .dataItem=${dataItemA}
142
- .value=${specA}
143
- @change=${e => {
144
- specA = e.detail
145
- console.log('change', specA)
146
- }}
147
- ></ox-data-item-spec>`,
148
- parent
149
- )
150
- </script>
151
- </body>
152
- </html>